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

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

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

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FjXCzDhC1B0Y9MkVv8hcJ%2Fimage.png?alt=media&#x26;token=1b3124d7-92cf-45a8-bb53-77a048c50dc6" alt=""><figcaption></figcaption></figure>

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

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

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

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

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FpUqjIonSwZZyZwnEMDfB%2Fimage.png?alt=media&#x26;token=784d0298-d460-48e6-a91b-cc9f26c0d8d4" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FpmS44BELDSNiNV4cuyNq%2Fimage_2024-11-29_14_04_02.png?alt=media&#x26;token=f2975575-252e-4a74-a117-423f8805499b" alt=""><figcaption></figcaption></figure>

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

![](https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FpvizQy5uHgsmbhbdAqez%2Fimage.png?alt=media\&token=8c9187ac-61e4-4583-8178-0d06a426ff49)

![](https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LcuJc7XlLhpPyLWZz1s%2F-Lv9heO6srkCji0F3MoG%2F-Lv9t3SchHHYBBZAkWrU%2Fimage.png?alt=media\&token=d882b7c1-9826-4ea4-aafe-da9320921bc0)

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

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

![](https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FB4YHbP2ECAP5LmVgzpoz%2Fimage.png?alt=media\&token=c3ca56f6-b8d2-419a-b9fb-23a49554247a)

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

![](https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FPf3GCVI4eTOdCnno5Qya%2Fimage.png?alt=media\&token=77e3a819-d673-4d0d-b791-a6ef4b16a8c5)

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

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

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

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FUTZrLjNVkwi2gwi1qHoK%2Fimage.png?alt=media&#x26;token=ec6276fb-60e8-45df-bea3-d325a632c411" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FMlQYwD1Jau1stEJIHTLv%2Fimage.png?alt=media&#x26;token=e361a347-4107-4344-8ffe-537ee936dfff" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FuvfVn6pVLN1iY8UVlFmi%2Fimage.png?alt=media&#x26;token=f5b79d9f-ec5f-44c0-b91e-adcc6d89c9b7" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://2213176759-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LcuJc7XlLhpPyLWZz1s%2Fuploads%2FfR5topGo9iU2DWDhMdIp%2Fimage.png?alt=media&#x26;token=79708c5e-6cf0-47f6-9988-90bd8eff7179" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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