Click-to-call Button Widget

What it solves & why businesses use it

A click-to-call widget initiates a phone call when a website visitor clicks the button. It's particularly useful for businesses that need real-time interaction to resolve concerns or guide customers through complex decisions. Key benefits include:

• Make it easier for customers to get in touch directly, so you don’t miss out on potential leads.


• Speed up responses and assistance, giving customers a better overall experience.


• Increase conversions by letting customers connect with you right when they’re ready to make a decision.

When & how to use it

The click-to-call widget should be used when visitors need immediate help or have questions that could prevent them from converting. Click-to-call widgets are most effective when used in the following scenarios:

• High-intent pages, such as product, category, or pricing pages to help reduce hesitation and improve conversion rates.


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


• Pages that offer consultations, bookings, or demo to provide personalized assistance.

How it looks

A call widget typically includes the following design elements:

• Message: A default message that invites users to interact with the widget.


• Employee photo and name (optional): The widget can contain a photo of the team member in charge of the chat to build trust.


• Call button: The button that redirects visitors to WhatsApp and initiates the chat.

How to set it up

Step 1: Select a template

Go ahead and select the click-to-call 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 representative. 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 is to update the phone number and configure the button. Click on the button and enter the phone number in the format tel: +18143008184.

Step 3: Set the display rules

We recommend using the call widget teaser for an optimal user experience. The teaser can be placed across the entire site without disrupting usage, allowing users to initiate the chat whenever they choose.

Alternatively, you can set up a time or scroll trigger to run alongside the teaser. The chat widget will appear as users scroll or after a set amount of time, prompting them to start a conversation 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.