Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Go to Haptik Website
  • Contact Us
  • Home
  • Conversation Design
  • Designing WhatsApp Bots

How to design WhatsApp bots using Interactive Messages?

Written by Avani Kawa

Updated on September 27th, 2021

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Getting Started
    Build Deploy Analyse Manage Account Bot Deactivation
  • Bot Building
    Essentials Smart Skills Steps User Messages Bot Responses Entities Connections Customisations User feedback collection Testing Whatsapp Bots NLU Bot Maintenance
  • Smart Agent Chat
    Set up Admin Settings MyChats Section (Agent Inbox) Live Traffic Section Teams Section Archives Section Analytics Plans on Smart Agent Chat
  • Conversation Design
    Design Basics Design Guides Designing for Platforms Designing WhatsApp Bots
  • Developer Guides
    Code Step Integration Static Step Integration Shopify Integration SETU Integration Exotel Integration CIBIL integration Freshdesk KMS Integration PayU Integration Zendesk Guide Integration Twilio Integration Razorpay Integration LeadSquared Integration USU(Unymira) Integration Helo(VivaConnect) Integration Salesforce KMS Integration Stripe Integration PayPal Integration CleverTap Integration Fynd Integration HubSpot Integration Magento Integration WooCommerce Integration Microsoft Dynamics 365 Integration
  • Deployment
    Web SDK WhatsApp Facebook Instagram Sunshine Conversation LINE Google Business Messages Telegram MS Teams Bot as an API iOS SDK Android SDK
  • External Agent Tool Setup
    Zendesk Chat Salesforce Service Cloud Freshchat Zoho NICE CXOne Gorgias
  • Analytics & Reporting
    Intelligent Analytics
  • Notifications
    SMS Notifications Success Measurement
  • Commerce Plus
    Catalog Integration Bot Building Guide Channel Deployments Unified ML Pipeline Documentation
  • Troubleshooting Guides
    Error Messages FAQs
  • Release Notes
+ More

Table of Contents

Introduction to Interactive MessagesWhy should you interactive elements?When to use Reply Buttons?When to use List Messages on Whatsapp?Interactive Message Specifications

Introduction to Interactive Messages


WhatsApp has now launched interactive messages which you can use to communicate with your end-user. These interactive messages act like UI elements that help the user reach their resolution faster. Chatbots using interactive messaging features have significantly higher response rates and conversions compared to those that are text-based.


There are two interactive elements:

  • List Messages: Messages including a menu of up to 10 options. This type of massage offers a simpler and more consistent way for users to make a selection when interacting with a business.
  • Reply Buttons: Messages including up to 3 options —each option is a button. This type of message offers a quicker way for users to make a selection from a menu when interacting with a business. Reply buttons have the same user experience as interactive templates with buttons.

Here’s how text messages compare to interactive messages:




Why you should use interactive elements?

When compared to text-based lists, interactive messages provide a simpler and more consistent format for people to find and select what they want from a business. During testing, people had higher comprehension levels interacting with these features.

💡 Interactive Messages do not require templates or pre-approvals.


When to use Reply Buttons?

This UI element on WhatsApp can now let the user click on a button to make a selection or provide input for the bot and get a resolution. It is similar to how a user would perform any action on an app but now it is available on WhatsApp. This feature makes the entire conversation journey significantly faster, particularly when choosing between two options such as Yes/No, Order Now/Order Later, etc

Like how you add options in your sub-menus for the user to select, you can now use this UI when you have 3 or less than 3 options to display.

Possible Use cases/Categories: 

  • Recharge Now / Recharge Later

  • Choose Yes or No

  • Reordering a previous order

  • Requesting a return

  • Adding optional extras to a food order

  • Choosing a payment method  

  • Outro menu  

Points to note: 

  • Reply Button character limit: 20 characters

  • Reply Button number limit: Max 3 (Text only)

  • These buttons cannot have a redirection link

  • Once a button is selected, it gets disabled while other buttons continue to be enabled. Users can scroll up and select any of the other buttons. (However, this is not recommended as unlike on the web where we use MD5, in WhatsApp this experience could lead to bot break)


When to use List Messages on Whatsapp?

A list is a message including a menu that consists of a maximum of 10 menu options. When a user taps on the List button, it opens up a list of options a user can select from. Instead of going through a numbered menu and typing 1, 2, 3, a list of buttons now makes the experience 3x faster.

In the unlikely event of a business wanting to list more than 10 options, you can add these as— 

  1. A menu option that says View More 

  2. A sub-menu will appear when a user taps on any of the main menu options. 

This type of message offers a simpler and more consistent way for users to make a selection when interacting with a business.

For List Messages, this is how the parts fit together:


 

Parts of a List:

  • List Header 

  • Section Titles (Optional)

  • Row Title 

  • Row Description (Optional)

  • Send Button

 Possible use cases for List

  • View Menu

  • View Plan

  • Reason for Cancellation

  • Providing Feedback

  • Raise a complaint

  • A customer care or FAQ menu

  • A take-out menu

  • Selection of nearby stores or locations

  • Available reservation times 

Points to note: 

  • Button character limit: 24 characters
  • Button format: Text only. (Comes with a Hamburger menu icon)
  • List options limit: 10 options
  • The list does not support multiple simultaneous selections; only one selection at a time. However, users can go back in a conversation and make a different selection.
  • List options are used to navigate inside conversations and cannot be redirects.

Watch the List element in action here 👇




Interactive Message Specifications

  • Interactive messages can be combined together in the same flow.

  • Users cannot select more than one option at the same time from a list or button message, but they can go back and re-open a previous message.

  • List or reply button messages cannot be used as notifications. Currently, they can only be sent within 24 hours of the last message sent by the user. If you try to send a message outside the 24-hour window, you get an error message.

  • Supported platforms: iOS, Android, and web.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Introduction to Conversation Design
  • What are the basic building blocks of Conversation Design?
  • How to design the start of conversation?
  • How to set up a flowchart tool?

Platform

  • Conversation Studio
  • Smart Skills
  • Advanced NLU
  • Intelligent Analytics
  • Omnichannel
  • Smart Agent Chat
  • Enterprise Security
  • Integrations

Solutions

  • Conversational Commerce
  • Lead Generation
  • Customer Care
  • WhatsApp
  • Conversational IVR
  • Google Business Messages

Industries

  • Retail/ E-Commerce
  • Financial Services
  • Travel & Hospitality
  • Telecom

Knowledge

  • ROI Calculator
  • Reports & Research
  • Case Studies
  • Webinars
  • ISAT
  • Tech Blog
  • Business Blog
  • Resources
  • Haptik v/s Yellow
  • Haptik v/s Liveperson
  • Haptik v/s IBM Watson
  • Haptik v/s Verloop
  • Conversations on AI

Company

  • Why Haptik
  • About Us
  • Careers
  • News & Media
  • Awards & Recognition
  • Contact Us
  • Partnerships
  • Investor Relations

Subscribe

Sign up to recieve the latest updates

Find us on

  • Twitter-footer
  • Linkedin-footer
  • YT-footer
  • Insta-footer
  • G2-footer
  • Facebook-footer

Knowledge Base Software powered by Helpjuice

Copyright © jio Haptik Technology Limited 2021 | Data Security & Privacy Policy | GDPR

North America | Asia Pacific | Africa | enterprise@haptik.ai

Definition by Author

0
0