# WhatsApp Chat Widget

Typically displayed as a floating button or icon on a website, often positioned at the bottom right corner, this widget enables users to start a chat by clicking on it, which then opens WhatsApp on their device. 

Customize the Widget's appearance, placement, and functionality to align with your website's design and business needs.

<figure><img src="/files/eAmsylKycpvWidDuoCm5" alt=""><figcaption></figcaption></figure>

## Setting Up a WhatsApp Chat Widget in BizMagnets:

To set up the WhatsApp Chat Widget on BizMagnets, follow these steps:

1. **Business Name:** Enter your business or brand name, such as "BizMagnets."
2. **Tagline:** Provide a tagline to inform visitors about your response time, for example, "Connecting Businesses."
3. **Trigger Message:** Customize the initial message that appears when a visitor clicks the chat widget.

<figure><img src="/files/lBWMfwB7nFkztAxoQUJh" alt=""><figcaption></figcaption></figure>

4. **Logo or Chatbot Avatar:** Upload your business logo to enhance brand recognition or select a chatbot avatar or upload your own to represent your brand in the chat.
5. **Widget Position:** Choose the position of the widget on your website, typically left or right.

<figure><img src="/files/FjaPeuqQsAULj8Fbc4T9" alt=""><figcaption></figcaption></figure>

6. **WhatsApp Number:** Enter your WhatsApp business number to link the chat.
7. **Welcome Text:** Craft a welcoming message to greet visitors when they initiate a chat.

<figure><img src="/files/2HKHJNBxA4l54Ozhiahd" alt=""><figcaption></figcaption></figure>

8. **Brand Colors:** Select your brand colors for the widget's appearance.
9. **Button Colors:** Customize the button colors to match your website's design.

After configuring these settings, save your changes. The WhatsApp Chat Widget will then be active on your website, allowing visitors to start conversations directly with your business.

## **Generate the Widget Code:**

* After configuring your widget settings, click on the "Generate Widget Code" button.
* A code snippet will be generated for you.
* You can also receive this code via email for your convenience.

## **Add the Code to Your Website:**

* Access the HTML source code of the web page where you want the widget to appear.
* Paste the generated widget code just before the closing `</body>` tag.
* Save the changes to update your website.

By following these steps, the WhatsApp Chat Widget will be successfully integrated into your BizMagnets website, enabling direct communication with your visitors.

## **Benefits of Implementing a WhatsApp Chat Widget:**

* **Enhanced Customer Engagement:** By providing a familiar and convenient communication channel, businesses can engage visitors more effectively, leading to improved customer satisfaction.
* **Increased Conversion Rates:** Immediate access to support or information can help convert website visitors into customers by addressing their queries in real-time.
* **Streamlined Communication:** The widget facilitates seamless interactions, allowing businesses to manage customer inquiries efficiently and promptly.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.bizmagnets.ai/whatsapp-channel/whatsapp-chat-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.