Multiple product carousel
This card helps to display single images for different products. Different actions can be defined for each product image.
| Attribute | Mandatory | Description | Values |
| text | Yes | The text to be shown above the card | { "text":"Here are some of our products ", } |
| title | Yes | Title of each product | { "title":"Zylker Furniture", } |
| subtitle | No | Subtitle of each product | { "subtitle":"Great furniture at affordable prices", } |
| elements | Yes | List of products | { "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 product | { "id": "Double Bed", } |
| image | Yes | URL for each product | { "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 | Learn More |
| 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, and respective titles, URLs will be displayed one by one.
- Only URL redirection is supported, and the client action is not supported on WhatsApp.
Telegram:
- The card is supported on Telegram.
- When using this card, the images, and respective titles, URLs will be displayed one by one.
- Only URL redirection is supported, and the client action is not supported on Telegram.
Syntax
Copied{
"type":"multiple-product",
"text":"Your text here",
"elements":[
{
"title":"Your title here",
"subtitle":"Your subtitle",
"id":"ID of the product",
"image":"<Image URL>",
"actions":[
{
"label":"Your label",
"name":"Button name",
"type":"url",
"link":"<Your URL>"
}
]
},
{
"title":"Your title here",
"subtitle":"Your subtitle",
"id":"ID of the product",
"image":"<Image URL>",
"actions":[
{
"label":"Your label",
"name":"Button Name",
"type":"url",
"link":"<Your URL>"
}
]
}
]
}Use Case
Copied{
"type": "multiple-product",
"text": "Cool, these are our upcoming webinars.",
"elements": [
{
"title": "SalesIQ - Zobots",
"subtitle": "Overview of Zobots in SalesIQ",
"id": "bots",
"image": "https://www.salesiq.bots.com/4554doublebed.png",
"actions": [
{
"label": "Book Now",
"name": "bookbot",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/bt234/book-now/appnow34443/"
}
]
},
{
"title": "SalesIQ - Channels",
"subtitle": "Overview of Channels in SalesIQ",
"image": "https://www.salesiq.channel.com/4554single.png",
"actions": [
{
"label": "Book Now",
"name": "bookchannel",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/channel4/book-now/appnow76543/"
}
]
},
{
"title": "SalesIQ - Integrations",
"subtitle": "Overview of Integration in SalesIQ",
"image": "https://www.salesiq.integrations.com/597564logn4.png",
"actions": [
{
"label": "Book Now",
"name": "bookint",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/integration4554/book-now/appnowrrtt544343/"
}
]
}
]
}Copied//Context handler function
result = Map();
response = Map();
response.put("action", "reply");
response.put("replies",[
{
"type": "multiple-product",
"text": "Cool, these are our upcoming webinars.",
"elements": [
{
"title": "SalesIQ - Zobots",
"subtitle": "Overview of Zobots in SalesIQ",
"id": "bots",
"image": "https://www.salesiq.bots.com/4554doublebed.png",
"actions": [
{
"label": "Book Now",
"name": "bookbot",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/bt234/book-now/appnow34443/"
}
]
},
{
"title": "SalesIQ - Channels",
"subtitle": "Overview of Channels in SalesIQ",
"image": "https://www.salesiq.channel.com/4554single.png",
"actions": [
{
"label": "Book Now",
"name": "bookchannel",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/channel4/book-now/appnow76543/"
}
]
},
{
"title": "SalesIQ - Integrations",
"subtitle": "Overview of Integration in SalesIQ",
"image": "https://www.salesiq.integrations.com/597564logn4.png",
"actions": [
{
"label": "Book Now",
"name": "bookint",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/integration4554/book-now/appnowrrtt544343/"
}
]
}
]
}
]);
prompt = Map();
prompt.put("param_name", "reply");
prompt.put("data", response);
result.put("prompt", prompt);
result.put("todo", "prompt");
return result;
//Execution function
result = Map();
response = Map();
response.put("action", "reply");
response.put("replies",[
{
"type": "multiple-product",
"text": "Cool, these are our upcoming webinars.",
"elements": [
{
"title": "SalesIQ - Zobots",
"subtitle": "Overview of Zobots in SalesIQ",
"id": "bots",
"image": "https://www.salesiq.bots.com/4554doublebed.png",
"actions": [
{
"label": "Book Now",
"name": "bookbot",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/bt234/book-now/appnow34443/"
}
]
},
{
"title": "SalesIQ - Channels",
"subtitle": "Overview of Channels in SalesIQ",
"image": "https://www.salesiq.channel.com/4554single.png",
"actions": [
{
"label": "Book Now",
"name": "bookchannel",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/channel4/book-now/appnow76543/"
}
]
},
{
"title": "SalesIQ - Integrations",
"subtitle": "Overview of Integration in SalesIQ",
"image": "https://www.salesiq.integrations.com/597564logn4.png",
"actions": [
{
"label": "Book Now",
"name": "bookint",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/integration4554/book-now/appnowrrtt544343/"
}
]
}
]
}
]);
result.put("data", response);
return result;Copied{
"platform": "ZOHOSALESIQ",
"action": "reply",
"replies": [
{
"type": "multiple-product",
"text": "Cool, these are our upcoming webinars.",
"elements": [
{
"title": "SalesIQ - Zobots",
"subtitle": "Overview of Zobots in SalesIQ",
"id": "bots",
"image": "https://www.salesiq.bots.com/4554doublebed.png",
"actions": [
{
"label": "Book Now",
"name": "bookbot",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/bt234/book-now/appnow34443/"
}
]
},
{
"title": "SalesIQ - Channels",
"subtitle": "Overview of Channels in SalesIQ",
"image": "https://www.salesiq.channel.com/4554single.png",
"actions": [
{
"label": "Book Now",
"name": "bookchannel",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/channel4/book-now/appnow76543/"
}
]
},
{
"title": "SalesIQ - Integrations",
"subtitle": "Overview of Integration in SalesIQ",
"image": "https://www.salesiq.integrations.com/597564logn4.png",
"actions": [
{
"label": "Book Now",
"name": "bookint",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/integration4554/book-now/appnowrrtt544343/"
}
]
}
]
}
]
}Copied"user_defined":{
"zohosalesiq":{
"replies":[
{
"type": "multiple-product",
"text": "Cool, these are our upcoming webinars.",
"elements": [
{
"title": "SalesIQ - Zobots",
"subtitle": "Overview of Zobots in SalesIQ",
"id": "bots",
"image": "https://www.salesiq.bots.com/4554doublebed.png",
"actions": [
{
"label": "Book Now",
"name": "bookbot",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/bt234/book-now/appnow34443/"
}
]
},
{
"title": "SalesIQ - Channels",
"subtitle": "Overview of Channels in SalesIQ",
"image": "https://www.salesiq.channel.com/4554single.png",
"actions": [
{
"label": "Book Now",
"name": "bookchannel",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/channel4/book-now/appnow76543/"
}
]
},
{
"title": "SalesIQ - Integrations",
"subtitle": "Overview of Integration in SalesIQ",
"image": "https://www.salesiq.integrations.com/597564logn4.png",
"actions": [
{
"label": "Book Now",
"name": "bookint",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/integration4554/book-now/appnowrrtt544343/"
}
]
}
]
}
]
}
}Copied"channelData": {
"zohosalesiq":{
"replies":[
{
"type": "multiple-product",
"text": "Cool, these are our upcoming webinars.",
"elements": [
{
"title": "SalesIQ - Zobots",
"subtitle": "Overview of Zobots in SalesIQ",
"id": "bots",
"image": "https://www.salesiq.bots.com/4554doublebed.png",
"actions": [
{
"label": "Book Now",
"name": "bookbot",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/bt234/book-now/appnow34443/"
}
]
},
{
"title": "SalesIQ - Channels",
"subtitle": "Overview of Channels in SalesIQ",
"image": "https://www.salesiq.channel.com/4554single.png",
"actions": [
{
"label": "Book Now",
"name": "bookchannel",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/channel4/book-now/appnow76543/"
}
]
},
{
"title": "SalesIQ - Integrations",
"subtitle": "Overview of Integration in SalesIQ",
"image": "https://www.salesiq.integrations.com/597564logn4.png",
"actions": [
{
"label": "Book Now",
"name": "bookint",
"type": "url",
"link": "https://www.zohoshow.salesiqwebminar/integration4554/book-now/appnowrrtt544343/"
}
]
}
]
}
]
}
}