How to Send Interactive CTA URL Button Messages Using the WhatsApp Official API
- Bot Automation

- Apr 9
- 4 min read
Long and complicated URLs can reduce customer trust and lower click rates on WhatsApp. Instead of sending a raw link in a message, businesses can use Interactive Call-to-Action (CTA) URL Button Messages.
With this feature, you can attach a clickable button to your message so customers only need to tap once to open your website, product page, booking form, payment link, or offer.
Using Hibot and the WhatsApp Official API, businesses can create more engaging and professional customer conversations.
What Are CTA URL Button Messages?
CTA URL Button Messages are interactive WhatsApp messages that include:
A message body
An optional header
An optional footer
A clickable button linked to a URL
Instead of showing a long web address inside the chat, WhatsApp displays a clean button label such as:
Shop Now
View Offer
Pay Now
Book Appointment
Track Order
Learn More
When the customer taps the button, the linked URL opens directly in their device’s browser.
Why Businesses Use CTA URL Buttons
CTA buttons improve customer engagement because they make it easier for users to take action.
Benefits of CTA URL Button Messages with Hibot include:
Higher click-through rates
Cleaner and more professional messages
Increased customer trust
Better conversions for sales and bookings
No need to display long or confusing URLs
Compared to plain text links, button-based messages are easier to read and more likely to generate responses.
Common Use Cases for CTA URL Buttons
Businesses can use CTA URL Button Messages for many purposes:
Send customers to a product page
Share payment links
Open appointment booking forms
Direct users to a registration page
Promote offers and campaigns
Share order tracking pages
Open catalogs or brochures
Link to customer support pages
For example:
An ecommerce store can send a “Shop Now” button.
A clinic can send a “Book Appointment” button.
A travel company can send a “View Packages” button.
A restaurant can send a “Reserve Table” button.
How to Send a CTA URL Button Message
To send an interactive CTA URL button message, use the following endpoint:
POST /<WHATSAPP_BUSINESS_PHONE_NUMBER_ID>/messages
Example request:
curl 'https://graph.facebook.com/v25.0/<WHATSAPP_BUSINESS_PHONE_NUMBER_ID>/messages' \
-H 'Content-Type: application/json' \
-H 'Authorization: Bearer YOUR_ACCESS_TOKEN' \
-d '
{
"messaging_product": "whatsapp",
"recipient_type": "individual",
"to": "<CUSTOMER_PHONE_NUMBER>",
"type": "interactive",
"interactive": {
"type": "cta_url",
"body": {
"text": "Tap the button below to view our latest offers."
},
"action": {
"name": "cta_url",
"parameters": {
"display_text": "View Offer",
"url": "https://yourwebsite.com/offer"
}
}
}
}'
Optional Header Types
WhatsApp allows you to make CTA messages more attractive by adding an optional header.
You can use one of the following header types:
Header Type | Description |
Text Header | Add a short title above the message |
Image Header | Show an image or banner |
Video Header | Add a promotional video |
Document Header | Attach a brochure, PDF, or file |
Example: CTA Button with Image Header
curl 'https://graph.facebook.com/v25.0/106540352242922/messages' \
-H 'Content-Type: application/json' \
-H 'Authorization: Bearer YOUR_ACCESS_TOKEN' \
-d '
{
"messaging_product": "whatsapp",
"recipient_type": "individual",
"to": "+16505551234",
"type": "interactive",
"interactive": {
"type": "cta_url",
"header": {
"type": "image",
"image": {
"link": "https://yourwebsite.com/banner.png"
}
},
"body": {
"text": "Tap the button below to see available dates."
},
"action": {
"name": "cta_url",
"parameters": {
"display_text": "See Dates",
"url": "https://yourwebsite.com/dates"
}
},
"footer": {
"text": "Dates subject to change."
}
}
}'
CTA URL Message Parameters
Parameter | Description |
body.text | Main message text. Maximum 1024 characters. |
action.parameters.display_text | Label shown on the button. Maximum 20 characters. |
action.parameters.url | URL opened when the button is tapped. |
header | Optional text, image, video, or document above the message. |
footer.text | Optional footer text below the button. Maximum 60 characters. |
Best Practices for Better Results
To increase engagement and conversions, follow these best practices:
Keep the button text short.Use labels such as:
Shop Now
Pay Now
Learn More
Book Now
Track Order
Use a strong call to action.The message body should clearly tell the customer what will happen after tapping.
Add a relevant image or banner.Visual headers make the message more attractive and improve click rates.
Avoid very long URLs.Even though the URL is hidden behind the button, shorter tracking links perform better.
Add a footer if necessary.Footers are useful for additional information such as:
Offer ends soon
Terms apply
Dates subject to change
Match the landing page to the message.If the button says “Shop Now,” the customer should land directly on the relevant product or category page.
Business Examples
Ecommerce
Send a “Buy Now” or “View Product” button with a product image.
Education
Send a “Register Now” button for courses or webinars.
Healthcare
Send a “Book Appointment” button linked to the booking page
.
Real Estate
Send a “View Property” button linked to a property listing.
Finance
Send a “Pay Now” button linked to an invoice or payment portal.
Increase Clicks with Hibot
Hibot makes it easy to create interactive CTA URL button messages using the WhatsApp Official API.
With Hibot, you can:
Create clickable button campaigns
Add images, videos, and documents to messages
Share payment, booking, and product links
Increase conversions and engagement
Track customer actions more effectively
Whether you want customers to shop, pay, register, or book an appointment, Hibot helps you turn WhatsApp conversations into meaningful actions.
Start using Hibot today and create smarter, more interactive WhatsApp campaigns.
.png)
Comments