Adding WhatsApp to your B12 website
Learn how to make it easy for users to connect with you on WhatsApp through your B12 website
Written by: Madeline B. Last updated: 19th Aug. 2025 |
A WhatsApp button on your B12 site lets visitors message you instantly. This creates a smoother customer support experience and makes your website more interactive.
How to acquire WhatsApp embed code
WhatsApp offers a feature called click-to-chat. It creates a direct link that starts a conversation with your business. You can add this link to any part of your site, such as a button, a menu item, or an image.
Two formats are available:
A. Basic link (no pre-populated message):
- Use the following base URL: https://api.whatsapp.com/send?phone=
<number>
- Replace <number> with your full phone number in international format (omit zeros, brackets, and dashes).
B. Link with pre-populated message:
- Use the following base URL: https://api.whatsapp.com/send?phone=
<number>
&text=<message>
- Replace <number> with your full phone number in international format (omit zeros, brackets, and dashes).
- 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.
How to add WhatsApp to your B12 website
Create a WhatsApp click-to-chat link by following these steps:
1. Log in and go to your Website
tab
2. Select Pages, then choose the page where you want the button to appear
Content
section, click Add navigation link
External website URL
7. Decide if you want the link to display as text or a button
8. Click
Publish
in the top-right corner to update your live website9. After publishing, test the button on both mobile and desktop. On mobile, the app opens directly. On desktop, it opens WhatsApp Web.
If you prefer to manage communication inside B12, use the built-in Contact Manager. It collects emails, form submissions, notes, and messages in one place. This helps you stay organized without relying on external tools.
Learn more about the Contact Manager's features in these support articles:
- What is the Contact Manager?
- See your form submissions in the Contact Manager
- Adding and importing contacts to B12's Contact Manager
Get in touch with support for further assistance!
If you need further assistance with the B12 editor, feel free to use the Chat button in the lower right corner of your Editor to reach a live agent during support hours or email hello@b12.io!