Button

Type: "button". Themed rectangular button with link and optional tracking.

Props

Field	Type	Required	Default	Notes
text	string (max 200)	✓	"Click here"	Button label
link	string (URL, max 2000)	✓	"#"	Click destination
linkType	'url'|'whatsapp'	—	"url"	Link mode
whatsappNumber	string (max 50)	—	—	WA number (when linkType="whatsapp")
whatsappMessage	string (max 1000)	—	—	Pre-filled WA message
alignment	'left'|'center'|'right'	✓	"center"	Button position in parent
width	'auto'|'full'	✓	"auto"	"full" = 100% parent width
Meta Pixel tracking (optional)
metaEventPixelId	string (max 50)	—	—	Custom pixel id (default = site setting)
metaEvent	string (max 100)	—	—	Event name (Lead, Contact, etc.)
metaEventValue	string (max 50)	—	—	Numeric value (e.g. "50000")
metaEventCurrency	string (max 10)	—	—	Default "IDR"
metaEventContentName	string (max 200)	—	—	Descriptive event label
TikTok Pixel tracking (optional) — mirror meta with tiktok prefix
tiktokEventPixelId	string (max 50)	—	—
tiktokEvent	string (max 100)	—	—
tiktokEventValue	string (max 50)	—	—
tiktokEventCurrency	string (max 10)	—	—
tiktokEventContentName	string (max 200)	—	—

Example: URL CTA

{
  "id": "btn01abcd",
  "type": "button",
  "props": {
    "text": "Sign Up Now",
    "link": "/register",
    "linkType": "url",
    "alignment": "center",
    "width": "auto"
  }
}

Example: WhatsApp button

{
  "id": "btn02efgh",
  "type": "button",
  "props": {
    "text": "Chat us on WhatsApp",
    "link": "",
    "linkType": "whatsapp",
    "whatsappNumber": "6281234567890",
    "whatsappMessage": "Hi, I'm interested in your product",
    "alignment": "center",
    "width": "full"
  }
}

Example: button with Meta tracking

{
  "id": "btn03ijkl",
  "type": "button",
  "props": {
    "text": "Download Free Ebook",
    "link": "/ebook-marketing",
    "alignment": "center",
    "width": "auto",
    "metaEvent": "Lead",
    "metaEventValue": "50000",
    "metaEventCurrency": "IDR",
    "metaEventContentName": "Marketing 101 Ebook"
  }
}

Example: button + global class

{
  "id": "btn04mnop",
  "type": "button",
  "props": {
    "text": "Buy",
    "link": "/checkout",
    "alignment": "center",
    "width": "auto"
  },
  "classes": ["7c58e7b3"]
}

The class 7c58e7b3 must be defined in the file's globalClasses array. See the Global Classes page.