Message Types Gallery

Explore all WhatsApp Business API message types. Click any card to view the JSON payload.

Text Message

Basic text with formatting support

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "text",
"text": {
"body": "Hello! 👋 Welcome to our store.\n\nYou can use *bold*, _italic_, ~strikethrough~, and `monospace` formatting in WhatsApp messages.\n\nWe're here to help!"
}
}
Click to view mockup

Image Message

Image with optional caption

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "image",
"image": {
"link": "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?q=80&w=2070&auto=format&fit=crop",
"caption": "🎧 Premium Wireless Headphones\nNow available in multiple colors!"
}
}
Click to view mockup

Video Message

Video with optional caption

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "video",
"video": {
"link": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
"caption": "📹 Watch our product demo to see all the amazing features in action."
}
}
Click to view mockup

Voice Message

Audio/voice note recording

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "voice",
"audio": {
"link": "#"
}
}
Click to view mockup

Document Message

PDF, DOC, or other file attachments

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "document",
"document": {
"filename": "Product_Catalog_2026.pdf",
"caption": "Here's our complete catalog with pricing and specifications."
}
}
Click to view mockup

Location Message

Map with coordinates and address

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "location",
"location": {
"longitude": -73.9857,
"latitude": 40.7484,
"name": "Empire State Building",
"address": "20 W 34th St., New York, NY 10001"
}
}
Click to view mockup

Contacts Message

Shareable contact card

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "contacts",
"contacts": [
{
"name": {
"formatted_name": "Customer Support"
},
"phones": [
{
"phone": "+1 (555) 123-4567",
"type": "WORK"
}
]
}
]
}
Click to view mockup

Reply Buttons

Interactive quick reply buttons (max 3)

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "button",
"header": {
"type": "text",
"text": "Quick Survey"
},
"body": {
"text": "How would you rate your experience with our service today?"
},
"footer": {
"text": "Your feedback helps us improve"
},
"action": {
"buttons": [
{
"type": "reply",
"reply": {
"id": "excellent",
"title": "Excellent ⭐"
}
},
{
"type": "reply",
"reply": {
"id": "good",
"title": "Good 👍"
}
},
{
"type": "reply",
"reply": {
"id": "poor",
"title": "Could be better"
}
}
]
}
}
}
Click to view mockup

List Message

Expandable menu with sections

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "list",
"header": {
"type": "text",
"text": "Customer Support"
},
"body": {
"text": "How can we help you today? Please select a topic from the menu below."
},
"footer": {
"text": "Available 24/7"
},
"action": {
"button": "Select Topic",
"sections": [
{
"title": "Orders",
"rows": [
{
"id": "track",
"title": "Track Order",
"description": "Check your order status"
},
{
"id": "return",
"title": "Returns",
"description": "Start a return request"
}
]
},
{
"title": "Account",
"rows": [
{
"id": "password",
"title": "Reset Password",
"description": "Recover your account"
},
{
"id": "profile",
"title": "Update Profile",
"description": "Edit your information"
}
]
}
]
}
}
}
Click to view mockup

CTA URL

Call-to-action with image header

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "cta_url",
"header": {
"type": "image",
"image": {
"link": "https://images.unsplash.com/photo-1523275335684-37898b6baf30?q=80&w=1998&auto=format&fit=crop"
}
},
"body": {
"text": "Premium Watch Collection\n\nDiscover our new arrival of luxury timepieces."
},
"footer": {
"text": "Limited Time: 20% Off"
},
"action": {
"name": "cta_url",
"parameters": {
"display_text": "Shop Now",
"url": "https://example.com/shop"
}
}
}
}
Click to view mockup

Single Product

Product card from catalog

99
80
S
Shoe Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "product",
"header": {
"type": "image",
"image": {
"link": "https://images.unsplash.com/photo-1542291026-7eec264c27ff?q=80&w=2070&auto=format&fit=crop"
}
},
"body": {
"text": "Nike Air Max 270 - Red/Black"
},
"footer": {
"text": "$150.00"
},
"action": {
"name": "cta_url",
"parameters": {
"display_text": "View Product",
"url": "#"
}
}
}
}
Click to view mockup

Product List

Multiple products catalog view

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "product_list",
"header": {
"type": "text",
"text": "Summer Collection 2026"
},
"body": {
"text": "Browse our curated selection of summer essentials. 15 products available."
},
"footer": {
"text": "Free shipping on orders over $50"
},
"action": {
"name": "cta_url",
"parameters": {
"display_text": "View Catalog",
"url": "#"
}
}
}
}
Click to view mockup

WhatsApp Flow

Multi-step forms and experiences

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "flow",
"header": {
"type": "text",
"text": "Quick Checkout"
},
"body": {
"text": "Complete your order in just a few taps. We'll collect your shipping details and payment info securely."
},
"footer": {
"text": "Powered by WhatsApp Flows"
},
"action": {
"name": "flow",
"parameters": {
"flow_message_version": "3",
"flow_token": "checkout_flow_token",
"flow_id": "987654321",
"flow_cta": "Start Checkout",
"flow_action": "navigate"
}
}
}
}
Click to view mockup

Address Collection

Native address input form

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "address_message",
"body": {
"text": "Please enter your shipping address. We'll save it for future orders."
},
"footer": {
"text": "Your data is secure and encrypted"
},
"action": {
"name": "address_message",
"parameters": {
"country": "US"
}
}
}
}
Click to view mockup

Location Request

Request user's GPS location

99
80
D
Demo Store
Business account
Click to view JSON
message.json
{
"type": "interactive",
"interactive": {
"type": "location_request_message",
"body": {
"text": "Share your current location so we can find the nearest stores and show you real-time product availability."
},
"action": {
"name": "send_location"
}
}
}
Click to view mockup

Reaction

Emoji reaction to a message

99
80
D
Demo Store
Business account
Click to view JSON
message.json
[
{
"type": "text",
"text": {
"body": "Your order #12345 has been shipped! 📦\n\nExpected delivery: Tomorrow by 5 PM"
}
},
{
"type": "reaction",
"reaction": {
"message_id": "react-base",
"emoji": "❤️"
}
}
]
Click to view mockup