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

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

<figure><img src="https://2123481637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMZhEaBSBX7sRei05PgNj%2Fuploads%2F1b9rNGm8as8NOwIjuOfu%2FScreenshot_5.png?alt=media&#x26;token=2ba56521-8b86-47be-b861-00603760814b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2123481637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMZhEaBSBX7sRei05PgNj%2Fuploads%2FTYlzUBDIzf7dTZEYdVRM%2FScreenshot_1.png?alt=media&#x26;token=ee9ba86d-b2ff-4ff1-9cb5-a99cfa051b05" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2123481637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMZhEaBSBX7sRei05PgNj%2Fuploads%2FxMOwFwsTTQxm0lwYcoQv%2FScreenshot_2.png?alt=media&#x26;token=6276b9d8-4e64-44db-b8ec-c9ca60392c37" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://2123481637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMZhEaBSBX7sRei05PgNj%2Fuploads%2FEC0SITDxwYWFHWncsJ7D%2FScreenshot_3.png?alt=media&#x26;token=94cb9d9d-be39-41aa-b2d5-1c4100eddc1c" 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>
```