Image

Type: "image". Render an image from URL or the Alusio Media Library.

Props

Field	Type	Required	Default	Notes
src	string (URL, max 2000)	✓	""	Image URL
alt	string (max 200)	—	—	Alt text for SEO + a11y
link	string (URL)	—	—	Wrap in link
mediaId	string (max 50)	—	—	Media library ID (auto-set when picked from library)
alignment	'left'|'center'|'right'	—	—	Image position
linkType	'url'|'whatsapp'	—	"url"	Link mode
whatsappNumber	string (max 50)	—	—	For linkType "whatsapp"
whatsappMessage	string (max 1000)	—	—	Pre-filled WA message
Meta + TikTok Pixel tracking — same as Button (see Button page for full list)

Example: hero image

{
  "id": "img01abcd",
  "type": "image",
  "props": {
    "src": "https://media.alus.io/your-tenant/hero-banner.webp",
    "alt": "Team discussing in the office",
    "alignment": "center"
  }
}

Example: clickable image with WA

{
  "id": "img02efgh",
  "type": "image",
  "props": {
    "src": "https://media.alus.io/your-tenant/promo-50.png",
    "alt": "50% Off Promo",
    "alignment": "center",
    "link": "",
    "linkType": "whatsapp",
    "whatsappNumber": "6281234567890",
    "whatsappMessage": "I'm interested in the 50% promo"
  }
}

Example: product image from Media Library

{
  "id": "img03ijkl",
  "type": "image",
  "props": {
    "src": "https://media.alus.io/your-tenant/products/abc123.webp",
    "mediaId": "abc123",
    "alt": "Premium Branded Women's Bag",
    "alignment": "center",
    "link": "/products/branded-bag"
  }
}

Tips

• Prefer WebP (lighter than PNG/JPG)
• Upload product/hero images to the Alusio Media Library (auto-CDN via media.alus.io)
• Always fill alt for SEO and accessibility
• CDN URL format: https://media.alus.io/{tenantId}/{category}/{filename}
• mediaId is auto-set when picked from the library — leave blank for hand-craft URLs