WhatsApp Interactive Messages: Buttons, Lists & More

Want to make your WhatsApp messages more engaging? Learn how to use interactive messages like buttons and lists to improve customer experience and conversions.

What Are Interactive Messages?

Definition

Interactive messages are WhatsApp messages that include clickable elements like buttons, lists, and menus that customers can interact with.

Benefits

Why use interactive messages:

✅ Higher engagement (+40%)
✅ Easier responses
✅ Faster resolution
✅ Better data collection
✅ Reduced typing
✅ Mobile-friendly

Types of Interactive Messages

1. Reply Buttons

Maximum: 3 buttons per message

Message:
"How can I help you today?"

Buttons:
[Order Status]
[Product Info]
[Talk to Agent]

Best for:

• Multiple choice questions
• Quick selections
• Common actions
• Simple navigation

2. List Messages

Maximum: 10 items, up to 10 rows each

Message:
"Select a category:"

List:
📱 Electronics
├── Phones
├── Tablets
├── Accessories
└── Computers

👕 Clothing
├── Men
├── Women
└── Kids

🏠 Home
├── Furniture
└── Decor

Best for:

• Many options
• Categories
• Menus
• Product lists

3. CTA Buttons

Types:

• URL button (opens link)
• Phone button (makes call)

Message:
"Your order is ready for pickup!"

Buttons:
[📍 Get Directions] → Opens maps
[📞 Call Store] → Dials number

4. Quick Replies (Templates)

Used in template messages.

Appointment reminder:

"Your appointment is tomorrow at 2 PM.

Can you make it?"

Buttons:
[Yes, I'll be there]
[No, reschedule please]

Use Case Examples

Customer Support

Scenario: Issue classification

"What issue are you experiencing?"

[Order Problem]
[Product Question]
[Return/Refund]

→ Routes to right team
→ Faster resolution
→ Better tracking

E-commerce

Scenario: Product selection

"Which size would you like?"

Buttons:
[Small]
[Medium]
[Large]

→ No typing needed
→ No errors
→ Faster checkout

Booking

Scenario: Appointment scheduling

"Select preferred time:"

List Menu:
Morning (9 AM - 12 PM)
├── 9:00 AM
├── 10:00 AM
└── 11:00 AM

Afternoon (12 PM - 5 PM)
├── 1:00 PM
├── 2:00 PM
├── 3:00 PM
└── 4:00 PM

→ Shows availability
→ Easy selection
→ Reduces back-and-forth

Surveys & Feedback

Scenario: CSAT collection

"How was your experience?"

[😊 Excellent]
[😐 Okay]
[😞 Poor]

→ Quick response
→ Higher completion
→ Easy analysis

Creating Interactive Messages

Via WSLA Dashboard

Steps:

1. Create new message
2. Add message text
3. Select interactive type
4. Add buttons/list items
5. Configure actions
6. Preview
7. Send or save as template

Via API

// Reply buttons example
{
  "messaging_product": "whatsapp",
  "to": "966501234567",
  "type": "interactive",
  "interactive": {
    "type": "button",
    "body": {
      "text": "How can I help you?"
    },
    "action": {
      "buttons": [
        {
          "type": "reply",
          "reply": {
            "id": "order_status",
            "title": "Order Status"
          }
        },
        {
          "type": "reply",
          "reply": {
            "id": "product_info",
            "title": "Product Info"
          }
        },
        {
          "type": "reply",
          "reply": {
            "id": "talk_agent",
            "title": "Talk to Agent"
          }
        }
      ]
    }
  }
}

// List message example
{
  "type": "interactive",
  "interactive": {
    "type": "list",
    "body": {
      "text": "Select a category"
    },
    "action": {
      "button": "View Options",
      "sections": [
        {
          "title": "Electronics",
          "rows": [
            {"id": "phones", "title": "Phones"},
            {"id": "tablets", "title": "Tablets"},
            {"id": "accessories", "title": "Accessories"}
          ]
        }
      ]
    }
  }
}

Best Practices

Button Design

Do:
✅ Clear, short labels
✅ Action-oriented text
✅ Logical order
✅ Distinct options

Don't:
❌ Vague labels
❌ Too much text
❌ Similar options
❌ More than 3 buttons

Good button text:

• "Track Order"
• "Get Quote"
• "Book Now"
• "Talk to Human"

Bad button text:

• "Click here"
• "Submit your inquiry for processing"
• "Miscellaneous"

List Organization

Organizing lists:

1. Group logically
2. Most popular first
3. Clear section titles
4. Descriptive row titles
5. Add descriptions when needed

Example structure:

Section 1: Popular
├── Bestseller 1
├── Bestseller 2
└── Bestseller 3

Section 2: Category A
├── Item 1
└── Item 2

Message Flow

Good flow:

Message 1: Question
[Button 1] [Button 2] [Button 3]

→ User clicks Button 1

Message 2: Follow-up
[Sub-option 1] [Sub-option 2]

→ User clicks Sub-option 1

Message 3: Resolution
"Here's your answer..."
[Done] [More help]

Automation with Interactives

Chatbot Flows

Build conversation trees:

Start
├── Order Help
│   ├── Track Order → [Enter order #]
│   ├── Cancel Order → [Confirm]
│   └── Return Item → [Select item]
├── Product Questions
│   ├── Browse Catalog
│   ├── Check Availability
│   └── Get Recommendations
└── Talk to Agent
    └── [Transfer to human]

Handling Responses

When button clicked:

1. Receive webhook
2. Check button ID
3. Trigger next action
4. Send follow-up message

Example:
button_id = "track_order"
→ Ask for order number
→ Look up order
→ Send status

Limitations

Technical Limits

What's Not Supported

Cannot do:
❌ Multiple button types in one message
❌ Buttons + list together
❌ Custom button colors
❌ Images in buttons
❌ More than 3 reply buttons

Measuring Success

Metrics

A/B Testing

Test variations:

A: 2 buttons
B: 3 buttons
→ Which converts better?

A: Short labels
B: Descriptive labels
→ Which is clearer?

A: List format
B: Button format
→ Which engages more?

Get Started

Ready to use interactive messages?

1. Sign up for WSLA
2. Enable interactive messages
3. Build your flows
4. Engage customers!

Start Your Free Trial

---

Related Articles:

• WhatsApp Chatbot Guide
• WhatsApp Flows
• Customer Service Automation