Виджет Callback

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

Использование Callback позволяет:

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

Вид кнопки виджета на сайте:

1. Как работает Callback:

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

Показ самой формы заказа происходит в 2 случаях:
1. форсированный запуск
- пользователь самостоятельно нажимает кнопку веб-виджета, происходит показ формы с предложением перезвонить.
2. автоматически спустя определённое время
- система рассчитывает среднюю продолжительность сессии посетителей. Если сессия подходит к концу (из расчета средней продолжительности сессии посетителей при переходе с различных каналов рекламы) происходит автоматический показ формы с предложением перезвонить.

  • Клиент вводит номер, начинается отсчёт и система вызывает менеджера/call-центр.

  • Когда менеджер поднял трубку, система звонит на указанный клиентом номер и в случае успешного дозвона соединяет их.
  • Если менеджер не ответил на звонок или не удалось дозвониться к клиенту, по окончанию отсчёта он увидит следующее окно:

Схема работы виджета Callback:

Для пользователей Call Tracking сервиса от Ringostat - виджет обратной связи предоставляется на бесплатной основе. Оплачивается только аренда номера (если арендуете номер у нас) и услуги исходящей связи (в зависимости от направления).

2.1 Кастомизация виджета Callback в личном кабинете

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

В меню навигации выбрать - "Настройки" - "Callback widget". Для настройки кнопки доступны следующие функции:

  • Язык по умолчанию — позволяет задать язык виджета, согласно языка на сайте или собственных предпочтений;
  • Цвет — с помощью данной функции настраивается цвет кнопки виджета:
    Если кликнуть на поле — будет выведена палитра цветов и так же доступен ввод кода цвета;
  • Радиус — позволяет задать внешний вид кнопки:
    0 - идеальный квадрат ... 50 - круг;
  • Отступ справа — расположение кнопки по горизонтали:
    0 - правый угол ... 100 - левый угол;
  • Отступ снизу — расположение кнопки по вертикали:
    0 - нижний угол ... 100 - верхний угол.
2.2 Дополнительные настройки callback
  1. Привязать вызов формы callback к вашей кнопке/ссылке.
  2. Отключить Callback или только автоматический показ формы на определённых страницах (например корзина) или после определённого действия на сайте (покупка товара, заполнение формы обратной связи)
  3. Увеличить задержку перед показом автоматической формы Callback (с предложением перезвонить)

1.  Вызов формы Callback при нажатии на вашу кнопку/ссылку

Рассмотрим пример такого элемента на вашей странице

<span class="callback-ringo">☎ Перезвоните мне</span>
В данном случае необходимо добавить нижеуказанный скрипт в исходный код ДО этого элемента.
 <script type="text/javascript">
 var rngstcbev = function(){
	var element = document.getElementsByClassName('callback-ringo')[0];
	element.addEventListener('click', function(){
		document.getElementsByClassName('rngst_phone_icon')[0].dispatchEvent(new Event("mousedown", {bubbles: true, cancelable: false}))
	});
 };
 document.addEventListener("DOMContentLoaded", rngstcbev);
 </script>

2. Отключение callback/автоматической формы на определённой странице

Для отключения виджета callback после определённого события (на данной странице и всех последующих) необходимо запускать скрипт:

window.ringostatAPI.setCallbackSettings({CallbackOff: true})

Для отключения показа автоматической формы callback (на данной странице и всех последующих) необходимо запускать скрипт:

window.ringostatAPI.setCallbackSettings({autoFormOff: true})

Пример полного скрипта со всеми параметрами для настройки виджета:
true — подтверждение параметра;
false — отключение параметра;
Для включения параметра нужно изменить false на true.

<script type="text/javascript">
    (function (d, s, u, e, p) {
        window.ringostatConfig = {
            numbers: {
                common: {
                    class: 'ringo-phone',
                    mask: '+# (###) ###-##-##'
                }
            },
            callbackSettings: {
                CallbackOffOnPage: false,       // На странице не будет ни автоформы ни кнопки
                autoFormOffOnPage: false,       // На странице будет только кнопка
                CallbackOff: false,             // Выключить коллбек на этой страницы и после
                autoFormOff: false,             // Выключить автоформу на этой страницы и после
                delay: 0                        // Прибавить задержку к стандартному времени показа автоформы
            }
        };
        p=d.getElementsByTagName(s)[0],e=d.createElement(s),e.async=1,e.src=u,p.parentNode.insertBefore(e,p);
    })(document, 'script', '<a href="https://ringostat.com/numbers/v3/ringostat.min.js')">https://ringostat.com/numbers/v3/ringostat.min.js'...</a>;

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

Была ли статья полезной?