> For the complete documentation index, see [llms.txt](https://docs.olchat.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.olchat.io/capabilities/vidzhet-dlya-saita.md).

# Виджет для сайта

Для добавления виджета WhatsApp на ваш сайт в левом меню портала войдите в приложение Олчат — значок «•••» (меню вызова настроек коннектора) — Виджет на сайт.\
\
Укажите текст приветствия и название виджета в соответствующих полях. Нажмите на кнопку «Сохранить».

Также вы можете скопировать ссылку на чат в WhatsApp, нажав на иконку «Скопировать ссылку» в разделе «Ссылка на чат в WhatsApp»:

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

{% hint style="info" %}
Если вы настраиваете передачу параметров аналитики, то в тексте приветствия не должно быть переносов строки. В ином случае [бот-помощник](https://docs.olchat.io/bot-pomoshnik) не сможет распознать параметр аналитики и записать в поле CRM (системы управления взаимоотношениями с клиентами).

При передаче параметров аналитики, бот не ищет цифры по всем тексту. Он вытягивает цифры, которые подставились в {visit id} и записывает в поле. Лучше, чтобы {visit id} находился в конце текста.
{% endhint %}

{% hint style="info" %}
Обратите внимание, что текст, указываемый в поле «Текст приветствия», — это тот текст, который появляется в поле набора сообщения у клиента после того, как он нажмёт на кнопку виджета на сайте.

Также это поле можно оставлять пустым. Но для анализа маркетинговых каналов рекомендуем написать какой-то текст, с помощью которого вы в последствии сможете идентифицировать канал.
{% endhint %}

<figure><img src="/files/18Hokgno9eqDqDpLVRJE" alt=""><figcaption></figcaption></figure>

Далее перейдите в Контакт-центр — Виджет на сайт.

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

Включите канал в настройках виджета:

![](/files/JQF720wuLMEY6t0upQ4k)

![](/files/-Lv9t3SchHHYBBZAkWrU)

Если у вас уже существует и настроена линия с каким-то набором подключенным каналов, вы можете подключить к ней канал из другой линии. Это может пригодиться в случае, если для приложения Олчат вы использовали отдельную открытую линию со своим сценарием обработки и распределения входящих сообщений от клиентов.

Для добавления канала WhatsApp из открытой линии подключенной к приложению Олчат, в настройках виджета нажмите ссылку «добавить открытую линию».

![](/files/PhXLIZWpvduCTaMzfNkz)

Выберите нужную открытую линию. Включите канал в настройках виджета.

![](/files/koHemJF3ogYnmd30aI8v)

{% hint style="info" %}
После установки виджет может появиться на сайте не сразу, так как он кэшируется на стороне Битрикс24. Чаще всего такое случается на коробочных версиях Битрикс24. Обновляться виджет может в течение 15-60 минут.

Для ускорения обновления данных в виджете рекомендуем выключать и включать виджет. Тогда кэш виджета обновляется быстрее и применяются новые настройки.
{% endhint %}

Для выключения и включения виджета перейдите в раздел CRM – Интеграции – Виджет на сайт.

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

С помощью кнопки «Код на сайт» вы можете скопировать код виджета, а кнопка «Выключить» позволяет управлять активностью виджета. Например, если вы хотите временно скрыть виджет от посетителей сайта, можете его отключить.

Чтобы включить виджет, найдите нужный виджет и напротив него нажмите на кнопку «ВЫКЛЮЧИТЬ» а затем «ВКЛЮЧИТЬ».

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

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

### Как установить виджет на сайт <a href="#install" id="install"></a>

Вы можете установить виджет на любой сайт, как созданный в Битрикс24, так и на другой CMS (система управления содержимым (контентом) сайта).

Если вы хотите установить виджет на сайт, созданный в Битрикс24, то в настройках сайта выберите нужный виджет.

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

Чтобы установить виджет на любой другой сайт, необходимо скопировать код виджета и поместить его в код шаблона вашего сайта перед закрывающим тегом **`/body`**. Код вы можете скопировать из настроек виджета.

{% hint style="info" %}
Для корректной работы виджета в коробочной версии Битрикс24, установите актуальные обновления uлавного модуля.
{% endhint %}

{% hint style="info" %}
С другими настройками виджета для сайта в Битрикс24 можете ознакомиться здесь:\
<https://helpdesk.bitrix24.ru/open/6986667/>
{% endhint %}

## Если один номер телефона подключаем в виджеты на два сайта, то как отследить с какого сайта пишет клиент?

Для реализации данного сценария можно подставить в текст ссылки какой-либо идентификатор для каждого сайта.

Подробнее ознакомиться можно [здесь](https://faq.whatsapp.com/5913398998672934/?locale=ru_RU).