Construct complex "List Messages" visually. Preview exactly how they render on a user's device, and automatically generate the strictly-nested JSON payload required for Meta's Cloud API.
Define the core layout of your interactive message.
Max 10 rows total across all sections.
bot
Copies fully formatted API request payload.
Conversational commerce has shifted from simple text broadcasts to complex, interactive applications living directly inside the user's messaging app. Meta's WhatsApp Cloud API enables businesses to send Interactive List Messages, providing a structured, error-free way for customers to navigate support menus, book appointments, or browse product catalogs.
Building the exact JSON structure for Meta's Cloud API is highly technical. A single misplaced
bracket or a missing mandatory field results in a 400 Bad Request. The payload requires
a deeply nested hierarchy:
list. (Alternative is
button for max 3 options).Typing out keywords like "Reply 1 for Sales" leads to massive user drop-off due to typos. Interactive lists guarantee a structured response webhook, increasing conversion rates by up to 40%.
When a user clicks a row, the id
of that row is sent back to your webhook URL. This deterministic string is perfect for
routing logic in n8n or Zapier.
Our Visual Designer solves the formatting pain point. By typing your copy into the fields above, the
CSS smartphone mockup provides an instantaneous 1:1 preview of the user experience. Click the "View
Options" button on the mockup to simulate the native bottom sheet slide-up animation. Once your
architecture is perfect, simply click "Copy JSON" and POST it to the /messages endpoint
of your Meta App.