> For the complete documentation index, see [llms.txt](https://whatcrm.gitbook.io/whatcrm-faq/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-faq/integracii/bitrix24/knopka-na-sait.md).

# Кнопка на сайт

Заходим в `Контакт Центр` и нажимаем на плитку `Виджет на сайт`

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

Выбираем пункт `Добавить новый виджет`

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

&#x20;`Задаем название виджету, ставим  чек бокс на WhatsApp`

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

Остальные параметры виджета настраиваются  по вашему усмотрению нажимаем `Сохранить`

Битрикс24 выдаст код для вставки на ваш сайт, если не вы занимайтесь этим, передайте вашим программистам

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

{% hint style="info" %}

#### По умолчанию кнопка WhatsApp оранжевого цвета, если вы хотите  изменить цвет на зеленый используйте   код  ниже  для вашего сайта&#x20;

{% endhint %}

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

#### Изменить цвет иконки для Telegram:&#x20;

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