|
Written by: Madeline B. Last updated: 20 Oct., 2025 |
A WhatsApp button on your B12 site lets visitors message you instantly. This makes customer support faster and keeps your website more interactive.
Creating a WhatsApp embed code
WhatsApp’s click-to-chat feature creates a direct link that opens a conversation with your business. You can place this link anywhere on your site—such as a button, menu item, or image.
Two formats are available:
A. Basic link (no pre-populated message):
1. Use the following base URL:
https://api.whatsapp.com/send?phone=<number>
2. Replace <number> with your full phone number in international format (omit zeros, brackets, and dashes).
B. Link with pre-populated message:
1. Use the following base URL:
https://api.whatsapp.com/send?phone=<number>&text=<message>
2. Replace <number> with your full phone number in international format (omit zeros, brackets, and dashes).
3. Replace <message> with the desired pre-populated message. Encode spaces within the message using %20.
Example:
If your business number is +1234567890 and you want the message “Hi, welcome to [Business Name]! Let’s chat,” the link looks like this:
https://api.whatsapp.com/send?phone=1234567890&text=Hi,%20welcome%20to%20%5BBusiness%20Name%5D!%20Let%27s%20chat
When clicked, WhatsApp opens a new conversation with your number and the greeting already in the message box.
Adding WhatsApp to your B12 website
1. From the left sidebar menu, click websiter 
Website
Pages
2. Choose the page where you want the button to appear, then choose your section.
Add new link.
4. Enter the link text.
Tip: A clear call to action works best, such as Contact Us on WhatsApp.
External website URL.
7. Under Appearance, choose Button or Link.
8. Click Publish in the top-right corner to update your live website.
9. After publishing, test the button on both mobile and desktop. On mobile, the app opens directly. On desktop, it opens WhatsApp Web.
