Single product carousel
This card helps to display multiple images for a single product. The actions will be common for all images(if used).
Attribute | Mandatory | Description | Values |
text | Yes | The text to be shown above the card | { "text":"Here are some of our products ", } |
title | Yes | Product title | { "title":"Zylker Furniture", } |
subtitle | No | Product subtitle | { "subtitle":"Great furniture at affordable prices", } |
elements | Yes | List of images | { "elements": [ { "id": "Double Bed", "image": "https://zylkerfurniture.com/media/catalog/product/cache/1/thumbnail/1024x576/b58515f018eb873dafa430b6f9ae0c1e/f/r/front_1_.png" }, { "image": "https://images-na.ssl-images-zylkerfurniture.com/images/I/61wuHhZ0ZVL._SX355_.jpg", "id": "Wardrobe" } ], } |
id | Yes | ID for each image | { "id": "Double Bed", } |
image | Yes | URL for each image | { "image": "https://zylkerfurniture.com/media/catalog/product/cache/1/thumbnail/1024x576/b58515f018eb873dafa430b6f9ae0c1e/f/r/front_1_.png" } |
actions | No | List of links/buttons that can be used to goto a page or trigger an action in the client if required | |
label | Yes | The content shown in the link | { "label": "View more", } |
name | Yes | Unique name for the button | { "name": "viewmore", } |
type | Yes | Type of action (URL / client_action) | { "type": "url", } |
link | Yes | In case the type is URL, this is the link that opens when the button is clicked. | { "link": "https://www.zylkerfurniture.com/doublebed.html" } |
clientaction_name | Yes | In case the type is client_action, the function specified in $zoho.salesiq.clientactions client object with this key will be invoked on click. | { "clientaction_name": "openBookingForm" } |
Channel compatibility and limitations
Facebook Messenger:
- The card is supported on Facebook.
- When using this card, the images would be in a scrolling format along with clickable link buttons. A maximum of 3 buttons and 80 characters each is allowed.
- Only URL redirection is supported, and the client action is not supported on Facebook.
Instagram:
- The card is supported on Instagram.
- When using this card, the images would be in a scrolling format along with clickable link buttons. A maximum of 3 buttons and 80 characters each is allowed.
- Only URL redirection is supported, and the client action is not supported on Instagram.
WhatsApp:
- The card is supported on WhatsApp.
- When using this card, the images will be displayed, followed by the title, URL, and other information.
- Only URL redirection is supported, and the client action is not supported on WhatsApp.
Sample code
Copied"channelData": {
"zohosalesiq":{
"replies":[
{
"text": "Here's the available MacBook Pro models",
"title": "$2,499.00",
"subtitle": "MacBook Pro - 14 inch | 1TB SSD Storage",
"elements": [
{
"id": "Macbook view 1",
"image": "https://zylkerstore.com/media/catalog/product/cache/1/thumbnail/1024x576/b58515f018eb873dafa430b6f9ae0c1e/f/r/front_1_.png"
},
{
"id": "Macbook view 2"
"image": "https://images-na.ssl-images-zylkerstore.com/images/I/61wuHhZ0ZVL._SX355_.jpg",
},
{
"id": "Macbook view 3"
"image": "https://images-na.ssl-images-zylkerstore.com/images/I/61wuerngj0ZVL._XY445_.jpg",
}
],
"actions": [
{
"label": "Know more",
"name": "knowmore",
"type": "URL",
"link": "https://www.zylkerstore.com/product/223433445.html"
},
{
"label": "Open Booking form",
"name": "book",
"type": "client_action",
"clientaction_name": "openBookingForm"
}
]
}
]
}
}