Как сделать кнопку обратного звонка

Инструкция по настройке плагина «Заказ обратного звонка»

Как сделать кнопку обратного звонка

Содержание:

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. Этот тип рекламы позволяет собирать контакты целевой аудитории, не переводя ее на сайт, бизнес-страницу или в приложение. Работает это так:

Как сделать кнопку обратного звонка

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

Если резюмировать, то оба способа дают такие плюсы бизнесу:

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *