Кнопка мессенджера на сайт

  1. Вход в Контакт Центр

  • Зайдите в ваш аккаунт Битрикс24

  • Перейдите в раздел "Контакт Центр".

  1. Выбор виджета

  • В Контакт Центре нажмите на плитку "Виджет на сайт".

  • Выберите пункт "Добавить новый виджет".

  1. Создание нового виджета

  • Задайте название вашему виджету.

  • Установите чекбокс на опцию "WhatsApp".

  • Настройте остальные параметры виджета по вашему усмотрению.

  1. Сохранение виджета

  • Нажмите кнопку "Сохранить".

  • Битрикс24 выдаст код для вставки на ваш сайт.

  • Если вы не будете заниматься вставкой кода самостоятельно, передайте этот код вашим программистам для интеграции на сайт.

  1. Измените цвет кнопки WhatsApp (по умолчанию оранжевый):

  • Если вы хотите изменить цвет кнопки WhatsApp на зеленый, используйте следующий код и добавьте его на ваш сайт:

<style>
    [class*=ui-icon-service-bitrix_whatcrm_net]  > i {
      background-image: url(https://api.whatcrm.net/img/whatsapp.svg);
}
</style>
  1. Изменение цвета иконки для Telegram:

  • Если нужно изменить цвет иконки для Telegram, используйте следующий код и добавьте его на ваш сайт:

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

Last updated