Skip to main content
Skip table of contents

Website Widget

WhatsApp button

Add a button to your website widget so customers can contact you via WhatsApp. If it’s your only connected channel, it appears as a “Contact us on WhatsApp” button; otherwise, it shows as a WhatsApp icon.

image-20250324-154315.png
image-20250324-155021.png

To start, go to the WhatsApp Business Dashboard and then to the Add to widget tab. You will see a list of numbers that are already added to your widgets. Here, you can add a new number to a widget group by clicking on the Add to widget. You can also edit or delete already existing number buttons added to widgets.

image-20250327-114821.png

While adding a new number to the widget, you will see a pop-up window. You need to choose a widget group and select the WhatsApp number. The widget groups that have already been used are greyed out. After that, click on Add to widget to save it.

You can only connect one number with one widget group.

image-20250324-155328.png

Editing an existing button in the widget will allow you to choose other added numbers. Deleting will show you a pop-up with confirmation.

image-20250324-160431.png
image-20250324-160515.png

You can also check if a number is already added to the widget in the Visible in widget column available from Connected numbers tab in the WhatsApp Dashboard.

image-20250327-114900.png

Start by going to the Welcome screen section number Website widget settings.

Here, you can customize the welcome screen for each group visible on your website. You can also see what the chat widget on the right side would look like.

image-20250506-071514.png

Select Manage content and click the Add links button.

image-20250506-071549.png

Screenshot 2024-07-30 at 15.00.22.png

Add a name and your WhatsApp Business number after the last slash on a popup.

https://wa.me/ [your_WhatsApp_Business_phone_number]

Press Done, and hit Save to finish.

image-20250506-071628.png

WhatsApp in-chat campaign

Add a WhatsApp button to your website widget as a pop-up campaign to attract more customers to your WhatsApp channel.

Start by going to the Campaigns section under the Engage tab. Click the New campaign.

image-20250506-071736.png

Choose the template that best suits you.

image-20250506-071942.png

Define the buttons: the first starts the chat directly on the website. Choose the style, action (we recommend "Send message"), and button text.

image-20250506-072233.png

Add a second button called "WhatsApp," choose an icon, and select Open URL. In the Website URL section, add the line below with your WhatsApp Business number after the last slash.

https://wa.me/ [your_WhatsApp_Business_phone_number]

image-20250506-072329.png

Set when you'd like the message to appear, such as 1 second after visitors land on your site. Once ready, turn it on, and visitors can contact you via web chat or WhatsApp.

image-20250506-072503.png
JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.