Send Carousel
The Send Carousel node is a valuable feature within Engati's conversational automation platform, designed to enhance user engagement and interaction. With the Send Carousel node, businesses can create visually appealing carousels containing multiple cards, each with its own content such as images, text, and buttons.
This feature allows for the display of various products, services, or information in a single interactive interface, making it easier for users to browse and engage with the content. Businesses can leverage the Carousel node to showcase their offerings, highlight key features, or provide informative content to users.
By presenting information in a visually appealing and interactive format, the Carousel node can significantly improve user experience and drive engagement.
Adding a Carousel node is simple, just follow the steps below:
Step 1 : Go to Builder, and then click on "+Add Node".
Step 2: Select the Send Carousel node from Display Information.
Step 3: Fill in the fields with the appropriate values, including content for each card in the carousel. Descriptions are provided for each field to guide you through the process.
- Source : Select the source of the cards to be displayed in the carousel. You can either choose to create a static list of cards or dynamically generate the cards from a data source.
- Static List: If you select the Static List option, you will need to manually add each card to the carousel.
- Dynamic List : This choice allows you to create a dynamic set of cards, with each card pulling its details from an object within an array stored in an attribute. Configuring the Source: To set up the Carousel, you first need to select an Array Attribute. Within this array object, you can specify various details for the Carousel cards, including Image Source, URL, Heading, and Subheading. To refer to fields within the array object, you use the format: $ARRAY.<key>$. Here, "key" represents the field name in the object. Additional Information: It's important to note that the details configured for one card will be replicated across all cards generated for objects in the Array Attribute. However, this replication is limited to a maximum of 10 cards. Furthermore, if there is no data available or if incorrect data is provided in the attribute, the Carousel won't be generated.
- Carousel Card: Each card in the carousel can be customized to include a heading, subheading, image, and a call-to-action button. To add content to a card, simply click on the card and enter the required information in the provided fields.
- Add Image: You can add an image to the card.
- Heading: Enter the heading for the card. This will be displayed just below the image in bold format.
- Subheading: Enter the subheading for the card. This will be displayed below the heading.
- Add Button: You can add a call-to-action or quick reply button to the card by clicking on the Add Button. The button will be displayed at the bottom of the card. Note - You have the option to include either three Quick Reply buttons, each redirecting to a different node upon click, or you can add two call-to-action buttons simultaneously.
Step 4: Save your settings to implement the Send Carousel node successfully into your conversational automation workflow.
The Carousel feature enables you to present your users with a carousel of cards, providing a visually appealing and engaging way to display content. You can customize the carousel to suit your specific needs and preferences.
You can customize the appearance of the carousel to match your website’s branding by selecting the appropriate theme from the Theme Styling dropdown menu.
- Separate sections - The image, title, description, and buttons have borders, dividing them into different sections in the card.
- Seamless card - The image, title, description, and buttons do not have borders, making it look like a single card.
- List - The cards appear one below the other, in a list
- Once at a Time - The cards will appear one after another.
- Continous Scroll - In this option, you see multiple cards within the chat widget with an option to scroll through them.
When it comes to text alignment in our platform, you have the choice between two options: left alignment or center alignment.
If you face any issues or queries please reach out to us at [email protected].
