Button

Type: "button". Tombol kotak dengan styling theme, link, dan tracking opsional.

Props

Field	Type	Required	Default	Keterangan
text	string (max 200)	✓	"Klik di sini"	Label tombol
link	string (URL, max 2000)	✓	"#"	Tujuan klik
linkType	'url'|'whatsapp'	—	"url"	Mode link
whatsappNumber	string (max 50)	—	—	Nomor WA (kalau linkType="whatsapp")
whatsappMessage	string (max 1000)	—	—	Pesan default WA
alignment	'left'|'center'|'right'	✓	"center"	Posisi tombol di parent
width	'auto'|'full'	✓	"auto"	"full" = 100% width
Meta Pixel tracking (opsional)
metaEventPixelId	string (max 50)	—	—	Pixel ID custom (default = site setting)
metaEvent	string (max 100)	—	—	Event name (Lead, Contact, dll)
metaEventValue	string (max 50)	—	—	Value angka (mis. "50000")
metaEventCurrency	string (max 10)	—	—	Default "IDR"
metaEventContentName	string (max 200)	—	—	Label deskriptif event
TikTok Pixel tracking (opsional) — sama dengan meta, prefix tiktok
tiktokEventPixelId	string (max 50)	—	—
tiktokEvent	string (max 100)	—	—
tiktokEventValue	string (max 50)	—	—
tiktokEventCurrency	string (max 10)	—	—
tiktokEventContentName	string (max 200)	—	—

Contoh: CTA URL

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

Contoh: WhatsApp button

{
  "id": "btn02efgh",
  "type": "button",
  "props": {
    "text": "Hubungi via WhatsApp",
    "link": "",
    "linkType": "whatsapp",
    "whatsappNumber": "6281234567890",
    "whatsappMessage": "Halo, saya tertarik dengan produknya",
    "alignment": "center",
    "width": "full"
  }
}

Contoh: button + Meta tracking

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

Contoh: button + global class

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

Definisi class 7c58e7b3 harus ada di globalClasses array di Alus File. Lihat halaman Global Classes.