Image

Type: "image". Render gambar dari URL atau Media Library Alusio.

Props

Field	Type	Required	Default	Keterangan
src	string (URL, max 2000)	✓	""	URL gambar
alt	string (max 200)	—	—	Alt text untuk SEO + a11y
link	string (URL)	—	—	Bungkus gambar dengan link
mediaId	string (max 50)	—	—	ID media library Alusio (auto-isi kalau pilih dari library)
alignment	'left'|'center'|'right'	—	—	Posisi gambar
linkType	'url'|'whatsapp'	—	"url"	Mode link
whatsappNumber	string (max 50)	—	—	Untuk linkType "whatsapp"
whatsappMessage	string (max 1000)	—	—	Pesan default WA
Meta + TikTok Pixel tracking — sama dengan Button (lihat halaman Button untuk daftar lengkap)

Contoh: hero image

{
  "id": "img01abcd",
  "type": "image",
  "props": {
    "src": "https://media.alus.io/your-tenant/hero-banner.webp",
    "alt": "Tim sedang berdiskusi di kantor",
    "alignment": "center"
  }
}

Contoh: gambar clickable dengan WA

{
  "id": "img02efgh",
  "type": "image",
  "props": {
    "src": "https://media.alus.io/your-tenant/promo-50.png",
    "alt": "Promo Diskon 50%",
    "alignment": "center",
    "link": "",
    "linkType": "whatsapp",
    "whatsappNumber": "6281234567890",
    "whatsappMessage": "Saya tertarik promo 50%"
  }
}

Contoh: produk image dari Media Library

{
  "id": "img03ijkl",
  "type": "image",
  "props": {
    "src": "https://media.alus.io/your-tenant/products/abc123.webp",
    "mediaId": "abc123",
    "alt": "Tas Wanita Branded Premium",
    "alignment": "center",
    "link": "/products/tas-branded"
  }
}

Tips Image

• Gunakan format WebP kalau bisa (lebih ringan dari PNG/JPG)
• Untuk gambar produk/hero, upload ke Media Library Alusio dulu (otomatis di-CDN via media.alus.io)
• Selalu isi alt untuk SEO dan accessibility
• Format URL CDN: https://media.alus.io/{tenantId}/{category}/{filename}
• Field mediaId diisi otomatis saat pilih dari library — biarkan untuk hand-craft kalau gambar bukan dari library