Документация Webitel

Создание Web чата

Описание

Web чат - быстрое подключение клиента с оператором во время нахождения на сайте.

Для создания такого чата необходимо:

  • Создать текстовый шлюз;

  • Скопировать код;

  • Использовать этот код на вашем сайте.

Создание текстового шлюза

Зайти на страницу Текстовые шлюзы и нажать кнопку "Добавить". Открывается модальное окно "Новый текстовый шлюз"(Рис.1).

Модальное окно Новый текстовый шлюз.png

Рис. 1. Модальное окно "Новый текстовый шлюз"

Выбрать вариант Web chat. Нажать кнопку "Создать". Откроется страница детали "Общее".

В поле "Имя" указать название шлюза, оно будет отображаться в реестре данных на странице  Текстовые шлюзы

В поле "Allow Origin" указать адрес сайта на котором будет использоваться чат (Рис.2).

Страница детали Общее (Web чата).png

 Рис. 2. Страница детали "Общее"

Перейти на странице детали Вид. Сделать настройки по отображению будущего чата (Рис.3). 

В поле "URL логотипа" вписывается ссылка на логотип. Поддерживается только формат 'JPEG', или 'PNG', размера  24x24px.

Страница детали Вид (инструкция).png

Рис. 3. Страница детали "Вид"

Перейти на страницу детали Чат. В поле "Схема" выбрать схему за которой будет работать Web чат. При необходимости сделать дополнительные настройки (Рис.4). Больше информации можно посмотреть здесь.

Страница детали Чат (инструкция).png

Рис. 4. Страница детали "Чат"

Кнопка "Сохранить" становится активной. Нажать кнопку "Сохранить".

Текстовый шлюз создан.

Скопируйте код нажав на кнопку "Скопировать код".

Перейдите на страницу Текстовые шлюзы. Найдите только-что созданный шлюз и переведите переключатель в колонке "Состояние" в активное положение (Рис.5).

Включение текстового шлюза.png

Рис. 5. Включение текстового шлюза

Использовать скопированный код на стороне сайта.

После каждого изменения необходимо копировать новый код и использовать на стороне сайта.

Как результат, получаете такой Web чат на вашем сайте (Рис.6).

Web чат на сайте.png

Рис. 6. Web чат на вашем сайте

Отображение текста и дополнительных кнопок в чате зависит от выбранной схемы.