Platform
Reward Widget
Reward Widget

Reward Widget

เปลี่ยนคูปองธรรมดาเป็นประสบการณ์ที่ลูกค้าอยากมีส่วนร่วม — วงล้อหมุน, บัตรขูด, กล่องสุ่ม และอีกหลายแบบ ตั้งค่าได้ใน Console โดยไม่ต้องเขียน code ส่ง link หรือแปะบนเว็บได้เลย

Reward Widget ใช้ได้ตั้งแต่แพลน Pro ขึ้นไป White-label และ custom domain เป็น Enterprise add-on


2 วิธีส่งให้ลูกค้า

Embed บนเว็บ

วาง script tag 1 บรรทัดใน <head> — widget ขึ้นเป็น popup อัตโนมัติตาม trigger ที่ตั้งไว้

<script
  src="https://cdn.pcampus.co/reward-widget.js"
  data-campaign="cmp_xxxxxxxxxx"
  data-trigger="exit-intent"
></script>

Trigger ที่รองรับ

Triggerค่า data-triggerเมื่อไหร่
Exit intentexit-intentเมาส์เคลื่อนออกจากหน้าต่าง
Time delaydelay:5000หลังจากอยู่ในหน้า N ms
Scroll depthscroll:50เลื่อนถึง N% ของความสูงหน้า
Button clickbutton:#my-idเมื่อ element ที่ระบุถูกคลิก
Manualmanualเรียกผ่าน JS API เอง

เรียกด้วย JS API:

PcampusWidget.open('cmp_xxxxxxxxxx')

Link (ไม่ต้องมีเว็บ)

ส่งผ่าน LINE, SMS, Email หรือ QR code ลูกค้าเปิดบนมือถือได้เลย

https://play.pcampus.co/{widget-type}/{campaign-id}

ตัวอย่าง:

https://play.pcampus.co/spin/cmp_xxxxxxxxxx
https://play.pcampus.co/scratch/cmp_xxxxxxxxxx

Widget Types

Widgetคำอธิบายเหมาะกับ
วงล้อหมุน (spin)หมุนวงล้อ กำหนด segment และน้ำหนักได้อิสระEngagement สูง, หลาย tier รางวัล
บัตรขูด (scratch)ขูดด้วยนิ้วบนมือถือ เผย coupon code ใต้พื้นผิวMobile-first, UX คุ้นเคย
เลือกไพ่ (pick-card)เลือก 1 ใบจากไพ่คว่ำหน้า 3–5 ใบรู้สึกควบคุมได้เอง
กล่องสุ่ม (mystery-box)แตะเปิดกล่อง animation เผยรางวัลGen Z, lifestyle brand
สล็อต (slot)ดึง lever ลูกรีลหมุนPremium, high excitement
ตอบคำถาม (quiz)ตอบถูกรับรางวัล เก็บ preference data ด้วยData collection + reward

ตั้งค่า Campaign

สร้าง Campaign ใน Cockpit

ไปที่ Cockpit → Reward Widget → New Campaign แล้วกรอก:

  • ชื่อ campaign
  • Widget type
  • วันเริ่ม–หมดอายุ

กำหนดรางวัลและน้ำหนัก

เพิ่ม reward pool โดยกำหนด coupon code, ชื่อรางวัล, และ % โอกาสสำหรับแต่ละรางวัล รวมต้องได้ 100%

ตัวอย่าง:

ลด 50%     →  5%   (จำนวน 50 ใบ)
ลด 20%     →  30%  (จำนวน 500 ใบ)
ลด 10%     →  35%  (ไม่จำกัด)
ไม่ได้รับ   →  30%

ตั้งค่า limit

ตัวเลือกคำอธิบาย
Plays / คน / campaignกี่ครั้งที่ลูกค้า 1 คนเล่นได้ต่อ campaign
Total plays / เดือนquota รวมของ org
Campaign capจำนวน plays รวมสูงสุดของ campaign นี้

ปรับ Look & Feel

เลือกสี, อัปโหลดโลโก้, กำหนดข้อความ ไม่ต้องเขียน CSS ทั้งหมดทำผ่าน Cockpit UI

Copy code หรือ link

ได้ script tag สำหรับ embed และ URL สำหรับส่งทั้งคู่ในหน้าเดียวกัน


Limits

ProEnterprise
Plays / เดือน10,000ตามที่ตกลง
Plays / คน / campaign1 ครั้ง (ปรับได้)กำหนดได้
Active campaigns5ไม่จำกัด
Widget typesทุกแบบทุกแบบ
Campaign analytics
White-labeladd-on
Custom domainadd-on

เมื่อ plays ถึง quota ในเดือนนั้น widget จะแสดงข้อความ "ขออภัย campaign นี้หมดสิทธิ์แล้ว" โดยอัตโนมัติ ซื้อ add-on Extra Plays เพื่อเพิ่ม quota ได้ทันทีใน Console


ป้องกัน Abuse

Reward Widget มีระบบป้องกันในตัว:

  • 1 สิทธิ์ต่อคน — ใช้ fingerprint + session เพื่อระบุผู้ใช้ที่ไม่ได้ login
  • Token ใช้ครั้งเดียว — coupon code ที่ได้มา lock ทันทีที่ reveal ป้องกัน replay
  • Campaign cap — กำหนดจำนวนรางวัลสูงสุดรวมต่อ campaign
  • Rate limit per IP — ป้องกัน automated bot play
  • Expiry — campaign หมดอายุตามวันที่กำหนด widget ปิดโดยอัตโนมัติ

White-label (Enterprise Add-on)

เมื่อเปิดใช้ white-label:

  • โลโก้และชื่อ Pcampus ถูกซ่อนทั้งหมด
  • URL เปลี่ยนจาก play.pcampus.co เป็น custom domain ของ merchant เช่น spin.yourbrand.com
  • Widget สามารถ match กับ brand identity ของ merchant ได้ 100%

ติดต่อ sales@pcampus.co เพื่อเปิดใช้งาน


Analytics

ทุก event ที่เกิดจาก Reward Widget เข้า PBCP Event Store โดยอัตโนมัติ ดู dashboard ได้ใน Cockpit:

Eventความหมาย
widget.viewedลูกค้าเห็น widget
widget.playedลูกค้ากดเล่น
widget.wonลูกค้าได้รางวัล
widget.claimedลูกค้าคัดลอก/ใช้ coupon
widget.expiredcampaign หมดอายุก่อนลูกค้าเล่น

Conversion rate = claimed / played

Reward Widget

Turn plain coupons into interactive experiences customers actually want to engage with — spin wheels, scratch cards, mystery boxes, and more. Configure everything in Console without writing code, then share a link or embed on your website.

Reward Widget is available on Pro plans and above. White-label and custom domain are Enterprise add-ons.


2 ways to deliver to customers

Embed on a website

Drop a single script tag into <head> — the widget appears as a popup based on your configured trigger.

<script
  src="https://cdn.pcampus.co/reward-widget.js"
  data-campaign="cmp_xxxxxxxxxx"
  data-trigger="exit-intent"
></script>

Supported triggers

Triggerdata-trigger valueWhen
Exit intentexit-intentMouse leaves the browser window
Time delaydelay:5000After N ms on page
Scroll depthscroll:50When scrolled N% down the page
Button clickbutton:#my-idWhen a specified element is clicked
ManualmanualCall via JS API yourself

Open manually via JS:

PcampusWidget.open('cmp_xxxxxxxxxx')

Link (no website required)

Send via LINE, SMS, Email, or QR code — customers open it on mobile immediately.

https://play.pcampus.co/{widget-type}/{campaign-id}

Examples:

https://play.pcampus.co/spin/cmp_xxxxxxxxxx
https://play.pcampus.co/scratch/cmp_xxxxxxxxxx

Widget Types

WidgetDescriptionBest for
Spin Wheel (spin)Spin a wheel — configure segments and weights freelyHigh engagement, multi-tier prizes
Scratch Card (scratch)Scratch with a finger on mobile to reveal a coupon codeMobile-first, familiar UX
Pick a Card (pick-card)Choose 1 card from 3–5 face-down optionsFeels like a personal choice
Mystery Box (mystery-box)Tap to open an animated box revealing the prizeGen Z, lifestyle brands
Slot Machine (slot)Pull a lever, watch reels spinPremium, high excitement
Quiz (quiz)Answer correctly to win — collect preference data simultaneouslyData collection + reward

Setting up a campaign

Create a campaign in Cockpit

Go to Cockpit → Reward Widget → New Campaign and fill in:

  • Campaign name
  • Widget type
  • Start and end date

Define rewards and weights

Add a reward pool with coupon codes, reward names, and a win probability (%) for each. The total must equal 100%.

Example:

50% off     →  5%   (50 coupons)
20% off     →  30%  (500 coupons)
10% off     →  35%  (unlimited)
No prize    →  30%

Configure limits

OptionDescription
Plays / person / campaignHow many times a single customer can play per campaign
Total plays / monthMonthly quota for the org
Campaign capMaximum total plays for this campaign

Customize look & feel

Pick colors, upload a logo, and set copy — no CSS required. All done through the Cockpit UI.

Copy embed code or link

Both the script tag and shareable URL are available on the same page.


Limits

ProEnterprise
Plays / month10,000Custom
Plays / person / campaign1 (adjustable)Configurable
Active campaigns5Unlimited
Widget typesAllAll
Campaign analytics
White-labeladd-on
Custom domainadd-on

When plays reach the monthly quota, the widget automatically shows "Sorry, this campaign is no longer available." Purchase Extra Plays from Console to extend your quota immediately.


Abuse prevention

Reward Widget has built-in safeguards:

  • 1 play per person — uses fingerprint + session to identify users who are not logged in
  • Single-use tokens — coupon codes are locked immediately on reveal, preventing replay attacks
  • Campaign cap — set a maximum total prize count per campaign
  • Rate limiting per IP — prevents automated bot play
  • Expiry — campaigns close automatically on the configured end date

White-label (Enterprise add-on)

When white-label is enabled:

  • All Pcampus logos and branding are hidden
  • The URL changes from play.pcampus.co to your merchant's custom domain, e.g. spin.yourbrand.com
  • The widget can fully match the merchant's brand identity

Contact sales@pcampus.co to enable.


Analytics

Every Reward Widget event flows into the PBCP Event Store automatically. View the dashboard in Cockpit:

EventMeaning
widget.viewedCustomer saw the widget
widget.playedCustomer clicked to play
widget.wonCustomer received a prize
widget.claimedCustomer copied / used the coupon
widget.expiredCampaign ended before customer played

Conversion rate = claimed / played