Multiple product carousel

This card helps to display single images for different products. Different actions can be defined for each product image.

AttributeMandatoryDescriptionValues
textYesThe text to be shown above the card 

{

     "text":"Here are some of our products ",

}

titleYesTitle of each product 

{

     "title":"Zylker Furniture",

}

subtitleNoSubtitle of each product 

{

     "subtitle":"Great furniture at affordable prices",

}

elementsYesList 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" } 

],

}

idYesID for each product

{

      "id": "Double Bed",

}

imageYesURL for each product

{

"image": "https://zylkerfurniture.com/media/catalog/product/cache/1/thumbnail/1024x576/b58515f018eb873dafa430b6f9ae0c1e/f/r/front_1_.png"

}

actionsNoList of links/buttons that can be used to goto a page or trigger an action in the client if requiredLearn More
labelYesThe content shown in the link

{

"label": "View more",

}

nameYesUnique name for the button

{

"name": "viewmore",

}

typeYesType of action (URL / client_action)

{

"type": "url",

}

linkYesIn case the type is URL, this is the link that opens when the button is clicked 

{

"link": "https://www.zylkerfurniture.com/doublebed.html"

}

clientaction_nameYesIn 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/"
                        }
                    ]
                }
            ]
        }
    ]
  }
}