> For the complete documentation index, see [llms.txt](https://help.whautomate.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.whautomate.com/product-guides/whatsapp-chat-widget.md).

# WhatsApp Chat Widget

You can add a WhatsApp widget like below for free from Whautomate:

<figure><img src="/files/PWqeQ21i6SUINUktHsud" alt=""><figcaption><p>WhatsApp Widget </p></figcaption></figure>

#### Instructions

* Copy the code block below
* Make the necessary modifications to the fields as necessary
  * action
  * name
  * division
  * photo
  * introduction
  * defaultMessage
  * buttonText
* Add the code to the end of body tag to pages of your preference or footer of your website to add it to all pages.

{% hint style="info" %}
Reach out to us at  <support@whautomate.com> for any further assistance or issues.
{% endhint %}

{% code overflow="wrap" fullWidth="true" %}

```markup
    <form id="general-support" class="wa-widget" action="6593505083" data-chat="general-support"></form>
    <script src="https://widget.whautomate.com/js/whatsapp-widget.min.js"></script>
    <script>
        var head = document.getElementsByTagName('HEAD')[0];
        var link = document.createElement('link');
        link.rel = 'stylesheet';
        link.type = 'text/css';
        link.href = 'https://widget.whautomate.com/css/whatsapp-widget.min.css';
        head.appendChild(link);
        var generalSupport = new WhatsAppWidget(document.getElementById('general-support'), {
            name: 'Whautomate',
            division: 'typically replies within few minutes',
            photo:'https://whautomate.com/wp-content/uploads/2023/06/Fav-92x92-1.png',
            introduction: 'Welcome to Whautomate. How can I help you today?',
            defaultMessage: 'Hello there!',
            buttonText: 'Start chat'
        });
        generalSupport.toggle()
    </script>
```

{% endcode %}