WhatsApp Chat Widget

What it solves & why businesses use it

A WhatsApp chat widget allows visitors to start a conversation in just one tap, eliminating the barriers of email forms or slow response times.

• Quick and simple contact point: Users can easily and immediately get in touch with you and receive answers.


• Increased accessibility: WhatsApp is a widely used app globally, so it means you’re meeting your customers where they’re already comfortable.


• Higher potential for conversion: Instant communication increases the likelihood of converting visitors into customers.

Additionally, WhatsApp keeps the conversation open even after visitors leave your site, making it perfect for follow-ups, ongoing support, and personal sales consultations.

When & how to use it

Callback widgets are most effective when used in the following scenarios:

• High-intent pages, like product, category, or pricing pages to assist visitors with questions about the product before they purchase.


• Support-focused pages to provide an easy way for users to reach out for inquiries or support.

How it looks

The WhatsApp widget typically features a floating button or icon that allows users to click and initiate a chat via WhatsApp. Key design elements include:

• WhatsApp icon or button: A small, recognizable WhatsApp logo, usually in green, that stands out without being intrusive.


• Floating position: The widget is often placed in the bottom corner of the page (right or left) so it’s easily accessible but doesn’t interfere with the user’s browsing experience.


• Quick access: Once clicked, the widget opens directly into the WhatsApp app (if on mobile) or a WhatsApp web interface (if on desktop), making the transition seamless.

How to set it up

Step 1: Select a template

Go ahead and select the WhatsApp widget template. When starting, make sure to enable the launcher. You will need it later in the display rules.

Step 2: Customize the template

Change the profile picture in the chat and the name of the person who will talk to customers. Click on the image, and you’ll find the option to replace the image in the right sidebar. We advise using a real picture of someone from your team to establish trust.

To change the text, simply double-click on the text field. Now, all that’s left to do is add the address of the WhatsApp chat. Click on the button and put in the link to the WhatsApp chat.

Step 3: Set the display rules

We suggest using the WhatsApp chat widget teaser for the best user experience. A teaser can be placed sitewide since it doesn’t interrupt website usage. It gives users the freedom to start the chat when they need to.

However, you can also enable a time or scroll trigger to run in parallel. The chat widget will appear on scroll or after a certain amount of time, encouraging to start a chat with a representative. Users will also have the option to reopen the widget using the launcher.

Step 4: Integrate marketing tools

Integrate Google Analytics if you want to collect additional statistics.

Step 5: Publish the widget and launcher

Go ahead and publish the widget together with the launcher.