> For the complete documentation index, see [llms.txt](https://whatcrm.gitbook.io/whatcrm-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://whatcrm.gitbook.io/whatcrm-docs/english/integrations-products/bitrix24/widget-button-for-your-website.md).

# Widget button for your website

1. Go to the Contact Center and click on the Website widget tile\ <br>

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

2. Select  Add new widget\ <br>

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

3. Set a name for the widget and put a check box on WhatsApp \*select the line to which your phone number is connected\ <br>

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

4. The rest of the widget parameters can be customized at your preference, click  Save.

5. Bitrix24 will give you a code to paste into your site, if you're not the one doing it, pass it on to your programmers \ <br>

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

<br>

{% hint style="info" %}
By default the WhatsApp button is orange, if you want to change the color to green use the code below for your website
{% endhint %}

WhatsApp&#x20;

```
    <style>
    [class*=ui-icon-service-bitrix_whatcrm_net]  > i {
      background-image: url(https://api.whatcrm.net/img/whatsapp.svg);
}
</style>

```