В этой статье мы поговорим про создания чата для пользователей на сайте. Данное решение подходит как для сайтов на популярных CMS, вроде WordPress и OpenCart, так и для сайтов на «чистом» HTML и многих других. Что бы очень сильно не обнадёживать вас, я скажу сразу: бесплатная версия неограниченна по времени, но в качестве администратора (человека, принимающего сообщения) в ней может выступать только один человек; все описываемые ниже настройки и установки также полностью бесплатны, платить нужно только за несколько вещей:
- Нескольких человек в команде «колл-центра»;
- За то чтобы убрать брендирование;
- За фунционал видео чата.
Название данного чата — tawk.to. Ссылку на официальный сайт можно найти в конце статьи, а ещё там есть видео по установке плагина и функционала виджета на сайте на CMS WordPress и обзор настроек административной панели чата.
Регистрация
Первое, с чего нужно начать, это регистрация. Процесс простой и понятый: зашли на сайт, нажали «зарегистрироваться», ввели e-mail и пароль, подтвердили почту и уже имеем доступ в административную панель.
Ограничений по регионам, по странам и тому подобных тут нет.
Установка на сайт
Для того чтобы установить виджет чата на сайт, нужно вставить на него специальный скрипт. Скрипт генерируется специально для вашего сайта: после того как вы впервые войдёте в администрирую панель, tawk.to предложит вам создать новый виджет чата — вводим название и URL сайта, затем на экране появляется скрипт. Его также можно найти и после закрытия окна во вкладке Администрирование > Настройки виджета:
Серой стрелочкой отмечен сам скрипт, зеленой — настройки внешнего вида, но об этом немного ниже.
Копируем и вставляем на страницы сайта, где хотим отобразить чат. В моём случае, как я уже упоминал, я использую WordPress. Что бы виджет появился на сайте, мне потребуется выбрать между двумя настройками: либо я с помощью «toggle-button» включаю и выключаю нужные страницы для отображения виджета, либо вставляю специальный шорткод, который можно найти в настройках. Также можно вставить и скрипт, для этого придется вставить блок под названием «Произвольный HTML» и разместить скрипт внутри него.
Теперь виджет должен был появится на вашем сайте в своём стандартном виде.
Внешний вид
Внешний вид виджета настраивается в административной панели на сайте виджета. Более подробно я об этом говорил в моем видео, тут же я приложу скрин, что бы вы знали где найти эти настройки (добрались до зеленой стрелочки):
Также к настройкам внешнего вида я отнесу ещё несколько близких настроек:
- Расписание показа — с помощью этой настройки вы можете настраивать отображение виджета, в зависимости от ваших рабочих часов.
- Настройки действий — в этом меню можно настраивать действия вроде «звуковое оповещение о новых сообщениях», или «индикатор ввода текста оператором».
- ГЕО — вы можете настраивать показ виджета на сайте для определённых стран, или наоборот — закрывать показ для других.
Продвинутые настройки
Следует поговорить отдельно о двух крутых особенностях tawk.to: короткие фразы и триггеры.
Первая особенность позволяет отвечать на сообщения пользователей заготовленными фразами, вызовом команды с символом «/короткая_фраза» прямо в чате. Удобно, если вы хотите экономить время на однотипных вопросах.
Вторая особенность позволяет настроить сообщение-триггер на сайте, например, пользователь пришёл на ваш сайт и через 15 секунд виджет сам раскрывается и показывает сообщение, провоцирующее обратную реакцию посетителя, что-то вроде такого: «Привет! Наши операторы онлайн, напиши нам и мы ответим через 18 секунд» — просто рандомная фраза, но принцип, я думаю, вы поняли.
В заключении
Tawk.to — полностью бесплатный чат, пускай и с ограничением по количеству администраторов. Но такого не предлагает любой другой игрок на рынке. Я думаю, что если вам нужен чат на сайт, Tawk может стать отличным решением.
Если статьи вам оказалось мало и остались непонятные моменты, видео ниже точно на них ответит. А если нет, то я всегда рад всем ответить в комментариях — как на сайте, так и на YouTube.
Видео на тему
Официальный сайт виджета чата: tawk.to.
