Objective
Setting up WhatsApp Carousel Template in Conversational Connect (Jumper.ai)
Applies To
- Conversational Connect (Jumper.ai)
- WhatsApp Broadcasts
- WhatsApp Template Messages
- Bot Builder
- Broadcast
WhatsApp Carousel Templates offer a visually engaging way to showcase multiple products, services, or options within a single message.
Common use cases
E-commerce:
- Product Showcase: Present multiple products from a specific category or promotion with high-quality images, and descriptions. Users can easily swipe through to compare and learn more.
- New arrivals: Highlight your latest products with eye-catching visuals and calls to action like "Shop Now" or "Learn More."
Marketing & Customer Engagement:
- Promotional offers: Feature multiple deals or discounts in a visually appealing format, increasing campaign engagement and click-through rates.
- Event promotion: Showcase different aspects of an event, like speakers, schedule, and venue, with links to registration or ticket purchase.
Customer Support:
- Product FAQs: Provide answers to frequently asked questions about your products with concise text and relevant visuals.
- Troubleshooting guide: Offer step-by-step instructions for common issues with images or videos for better understanding.
Education & Training:
- Course previews: Showcase different modules, instructors, and key features of a course with engaging visuals and links to enrollment.
- Interactive lessons: Present multiple learning materials like text, images, or videos within a single carousel, enhancing student engagement.
Travel & Hospitality:
- Destination Showcase: Highlight different areas, attractions, and activities within a specific location with stunning visuals and links to booking pages.
- Hotel room options: Showcase various room types with images, amenities, and prices, allowing users to easily compare and choose.
Media & Entertainment:
- News digest: Feature top headlines or trending stories with captivating images and links to full articles.
- Movie trailers: Showcase upcoming movies with trailers, synopses, and cast information, driving interest and ticket sales.
- Music recommendations: Present new releases, popular playlists, or artist profiles with audio previews and links to streaming platforms.
Benefits:
- Increased engagement: Interactive elements like swiping and buttons encourage users to explore further.
- Improved click-through rates: Compelling visuals and calls to action can drive users towards desired actions.
- Conciseness: Present multiple options or information points without overwhelming users with a lengthy message.
What is a Carousel Template
Carousel templates allow you to send a single text message accompanied by a set of up to 10 carousel cards in a horizontally scrollable view:
A carousel template consists of four sections.
- Message Bubble
- Card header
- Card body
- Card buttons
Each carousel card must include a mandatory media header, which can be an image or a video, a card body text, and at least one button.
Message Bubble: The message bubble is a mandatory field, allowing for the input of text (with the option to include emojis) and supporting variables as needed. The maximum number of characters allowed for the text is 1024.
Card header: It is mandatory to upload a media header for an added carousel card. The card header supports either image (.jpg or .png) or video (.mp4) media only. The maximum limit for an image is 5MB and video is 16MB.
The media header format type must be the same across all cards, i.e. If the initial card header contains an image, subsequent card headers must also feature images only.
Card Body: The card body supports the input of the text with a maximum character limit of 160.
Card buttons: Carousel template card supports up to 2 buttons. Buttons can be the same or a mix of Quick reply buttons, or URL buttons.
Card Buttons support a Maximum of 2 buttons. The maximum limit of characters supported for the Card button title is 20.
At least one card button is mandatory per carousel card. All the added buttons in each card must be of the same type and in the same order.
Refer to the chart below for valid Carousel card buttons.
Procedure
- Navigate to Channels → WhatsApp in the menu.
- Click on the Message Templates tab under WhatsApp.
- Now, click on the Create new button to get started with creating a WhatsApp template.
- Now, provide a name for your template. Ensure your naming convention uses underscores (“_”) instead of spaces, and the template names should only contain lowercase alphanumeric characters.
- Now, select a template type from the dropdown list as Marketing
- Select a language for your Template from the dropdown list.
- Now, select a Message type as Carousel from the dropdown list.
Message Bubble:
Add a message for your Message Bubble in the text field under the Body section.
In the Body section, you can add interactive messages that include text, emojis, and variables
Note: Buttons and variables are optional
Text with Variables:
In the text field of the Body section, you can insert multiple variables from the available list: User First Name, User Last Name, User Email, User Phone Number, and Custom Fields. To insert a variable, click the < -- > option and select the required variable.
Example: If you added the variable User First Name in your message, customers will receive the message with their saved first name dynamically inserted.
Note:The character limit for the Body text field is 1024 characters.
If your message contains variables, avoid using the full character limit to ensure proper message rendering.
Cards Section
a. Card Body:
In the Cards section, add a message for your card body by entering text in the provided text field.
b. Card Header (Image/Video):
In the Card Section, click the Add image / video option to upload your media.
c. Card Buttons:
Once the media is added, you must add at least one button to the carousel card by clicking on + Add new button.
When adding a button, select the desired action from the dropdown.
List of supported button actions:Start a bot flow: Connects the button to an existing bot flow.
Ping live chat: Routes the conversation to live chat.
Ping live chat (assign to agent): Sends the chat directly to a specific agent.
Open a URL: Opens a webpage when the button is clicked. The URL can be either static or dynamic.
Custom Payload: Allows you to define a custom payload for advanced use cases.
- In case you want to add additional cards to the carousel template, click on the
option.
- Repeat the same format for your second carousel card: add media for the card header, a message for the card body, and buttons for the card footer. Add the number of cards based on your requirements.
- Once you have added your details to the template, click the Save Template button.
Note: Always double-check your template and review the preview before saving, as it will be forwarded to WhatsApp for approval and cannot be edited once submitted. You can check the status of your added templates under the STATUS column on the WhatsApp message templates page. Once your template is approved, you can share it with your customers.
Green Status Indicates - Approved
Here is an example of the Carousel template received by the customer:
- Additional Examples of carousel cards sent to customers:
Below is an example of carousel cards consisting of a video & a single button combination.