Skip to main content
Skip table of contents

Website Widget

WhatsApp button

You can add a button to your website widget that allows your customers to contact you via the widget using the WhatsApp channel. If you only have this one channel connected through this feature, you will see it as a “Contact us on WhatsApp” button or as a WhatsApp icon if you have other channels connected here, too.

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.