Clickable CTA (Call-to-Action) buttons in WhatChimp help users engage with your chatbot seamlessly. These buttons can guide customers to take specific actions, such as responding to messages, signing up for sequences, or visiting external links. This tutorial will walk you through the process step by step, making it easy for beginners to implement interactive buttons in their chatbot flows.
Table of Contents #
- Understanding Chatbot Basics
- What Are Interactive Buttons?
- Setting Up an Interactive Block
- Customizing Message Elements
- Adding Buttons to an Interactive Block
- Configuring Button Actions
- Managing User Responses and Labels
- Tracking Interactions via Google Sheets and Webhooks
- Creating Multi-Step Chatbot Flows
- Testing Your CTA Buttons
- Using URL Buttons for External Actions
1. Understanding Chatbot Basics #
A chatbot in WhatChimp works by responding to user messages based on predefined actions. Each chatbot flow consists of blocks, which are structured messages containing text, buttons, or other elements.
2. What Are Interactive Buttons? #
Interactive buttons are a key feature of WhatChimp chatbots. They allow users to engage by tapping on predefined options instead of typing responses. These buttons enhance user experience and streamline automated conversations.
3. Setting Up an Interactive Block #
- Log in to your WhatChimp account.
- Navigate to Bot Manager > Bot reply > Create
- Double tap on the start bot flow to edit the Configure Reference tab
- Write the title of the bot flow and select string match and save
- Drag and drop the connector and select Interactive Block.
4. Customizing Message Elements #
- Write a Description to explain the context.
- You can customize the message body with the custom and name options
- You can also add a message footer (e.g Team WhatChimp)
- Set a Message Delay (optional) for a more natural response time.
5. Adding Buttons to an Interactive Block #
- Click Add Button (You can add up to three buttons per block).
- Name your buttons concisely (e.g., “Get Started,” “Learn More”) Don’t make it lengthy.
- Ensure button text is within the character limit to prevent errors.
6. Configuring Button Actions #
Each button can trigger different actions:
- Send Message: Display a new message when the button is clicked.
- Assign Label: Categorize users based on their interaction.
- Enroll in Sequence: Add users to a follow-up messaging sequence.
7. Managing User Responses and Labels #
- Use labels to segment users based on their choices.
- If needed, unsubscribe users from sequences once they complete an action.
- Assign conversations to specific team members for manual follow-ups.
8. Tracking Interactions via Google Sheets and Webhooks #
- Set up a Google Sheet Integration to store user interactions.
- Use Webhooks to send data to external CRM systems.
9. Creating Multi-Step Chatbot Flows #
- Right click on any block to use the Clone feature to duplicate and modify existing blocks.
- Add another interactive block within one another for a nested and structured conversation.
- Add buttons for the options
- Close the button blocks with a text block as they cannot be left alone
10. Testing Your CTA Buttons #
- Interact with the chatbot to ensure buttons function correctly.
- Check the assigned labels and sequences in the user profile.
11. Using URL Buttons for External Actions #
- CTA buttons can also contain URLs, redirecting users to external links (e.g., product pages, forms, special offers).
- Make sure the URL is correct and tested before publishing.
Conclusion #
Adding clickable CTA buttons in WhatChimp improves user interaction and engagement with your chatbot. By following this step-by-step guide, you can create interactive and automated workflows that drive meaningful actions from your audience. Start experimenting with different buttons and actions to optimize your chatbot experience!