Как сделать кнопку обратного звонка
Инструкция по настройке плагина «Заказ обратного звонка»
Содержание:
1. Настройки плагина
1. Купите и установите плагин через «Инсталлер».
ВНИМАНИЕ! Для работы плагина необходимо, чтобы в теме дизайна был элемент, к которому нужно привязать форму. Если такого элемента нет, добавьте его самостоятельно. Например, можно в шапке сайта вывести ссылку:
1.2. Как разместить кнопку на сайте?
Ниже приведены примеры размещения кнопки на сайте на примере темы дизайна «Дефолт 3.0».
Пример 1. Размещение ссылки на сайте
Необходимо разместить ссылку под номером телефона:
Правой кнопкой мыши кликните по номеру телефона, вызовите контекстное меню. Выберите пункт «Исследовать элемент» или «Посмотреть код».
Откроется код элемента:
Ссылку необходимо разместить после закрывающего тега
Перейдите в «Магазин / Витрина / Шаблоны». В теме дизайна «Дефолт 3.0» вывод телефона расположен в шаблоне home.html.
Осталось в настройках плагина указать класс «call-back-button», чтобы при клике на ссылку вызывалась форма обратной связи (см. п. «Настройки формы»).
Пример 2. Размещение ссылки-картинки на сайте
Чтобы вместо текста «Заказать обратный звонок» вывести картинку, необходимо в коде указать адрес картинки. Предварительно изображение можно загрузить в разделе «Файл-менеджер» приложения «Сайт».
Под выводом телефона укажите адрес картинки, например:
На сайте будет выглядеть так:
Пример 3. Размещение иконки и текста на сайте
Для вывода иконки и текста укажите адрес изображения и текст:
1.2. Основные настройки
Появится дополнительная вкладка:
1.3. Настройки формы
Укажите класс или идентификатор для вызова формы обратной связи.
Введите заголовок формы. Заголовок будет показываться посетителю сайта.
Введите текст формы. Этот текст будет показан посетителю сайта.
Загрузите фотографию. Фотография будет показана посетителю сайта.
Добавьте необходимые для формы поля.
Введите текст для кнопки и настройте цветовую гамму текста и фона.
Добавьте текст, который будет появляться при успешной отправке формы. Настройте цветовое оформление уведомлений.
1.4. Плавающие кнопки
Выберите статус кнопки.
Выберите вид кнопки.
Выберите цвет кнопки.
Выберите цвет кнопки при наведении, цвет значка и цвет фона.
Введите тексты надписей. Выберите их цвет.
Выберите расположение кнопки на сайте.
Укажите размер отступов в пикселях.
При необходимости укажите z-index (подробнее).
1.5. Настройки уведомлений
Почтовые уведомления (Email)
Добавьте email отправителя. Можно указать любой адрес.
Добавьте электронную почту получателей. Можно указать конкретные домены, с которых они будут получать уведомления.
Добавьте заголовок и шаблон текста письма. Можно использовать переменные из блока справа.
SMS-уведомления
Для отправки SMS необходимо использовать внешний сервис, например, sms.ru. Подробнее о настройке SMS-уведомлений.
1. Зарегистрируйтесь в сервисе и пополните баланс.
2. Из Инсталлера установите плагин для отправки SMS.
3. В разделе «Магазин / Настройки / Общие настройки» добавьте api_id и при необходимости ID отправителей. Данные нужно взять в личном кабинете на сайте SMS-сервиса.
4. Добавьте получателей для SMS в настройках плагина «Заказ обратного звонка».
5. Добавьте шаблон для SMS с использованием переменных.
6. Проверьте отправку сообщений.
1.6. Цели для Яндекс.Метрики и Google Analytics
Коды счетчиков Яндекс.Метрики и Google Analytics должны быть размещены на сайте.
Как добавить цели в Яндекс.Метрике
Введите идентификаторы целей. Цели предварительно необходимо создать в настройках счетчика Яндекс.Метрики. Вид цели – событие. Справка по целям в помощи Яндекс.Метрики.
1. Откройте настройки счетчика Яндекс.Метрика, раздел «Цели».
2. Добавьте цели, для каждой выберите тип «Событие».
3. Добавьте номер счетчика и идентификаторы целей в плагине.
Как добавить цели в Google Analytics
Добавьте категории и действия целей Google Analytics. Цели необходимо создать в настройках представления в Google Analytics.
1. Авторизуйтесь в сервисе Google Analytics, перейдите во вкладку «Администратор», в раздел «Цели».
3. Добавьте цели в настройках плагина.
2. Страница заявок
Страница просмотра всех заявок.
Для настройки колонок кликните по шестеренке.
Для просмотра полного текста комментария кликните по нему.
1. Кликните на товары в корзине.
2. Кликните по кнопке «Создать новый заказ».
Новый заказ создан.
3. Как настроить плагин по 152-ФЗ
3.1. Добавить текст со ссылкой
— В блоке «Редактор полей» добавьте поле «Произвольный текст».
— Добавьте текст со ссылкой, например, такой:
Отправляя заявку, я соглашаюсь на обработку персональных данных в соответствии с условиями
Важно! Можно использовать теги для форматирования текста, например, , , , и другие.
3.2. Добавить checkbox с текстом и ссылкой
— В блоке «Редактор полей» добавьте поле «Checkbox».
— Добавьте текст со ссылкой, например, такой:
Я соглашаюсь на обработку персональных данных в соответствии с условиями
Важно! Можно использовать теги для форматирования текста, например, , , , и другие.
Форма «обратного звонка» для сайта: правила эффективности
С каждым годом все больше людей предпочитают коммуникации не связанные с голосовым общением. Тем не менее, телефонные переговоры по-прежнему остаются одним из самых эффективных инструментов продаж. И среди ваших клиентов есть люди, которые лучше воспринимают информацию на слух.
В медицинской сфере больше двух тысяч клиентов предпочитают заказать обратный звонок, в B2B — до тысячи, в других сферах — около пятисот. Это мы выяснили при исследовании обращений.
У кнопки обратного звонка есть свои плюсы и минусы, нужно уметь ей пользоваться. В этой статье разберем, на что обратить особое внимание, и как получать больше заказов callback с сайта.
Принцип работы и функции обратного звонка
Как привлечь новых клиентов для бизнеса? Разбираемся с лидогенерацией
Кому нужен сервис callback
Полезен «обратный звонок» и в медицине: первичный пациент не всегда уверен, к кому из специалистов ему записаться, а еще ему лень разбираться в длинном списке цен на анализы.
Реакция посетителей сайта на кнопку
Как не взбесить покупателя всплывающей формой?
Зачем нужны всплывающие окна: изучаем сценарии настройки и критичные ошибки
Как правильно настроить форму обратного звонка
Существует множество бесплатных и платных сервисов обратного звонка. Какой именно выбрать — каждая компания решает сама. Сервисы несколько различаются по функционалу, но принципы работы у них общие.
Итак, что нужно сделать, чтобы обратный звонок появился на сайте.
Ничего изобретать не нужно — чтобы на сайте появилась кнопка, достаточно установить готовый скрипт. Универсальный скрипт устанавливается на сайт, а какой кнопку обратного звонка будет видеть посетитель, зависит от настроек.
Всплывающее окно здесь тоже есть, но работает в самых безопасных сценариях: когда пользователь уходит с сайта или долго не совершает никаких действий.
Дальше нужно настроить порядок дозвона. Есть два варианта:
Осталось выбрать, в какое время обратный звонок будет доступен на сайте, а когда исчезнет. Когда бизнес спит, клиенты не будут звонить в пустоту. В это время на сайте лучше оставить форму заявки или чат-бота.
Избавляемся от «пустых» звонков
Проблемы обратного звонка
Обратный звонок не совсем обратный звонок
Менеджер не вышел на связь
Баловство, месть и троллинг
Оцениваем эффективность инструмента
Эффективность любого инструмента можно отследить и подсчитать. И обратный звонок не исключение. Кто заказывает обратный звонок, откуда эти посетители перешли на сайт, какой процент лидов становится клиентами — ответы на эти и многие другие вопросы помогут понять, работает ли callback на вашем сайте и какую прибыль приносит.
Форма обратного звонка: как добавить на сайт и сделать максимально эффективной
Время чтения 15 минут Вы можете перейти сразу к интересующему разделу:
Форма обратного звонка — что это
В «пассивном» состоянии он выглядит как значок трубки, который обычно располагается в правом нижнем углу страницы:
При нажатии на такую трубку появляется форма, в которую пользователь может вписать свой номер:
Как работает обратный звонок
Принцип работы кнопки и формы обратного звонка схематично показан в инфографике:
Преимущества Callback Ringostat
Важность кнопки обратного звонка для бизнеса
Преимущества виджета callback для посетителя
Преимущества виджета callback для компании
Так выглядит один из отчетов в Ringostat
Почти в каждом кейсе Ringostat упоминается, что этот продукт помог увеличить количество лидов и принес пользу. Приведем лишь несколько примеров.
Подытожим цитатой клиента Ringostat:
digital-маркетолог компании «ФУНДАМЕНТ»
Что учесть при установки кнопки обратного звонка
Если кратко, то в Ringostat процесс настройки для клиента сводится к следующему:
Теперь давайте разберем, на что обращать внимание при выборе формы обратного звонка и ее настройке.
Стоимость и что в нее входит
Сравнивая различные сервисы обращайте внимание не только на цену, но и на то, что вы за нее получите. Как известно, дешево — далеко не всегда хорошо. Постарайтесь найти баланс между возможностями виджета и ценой. Если заметили сервис по подходящей цене, узнайте:
Вообще, обращайте внимание на то, быстро ли вам отвечает техподдержка. Некоторые сервисы экономят на персонале, и это может отражаться на скорости реакции саппорта. А для связи очень критичен момент, если что-то «отвалится», но все операторы сервиса будут заняты и не смогут вам помочь. В этом случае вы потеряете клиентов, напрасно ожидающих обратного звонка.
Если выбрали сервис, средний по цене, поинтересуйтесь, нет ли дополнительных скидок при подключении формы обратного звонка. Например, при оплате на длительный период или подключении дополнительных модулей. Например, в Ringostat подключить форму обратного звонка стоит эквивалент 30$ в месяц. Но если добавить еще один продукт, то суммарно сэкономите 24$. И так далее — чем больше продуктов подключите, тем больше сумма экономии:
Настройка внешнего вида виджета
Дизайн виджета callback должен легко настраиваться под стиль вашей площадки. Иначе он будет смотреться инородно. Если можно задать дизайн callback, то он выглядит будто органичное продолжение вашего ресурса.
Например, у нас доступно 15 вариантов формы в разных цветовых гаммах. Доступны цвета: синий, коралловый, зеленый, серый и фиолетовый. Все они делятся на стили:
Например, для одного проекта клиент выбрал оформление Standard в оранжево-красном оттенке. Это соответствует цветам остальных элементов сайта:
Также можно выбрать радиус кнопки обратного звонка — «трубки», и где она будет располагаться на странице.
Уведомления об упущенном вызове
Звонок, поступивший через callback — важный источник продаж, как и обычный вызов. Если покупатель вам не дозвонился, важно как можно скорее с ним связаться. Иначе вы просто подарите своего лида конкуренту. Поэтому обязательно включайте оповещения об упущенных вызовах через callback.
В Ringostat достаточно выбрать, как вы хотите получать уведомления: по телефону или в sms. И убедиться, что напротив пункта «Пропущенные звонки» стоит галочка. Так вы будете видеть пропущенные вызовы, включая callback.
Уведомление будет содержать номер телефона, который указал пользователь. Поэтому вы сможете сразу перезвонить. И, само собой, пропущенные вызовы через форму отображаются в журнале звонков и отчетах.
Уведомление для оператора
В идеале, менеджера лучше уведомлять о том, что звонок поступил именно через виджет callback. Т. е. когда сотрудник берет трубку, ему проигрывается запись, что вызов поступил через форму обратного звонка. Так менеджер будет понимать, что звонит потенциально мотивированный клиент — и сможет построить диалог, опираясь на это знание. Поэтому при выборе и настройке сервиса поинтересуйтесь, есть ли такая возможность.
Антиспам и черный список
Иногда злоумышленники и недобросовестные конкуренты используют callback во вред бизнесу. Например, заказывают спамовые звонки. Это вредит двумя способами:
При выборе и настройке формы обратного звонка, узнайте, как она защищена от спама. Например, у Ringostat для этого есть несколько инструментов.
Также в этом поможет черный список. Например, если вас регулярно спамят — канцтовары, билеты и т. д. Или просто заказывают обратный звонок, чтобы подшутить. Просто впишите подобный номер в черный список:
Как настроить форму обратного звонка, чтобы не «спугнуть» клиента
Как сделать форму обратного звонка
Форму обратного звонка можно сделать и самостоятельно или заказать разработчику сайта самописную. Так вам не придется платить за дополнительный сервис. В сети достаточно инструкций по созданию виджета callback. Обычно они сводятся к таким вариантам:
Плюс «самодельной» кнопки очевиден — она бесплатна. Но если вы выбираете этот вариант, учитывайте такие моменты:
Давайте детальнее разберем последний пункт, потому что он тесно связан с окупаемостью вложений в продвижение бизнеса.
Как отследить эффективность формы обратного звонка
Есть сервисы, которые предоставляют подробную статистику по звонкам через callback. Что имеется в виду:
Фрагменты отчетов по callback
Что дают такие данные? Вы сразу знаете, насколько эффективен виджет — звонят ли через нее люди, или ее можно отключить. Также вы можете проанализировать, какие источники приводят действительно мотивированных клиентов. И можете выделить на нее больше бюджета.
Бонус: приемы для повышения конверсии с помощью формы обратного звонка
Форму обратного звонка можно сделать еще эффективней, если подключать решение с дополнительными возможностями. Рассмотрим пару примеров, какими они могут быть.
Автоматический callback при заполнении любой формы на сайте
Заполняя онлайн-форму многие, посетители обреченно думают, что им перезвонят в лучшем случае в тот же день. Вы можете приятно их удивить скоростью реакции. Для этого настройте автоматический перезвон менеджеру сразу после того, как человек заполнил любую форму на сайте. Например, такую:
Это позволит быстро обрабатывать заявки и не забывать о них. Вкратце, как это работает :
Автоматический callback для форм на любых сайтах и в соцсетях
Это особенно полезно для компаний, которые используют рекламу Facebook Lead Ads. Этот тип рекламы позволяет собирать контакты целевой аудитории, не переводя ее на сайт, бизнес-страницу или в приложение. Работает это так:
Вы можете сделать так, чтобы модуль обратного звонка автоматически срабатывал после того, как человек заполнит такую форму. В принципе, этот функционал можно использовать для любых сайтов и интеграции с сервисами, информация из которых попадает в докс, в котором установлен скрипт.
Если резюмировать, то оба способа дают такие плюсы бизнесу: