Найти в Дзене

Виджет онлайн-чата на сайт — Закройте 99% задач!

Если у вас онлайн или оффлайн бизнес, то чат на сайт это просто незаменимый инструмент как для продаж, так и поддержки клиентов. Сегодня я хочу рассказать, как вы можете при минимальных усилиях добавить виджет онлайн чата к себе на сайт (будем использовать WordPress). Виджет онлайн-чата на сайт — это дополнительный инструмент на странице сайта, который позволяет осуществлять коммуникацию между посетителями сайта и поддержкой или отделом продаж. Благодаря этому инструменту посетитель может оперативно найти ответы на свои вопросы через живое общение с консультантом. Понимание того, что за страницей в интернете стоят реальные люди, значительно увеличивает доверие посетителей и как следствие конверсии. Данный канал общения признан самым эффективным, поскольку обеспечивает скорость коммуникации и её менее стрессовую природу, позволяя участникам легко и комфортно обмениваться информацией. Как правило виджет располагается в правом нижнем углу страницы. Перед тем как раскрыться нужно нажать на
Оглавление

Если у вас онлайн или оффлайн бизнес, то чат на сайт это просто незаменимый инструмент как для продаж, так и поддержки клиентов. Сегодня я хочу рассказать, как вы можете при минимальных усилиях добавить виджет онлайн чата к себе на сайт (будем использовать WordPress).

Виджет онлайн-чата на любой сайт (на примере вордпресс)
Виджет онлайн-чата на любой сайт (на примере вордпресс)

Что такое виджет онлайн-чата на сайте

Виджет онлайн-чата на сайт — это дополнительный инструмент на странице сайта, который позволяет осуществлять коммуникацию между посетителями сайта и поддержкой или отделом продаж. Благодаря этому инструменту посетитель может оперативно найти ответы на свои вопросы через живое общение с консультантом. Понимание того, что за страницей в интернете стоят реальные люди, значительно увеличивает доверие посетителей и как следствие конверсии.

Данный канал общения признан самым эффективным, поскольку обеспечивает скорость коммуникации и её менее стрессовую природу, позволяя участникам легко и комфортно обмениваться информацией.

Как работает виджет онлайн чата на сайте

Как правило виджет располагается в правом нижнем углу страницы. Перед тем как раскрыться нужно нажать на кнопку, которая имеет фиксированную позиции при прокрутке страницы.

Кнопка раскрытия онлайн-чата на сайте
Кнопка раскрытия онлайн-чата на сайте
Онлайн-чат на сайте в раскрытом состоянии
Онлайн-чат на сайте в раскрытом состоянии

Блок чата практически ничем не отличается от привычного нам мессенджера. Есть окно со всеми сообщениями в хронологическом порядке, текстовое поле для ввода сообщения и смайликов, кнопка привязки изображений и файлов, а также сама кнопка отправки.

Именно так видит онлайн-чат для сайта пользователь, но есть еще и обратная сторона оператора. По сути он видит тот же чат, но еще может переключаться между диалогами, а также управлять настройками самого чата.

Окно управления оператора виджета онлайн-чата на сайте
Окно управления оператора виджета онлайн-чата на сайте

Перечень настроек может быть очень обширен. Вот пример некоторых из них:

  • внешний вид и дизайн онлайн-чата;
  • условия автораскрытия чата;
  • автосообщения при длительном отсутствии;
  • приветственные автосообщения;
  • время скрытия онлайн-чата на сайте (в нерабочее время);
  • настройка звука и шрифтов;
  • многое другое.

Помимо основной функции обмена сообщениями виджеты могут выполнять и ряд других задач. К примеру собирать аналитические данные о пользователях, такие как: страна, город, откуда пришел на страницу и сколько времени провел на сайте. Таким образом когда оператор общается с посетителем у него больше информации о нем, что в ряде случаев позволяет делать персонализированные предложения.

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

Несмотря на большие плюсы есть ряд нюансов, которые могут сыграть в минус при работе с чатом. Очень важно из знать и учитывать при установке виджета онлайн-чата на сайт. К самым основным относятся:

  • виджет онлайн-чата перекрывать важный контент на сайте;
  • слишком навязчивое автораскрытие может раздражать посетителей;
  • ошибки в автоответах могут вводить пользователей в заблуждение.

Зачем мне нужен виджет онлайн-чата на сайте?

Это очень резонный вопрос, который следует себе задать. Необходимо понимать каким инструментом вы пользуетесь и что от него ожидать. Вот несколько преимуществ виджета онлайн-чата на сайт, которые действительно работают у наших клиентов, а также на других моих личных проектах:

  • Увеличивает доверие (как следствие и конверсию)
  • Позволяет установить прямой контакт
  • Позволяет получать объективные отзывы и предложения (но их важно уметь отличать!)
  • Позволяет получать и обрабатывать баги на сайте/сервисе
  • Позволяет систематизировать работу с обращениями
  • Позволяет сегментировать аудиторию сайта и лучше понимать кому нужен продукт
  • Позволяет автоматизировать работу поддержки
  • Позволяет автоматизировать работу сейлзов

Как просто и бесплатно установить виджет онлайн-чата к себе на сайт

Мы разобрались что такое виджет онлайн-чата на сайт, как он работает и зачем он нужен. Теперь давайте установим его на свой сайт. Для примера мы будет устанавливать виджет на сайт WordPress (как самый популярный движок для создания сайтов).

Время установки виджета к себе на сайт занимает около 5 минут. Мы будем использовать виджет онлайн-чата для сайта от WidgetSpark. Данный виджет онлайн чата будет интегрирован с Telegram. Таким образом можно будет отвечать посетителям сайта прямиком через мессенджер.

Шаг 1. Регистрируемся на WidgetSpark

Перейдите на сайт https://widgetspark.com/app и зарегистрируйтесь, если еще не сделали этого. Регистрация занимает всего около минуты. После этого вы получите доступ к интерфейсу управления виджетами.

Шаг 2. Выбираем онлайн-чат виджет Telegram

Переходим на вкладку "Каталог" и нажимаем на кнопку "Телеграм чат".

Каталог виджетов для сайта
Каталог виджетов для сайта

Шаг 3. Устанавливаем название чата и начальный дизайн

Откроется окно, в котором нам предлагается установить название виджета и дизайн нашего онлайн-чата для сайта. После установки нажимаем на кнопку "Продолжить".

Установка названия виджета онлайн-чата на сайт
Установка названия виджета онлайн-чата на сайт
Выбор дизайна для виджета онлайн чата на сайт
Выбор дизайна для виджета онлайн чата на сайт

Шаг 4. Привязка Telegram к онлайн-чату на сайте

Теперь нам нужно создать супергруппу в Telegram, получить из нее код и вставить в форму ниже.

Форма привязки виджета онлайн-чата на сайте к Telegram
Форма привязки виджета онлайн-чата на сайте к Telegram

Переходим в Телеграм и создаем новую группу. После создания группы нам понадобится включить топики (темы) и добавить в администраторы группы бота @tg_widgetspark_bot.

Вставляем код привязки к виджету онлайн-чата на сайте
Вставляем код привязки к виджету онлайн-чата на сайте

Шаг 5. Получаем скрипт онлайн-чат виджета для вставки на сайт

Получаем скрипт и копируем его. Далее переходим в нашу панель управления WordPress.

Скрипт онлайн-чата для вставки на сайт
Скрипт онлайн-чата для вставки на сайт

Шаг 6. Установка скрипта виджета онлайн-чата на WordPress сайт

Есть множество методов вставки скрипта на сайт Вордпресс. Мы же будем использовать плагин Shortcoder.

Нажимаем на кнопку "Добавить плагин" и в открывшемся окне в поиске вводим Shortcoder.

Добавление нового виджета для Вордпресс сайта
Добавление нового виджета для Вордпресс сайта

Устанавливаем и активируем полученный плагин.

Установка плагина Shortcoder
Установка плагина Shortcoder

Нажимаем на кнопку "Создать шорткод".

Добавление скрипта на WordPress сайт
Добавление скрипта на WordPress сайт
Установка скрипта виджета онлайн-чата на вордпресс сайт
Установка скрипта виджета онлайн-чата на вордпресс сайт

Теперь нам нужно копировать шорткод и вставить его на те страницы, где мы хотим видеть чат на нашем сайте.

Установленный виджет онлайн-чата на сайте
Установленный виджет онлайн-чата на сайте

Расширенные настройки виджета онлайн-чата

Теперь когда виджет установлен и мы убедились в его работоспособности самое время заняться более углубленными настройками. В зависимости от условий работы нашего бизнеса мы можем установить рабочее время, автосообщения и надписи на чате.

Для того, чтобы перейти в расширенные настройки нам нужно нажать на кнопку "Мои виджеты", после чего на кнопку с названием виджета, которое мы задавали на предыдущих этапах.

Открываем расширенные настройки онлайн-чат виджета
Открываем расширенные настройки онлайн-чат виджета

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

Экран расширенных настроек виджета онлайн-чата
Экран расширенных настроек виджета онлайн-чата

На вкладке "Дизайн" мы можем настроить цветовую тему (а также задать цвета вручную), кнопку запуска чата и различные отступы.

На вкладке "Настройки" мы можем настроить:

  • автосообщения при первом ответе пользователя
  • автосообщения при долгом отсутствии ответа от оператора
  • форму захвата данных (имя, email и телефон)
  • звук при ответах оператора
  • рабочее время чата
  • условия автораскрытия чата
  • надписи чата
  • шрифты чата

Заключение

Как мы узнали виджет онлайн-чата это незаменимый инструмент практически для любого сайта, предполагающего общение и поддержку клиентов. Более того вставка виджета онлайн-чата к себе на сайт повышает доверие пользователей и как следствие конверсию в покупателя.

Добавить виджет онлайн-чата на сайт вордпресс (да и на любой другой) занимает около 5 минут и это полностью бесплатно.

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