Generate complex WhatsApp Interactive Messages locally. No API Keys required. Design visually, copy the strictly-formatted JSON, and deploy via Webhooks, Postman, or Backend scripts.
Requires a connected Facebook Commerce Catalog.
Online
This tool is an Offline Schema Compiler. Building complex Interactive Messages (Lists, Buttons, Catalogs) manually is error-prone. One missing bracket, and the API rejects the request. We built this tool to let you visually design the UI exactly how the user will see it, while our JavaScript engine mathematically generates the flawless JSON payload in real-time.
Your data is private. It never leaves your browser. You do not connect API keys here. You copy the output and use it in your own backend.
Use the left panel to configure Headers (Text or Media), Body text, and Footers. Use the dynamic action builder to add List Sections, Quick Reply Buttons, or Product IDs depending on the Message Type you selected.
Ensure the validation bar is green. If you have over 10 list items or 3 buttons, it will warn you. Click "Copy Payload". The JSON includes the standard messaging_product: "whatsapp" envelope.
Once copied, you paste this JSON into whatever system handles your API requests. Here is exactly how to do it.
curl -X POST 'https://graph.facebook.com/v18.0/YOUR_PHONE_NUMBER_ID/messages' \
-H 'Authorization: Bearer YOUR_SYSTEM_USER_ACCESS_TOKEN' \
-H 'Content-Type: application/json' \
-d '{
PASTE_COPIED_JSON_HERE
}'
const axios = require('axios');
const payload = {
// PASTE_COPIED_JSON_HERE
};
axios.post('https://graph.facebook.com/v18.0/PHONE_ID/messages', payload, {
headers: { 'Authorization': `Bearer ${TOKEN}` }
}).then(res => console.log('Sent!')).catch(err => console.error(err));
recipient_type and structure).