Skip to content
  • There are no suggestions because the search field is empty.

Adding WhatsApp to your B12 website

Learn how to make it easy for users to connect with you on WhatsApp through your B12 website

me-webp-3-1

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):

  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.

 

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

    3. In the Content section, click Add navigation link

    4. Write the button text. Clear calls to action, such as Contact Us on WhatsApp, work best

    5. For Link type, choose External website URL

    6. Paste your WhatsApp link into the Links to field

    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 website

    9. 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:

    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!