# WhatsApp Chat Button

This is the field where you can **enable the WhatsApp Chat button** and **customize the button** according to your requirements.

<mark style="color:blue;">**Step #1**</mark>

Select the **Enable WhatsApp** button.

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

<mark style="color:blue;">**Step #2**</mark>

After selecting the button, you will be redirected to your store's theme page to embed the app.

Once you are done, **save** your configuration and proceed.

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

Head back to the app's **WhatsApp Chat Button** field.

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

* **WhatsApp Number -** Enter the WhatsApp number that you want to configure for the button so that when a customer tries to contact your support team by clicking on this chat button, a query will be received on the number you entered.
* **Show Message On Live Chat Box -** Configure the message that you want to show your customers when they choose to contact this chatbot.
* **Default WhatsApp Message from the visitor -** Configure the message that you want to provide for your customer's queries, so that they do not have to write an entire message for a small query.
* **Button Size -** Select the button size of your WhatsApp chat button.
* **Widget Header -** Set the widget header that will be visible above the chat button.
* **Widget Position -** Choose where you want to place this chat button.
* **Widget Header Color -** Choose the color of your WhatsApp Chatbot.
* **Select image -** Select the image that you want to have for your chat button.
* **Widget Status -** Enable the status of the widget so that the button will be visible on your store for your customers.


---

# 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://magecomp.gitbook.io/shopify/apps/whatsapp-notifications+chatbot/whatsapp-chat-button.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.