Добавление виджета “Онлайн чат” на сайт

Вы здесь
← Все статьи

1. Для добавления канала впервые, нажмите в левом меню на кнопку “Добавить канал”. Выберите “+ Добавить”. Для добавления каждого последующего канала, перейдите в “Настройки”(внизу в левом углу на темном сайт-баре). Выберите “Каналы” и нажмите “+ Добавить”.

2. Чтобы добавить канал Онлайн-чата, после нажатия кнопки “+ Добавить” выберите “Онлайн чат”.

3. Заполните поля на открывшейся странице. Все введенные изменения будут отображаться в превью виджета, находящегося в правой части экрана:

а) вкладка “Назовите ваш чат”:

— название чата. Отображается в заголовке Вашего чата;

— приветствие. Приветственное сообщение, укажите, как Вы можете помочь посетителям вашего сайта);

— название канала. Отображается в панели сообщений в списке добавленных каналов);

— после ввода данных нажмите “Сохранить и применить на сайте”;

б) вкладка “Установите чат на сайт”:

— впишите в строку сайт или страницу, где устанавливаете чат; 

— скопируйте и вставьте код из блока перед тегом </body> на каждой странице, где должен где устанавливаете чат; 

в) вкладка “Настройте часы работы”:

— заполните Рабочие часы. Когда посетитель сайта отправит вопрос в чат в нерабочие часы, то бот спросит у него телефон или e-mail и Вы ответите позже;

— добавьте праздничные дни (праздничные исключения);

— выберите время ответа. Сообщите клиентам время, в течении которого ожидать ответ. 5 вариантов: 

  • “Автоматическое время ответа” (среднее время ответа за последние 7 дней; обновляется ежедневно; рассчитывается в рабочее время, если имеется; если за прошедшую неделю было менее 10 разговоров, будет отображаться “Ответят как только смогут”);
  • “Обычно отвечают в течение нескольких секунд”;
  • “Обычно отвечают в течение часа”;
  • “Обычно отвечают в течение нескольких часов”;
  • “Ответят как только смогут”;

— После ввода данных нажмите “Сохранить и применить на сайте” и “Закрыть”;

г) вкладка “Настройте дизайн чата”:

— выберите цвет шапки Онлайн чата из цветовой палитры или введите вручную в формате “hex”;  

— выберите цвет шапки Онлайн чата из цветовой палитры или введите вручную в формате “hex”;  

— при желании выберите фон чата: фон позади ленты сообщений;

— настройте расположение виджет-кнопки на сайте справа или слева на странице сайта; 

— для пользователей Teletype, которые оформили платную подписку, доступно выключение отображения ссылки Teletype. Также для тех, у кого платный тариф, ссылка становится реферальной, а клиент — партнером Teletype. Пользователи, которые перейдут по ссылке, станут рефералами и 25% от их платежей, будут поступать партнеру Teletype, чья реферальная ссылка задействована;  

— включите или отключите звук новых сообщений, в зависимости от Ваших предпочтений; 

— если при вставке виджета на сайт верстка Вашего сайта изменилась, то в окне Свой CSS пропишите стили, которые это компенсируют;

— после ввода данных нажмите “Сохранить и применить на сайте” и “Закрыть”;

д) вкладка “Добавьте каналы связи”:

— добавьте каналы: мессенджеры, социальные сети, телефон и т.д., чтобы посетители писали Вам не только в Онлайн чате. Эти каналы будут отображаться в панели онлайн чата на сайте. Добавить можно до 6 каналов, поэтому выберите актуальные; 

— подключение Телеграм. 

1-й вариант: Вы уже подключили Телеграм-каналы для общения с клиентами. При нажатие на поле ввода, Вам покажут список существующих каналов, среди которых выберите нужный. 

2-й вариант: Вы подключаете другой Телеграм-аккаунт. Зайдите в Настройки в Вашем приложении Телеграм.

Нажмите изменить профиль.

Выберите Имя пользователя.

Нажмите на ссылку внизу для копирования.

Вставьте ссылку в Настройках Онлайн чата. Нажмите на ползунок справа для активации канала. Кликните на кнопку “Сохранить и применить на сайте”.

— подключение e-mail. Нажмите кнопку “+ Добавить еще”. Введите e-mail, который Вы хотите подключить. Нажмите на ползунок справа для активации канала. Кликните на кнопку “Сохранить и применить на сайте”.

— подключение Messenger. Нажмите кнопку “+ Добавить еще”. Это возможно, если Вы уже подключили Messenger-каналы для общения с клиентами. При нажатие на поле ввода, Вам покажут список существующих каналов, среди которых выберите нужный. Нажмите на ползунок справа для активации канала. Кликните на кнопку “Сохранить и применить на сайте”.

— подключение WhatsApp. Нажмите кнопку “+ Добавить еще”. Введите номер телефона, который Вы хотите подключить. Обратите внимание, что номер телефона нужно писать в формате “+7”. Нажмите на ползунок справа для активации канала. Кликните на кнопку “Сохранить и применить на сайте”. Каналы Viber и Telephone добавляется аналогично. 

— подключение VK. Нажмите кнопку “+ Добавить еще”. Если есть существующий канал VK, выберите его из выпадающего списка VK-каналов. Если нет, то скопируйте ссылку VK-профиля оператора и вставьте в поле ввода. Нажмите на ползунок справа для активации канала. Кликните на кнопку “Сохранить и применить на сайте”. Каналы Viber и Telephone добавляются аналогично. 

— подключение Instagram. Нажмите кнопку “+ Добавить еще”. Скопируйте и вставьте имя профиля нужного аккаунта Instagram в поле ввода. Нажмите на ползунок справа для активации канала. Кликните на кнопку “Сохранить и применить на сайте”. Канал OK добавляется аналогично. 

Как видите, всё работает. 

г) вкладка “Настройте автосообщения”:

— настройте условия отправки автосообщений, нажав на кнопку “+ Добавить правило”;

— пункт “Если” содержит 3 варианта: “Ссылка на текущей странице”, “Время на текущей странице” и “Ссылка реферала”. Если выбрать “Ссылка на текущей странице” —  текущий URL и условие из выпадающего списка, то автоматическое сообщение покажется при нахождении клиента на текущем URL и соблюдении условий. Если выбрать “Время на текущей странице”, то сообщение покажется при нахождении клиента в определенное время на текущей странице. Укажите условие и время. Если выбрать “Ссылка реферала” — предыдущий URL и условие из выпадающего списка, то сообщение покажется при переходе с указанного URL на текущий. Отметим, что Вы можете установить дополнительное правило для этого сообщения. Для этого нажмите “+ Добавить условие”. Далее в поле “Тогда отправить сообщение” введите сообщение, которое увидит клиент при соблюдении установленных правил;

— затем Вы можете добавить другие автоматические сообщения, нажав “+ Добавить другое правило”;

— после ввода этих данных нажмите “Сохранить и применить на сайте” и “Закрыть”;

д) вкладка “Добавить интеграцию с CRM”:

— чтобы привязать определенную CRM к каналу, нужно заранее создать ее в разделе CRM;

— нажмите на кнопку “Выбрать CRM” и выберите нужную Вам CRM;

— нажмите “Сохранить и применить на сайте” и “Закрыть”.

4. Нажмите на крестик в правом верхнем углу для выхода из этого окна. Теперь у нас настроен Онлайн чат, который отображается в списке каналов.  Ползунком справа можно подключать и отключать нужный канал связи.  

5. На сайте виджет отображается следующим образом: