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

Для добавления виджета 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).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.olchat.io/capabilities/vidzhet-dlya-saita.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.