Skip to main content

​
Overview

The Actions component presents clickable action buttons that users can tap to take next steps.

Perfect for:

Call-to-action buttons, quick replies, navigation options after showing information

​
Format

::: actions
- Action Label 1
- Action Label 2
- Action Label 3
:::

​
Requirements

  • ✅ Maximum 10 actions
  • ✅ Clear, action-oriented language
  • ✅ Only actions your agent can handle
  • ✅ Most relevant first

​
Examples

​
After Product Listing

::: actions
- Add to Cart
- View Details
- Compare Products
- Check Store Availability
- Save for Later
:::
E-commerce actions
Screenshot: Action buttons in WhatsApp for shopping

​
After Hotel Rooms

::: actions
- Book This Room
- See More Photos
- Check Other Dates
- View Amenities
- Get Directions
:::
Hotel actions
Screenshot: Hotel actions in Facebook Messenger

​
After Support Article

::: actions
- Mark as Solved
- Still Need Help
- Read Related Articles
- Contact Human Agent
:::
Support actions
Screenshot: Support actions in Email as buttons

​
How to Configure

persona: `
  After showing options to users, ALWAYS provide relevant actions:
  
  ::: actions
  - [Primary action]
  - [Secondary action]
  - [Alternative action]
  :::
  
  Examples:
  - After products: "Add to Cart", "View Details"
  - After rooms: "Book Now", "See Photos"
  - After articles: "Read More", "Share"
`

​
Best Practices

  • Use verbs: “Book”, “View”, “Check”
  • Be specific: “Add to Cart” not “Continue”
  • Limit to 5-7 for best UX
  • Order by importance

​
Next Steps

Links Component

Learn about displaying URLs