Adding a WhatsApp chat option to your website makes it easier for visitors to reach you instantly through a familiar, widely used platform. With Sendmize’s WhatsApp Chat Widget, you can customize the look, behavior, and messaging of the widget to match your brand and improve customer interaction. This guide walks you through accessing your WhatsApp bot settings, configuring the chat widget, and embedding it into your website’s HTML, so you can start engaging your audience right from your site.

Why You Should Use WhatsApp Chat Widget?

Trusted Platform: Engage users via WhatsApp’s familiar interface.
Pre-Fill Messages: Speed up customer inquiries.
Custom Design: Align colors, logos, and positioning with your brand.
Instant Setup: Embed with one script.

Now let's dive into the process.

Step 1: Access Chat Widget Settings

Log in to your Sendmize dashboard.
From the sidebar menu, select Chatbot Manager > WhatsApp Bot.
From the list, choose your WhatsApp bot account (e.g., DigiLab Enterprise).
Under your selected WhatsApp account, click on Chat Widget.
On the Chat Widget settings page, click the Create button located at the top right.

Step 2: Configure Your Chat Widget

In the Configure Action Button section:
Choose "WhatsApp short link" from the Actions dropdown.
Upload your chatbot logo (PNG/JPG supported).
Customize the Chatbox header background and text color.
Set the Display name, Welcome message, and Pre-fill message.
Choose the Chatbox position (e.g., bottom-right).
Specify if the Chatbox should open on startup or stay closed initially.
Set the offset positions (X and Y) to fine-tune the widget's location.
Customize the Button text, background, text color, and hover effects.
Select the button size (Medium, Large, or Extra Large).
Add a reference name for internal identification (mandatory).

Step 3: Finalize and Save

Once configured, click Save at the top right of the page.
To integrate the widget on your website, click the Embed Code (</>) button, copy the generated script, and paste it into your website's HTML code.

Was this article helpful?