Button
CTA button with URL/WhatsApp link + Meta/TikTok Pixel tracking.
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.