# WhatsApp Chat Widget

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

<figure><img src="https://810714386-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FF8vuadG7OJ1fFdSBZATv%2Fuploads%2FGHu3bVH1ev2ZPMTkKEND%2Fimage.png?alt=media&#x26;token=f72f0fd8-abc6-4403-8647-0da9c7c0b162" 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 %}