Виджет обратного звонка и кнопка «Позвонить»
Что это за виджеты?
Виджет обратного звонка — форма на сайте, в которую посетитель вводит свой телефонный номер и желаемое время звонка. Через 20 секунд вызов “уходит” в приложение-программу или на мобильный телефон менеджеру и после того, как менеджер возьмет трубку, соединяет его с клиентом, инициирующим звонок. Если абоненту не удобно говорить прямо сейчас, он может указать удобное время для звонка.
Виджет показывается согласно установленным критериям отображения — определенное время на сайте, посещение конкретной страницы, глубина просмотра сайта и т.д.
Click to call виджет (или кнопка “Позвонить нам”) — кнопка на сайте на основе технологии WebRTC. 
При нажатии на кнопку посетитель сайта моментально связывается с менеджером компании (менеджер может принимать звонок через приложение-программу либо переадресовывать звонок на другой номер).
В чем разница?
На кнопку “Позвонить нам” нажимает посетитель сайта, то есть ваш потенциальный клиент. Активен именно клиент.
Форму виджета обратного звонка заполняет посетитель сайта , а звонок совершает представитель бизнеса, поэтому активна именно компания. При этом форма анализирует действия посетителя и появляется в самый нужный момент (согласно определенным настройкам).
Как показывает опыт, Click to call виджет лучше использовать для поддержки и продажи продуктов — узнать сколько стоит, как работает, характеристики товаров.
Виджет обратного звонка чаще используется для конверсии — для того, чтобы превратить посетителя в покупателя.
Благодаря удобным настройкам, вы можете показывать виджет согласно установленным критериям отображения, то есть ориентироваться на лояльных покупателей.
Например, если бизнес продает кофемашины, форма обратной связи может показываться лишь тем посетителям, которые просмотрели страницу с конкретной кофемашиной или глубина просмотра сайта была более 4 страниц. В настройках виджета можно даже выбрать такой критерий, как интенсивность движения мышкой по веб-странице.
Характеристики | Виджет обратного звонка | Click to call виджет |
Зачем нужно? |
как настроить и почему это важно — Ringostat Blog
Вспомните, каково звонить в компанию, если телефон на сайте указан без ссылки, как обычный текст. Выделяешь номер, копируешь, закрываешь браузер, открываешь меню для набора номера, вставляешь, звонишь. Такой процесс осилит не каждый. Особенно, если времени мало, а на сайте конкурента можно позвонить в один клик. Подобный недочет довольно легко исправить — просто воспользуйтесь нашей инструкцией.
Кликабельный номер или click-to-call номер — это телефон на сайте, при нажатии на который сразу происходит вызов. Эта опция предназначена специально для пользователей из мобайла. Позвонить можно и с десктопной версии, если на компьютере установлена программа для звонков.
«Если честно, мы не перестаем удивляться. Вроде бы 21 век, мобильный трафик постоянно растет, у многих уже есть адаптивные версии сайта. Но мы все равно сталкиваемся с проектами, у которых не настроен кликабельный номер телефона для мобайла. Люди просто не понимают, насколько важна эта функция. А ведь так бизнес теряет часть клиентов, даже не зная об этом».
— признается Евгений Заступ, руководитель техподдержки Ringostat.
Почему важно использовать кликабельные номера для мобильной версии сайта
- Человек, который открыл сайт со смартфона, не настроен долго выбирать и рассматривать товар. Это повышает вероятность, что он именно позвонит, а не напишет в чат или в соцсети.
- Поведение пользователя мобильного отличается от человека, сидящего за компьютером с полноценной клавиатурой. На небольшом экране неудобно выделять, вставлять и копировать символы. Велика вероятность, что пользователь пойдет искать другую компанию, которой легче позвонить. Тем более, что кликабельные номера уже не редкость, и многие к ним привыкли.
- 46% людей, у которых был негативный опыт с мобильной версией страницы, говорят, что больше ничего не купят у данной компании. А попытка звонка с сайта — это часть пользовательского опыта.
- 49% посетителей заходят в интернет с мобильных телефонов. В среднем жители планеты проводят 3 часа в сети, с помощью смартфона. И эти показатели будут расти — достаточно посмотреть на тенденции:
Если компания с сайтом без click-to-call номеров обратится в агентство за продвижением, то специалисты, скорей всего, порекомендуют устранить этот недочет. Ведь невозможно говорить о повышении конверсии, если потенциальным клиентам просто неудобно обращаться в компанию. Даже если они этого хотят.
Как проверить, можно ли позвонить с вашего сайта в один клик
Если вы заказывали сайт разработчику и не уверены, предусмотрел ли он кликабельные номера — это легко проверить. Откройте сайт с мобильного устройства и попытайтесь позвонить, нажав на номер.
Либо зайдите на сайт с компьютера и попробуйте кликнуть на номер. Если он в формате click-to-call, то появится окошко с предложением выбрать программу для совершения звонков:
Как сделать номер телефона на сайте кликабельным
Убедитесь, что у вас есть доступ к редактированию кода вашей площадки в конструкторе сайтов, напрямую в панели вебмастера или через FTP.
Откройте панель с кодом и найдите фрагмент кода, где указан номер телефона. Для этого нажмите Ctrl+F и в появившееся окошко поиска введите несколько цифр номера. Вот например, как это можно сделать:
Некликабельный номер может выглядеть так:<span>+38 (044) 123-45-67</span>
Или так:
<div class=”phone”>+38 (044) 123-45-67</div>
Если у номера на вашем сайте есть стиль для кода оператора и самого номера — т.е. шрифт, цвет, курсив, то в коде он может быть прописан так:<div><span class=”phone-small”>+38 (044)</span> 123-45-67</div>
Перейдите к номеру. Вам нужно будет добавить в коде три элемента:
- тег
<a>...</a>; - внутри него, вместо троеточия — атрибут
href=””, который отвечает за ссылку; - между кавычками атрибута вставьте параметр
tel:; - после двоеточия впишите номер в международном формате, со знаком плюс перед ним, без пробелов и тире.
Если номер прописан без стилей, то для примеров, приведенных выше, он в коде должен выглядеть так:
<span><a href=”tel:+380441234567”>+38 (044) 123-45-67</a></span>
Или так:<div><span class=”phone-small”><a href=”tel:+380441234567>+38 (044)</span> 123-45-67</a></div>
Как видим, номер телефона прописывается дважды. Первый раз, после атрибута href — это ссылка на номер. Второй телефон — это элемент, который отвечает за то, как номер отображается на сайте.
Если вы делаете кликабельным номер в шапке сайта, убедитесь, что не нарушили стили — шрифт и цвет номера телефона. В противном случае внешний вид телефона изменится, он станет синим и при наведении будет подчеркиваться, как стандартная ссылка.
Иногда в мобильной версии используют вариант, когда номер телефона не указывается, а вместо него пишется «Позвонить». Если вы хотите сделать так же, то в коде это будет выглядеть так:
<button><a href=”tel:+380441111111”>+Позвоните нам</a></button>
Если вы используете подмену номеров от Ringostat, то наш сервис подменяет и такие номера, сохраняя текст.
ВАЖНО: Если вы хотите подключить коллтрекинг, мы рекомендуем сначала сделать номера на сайте кликабельными. В противном случае, при подключении кода отслеживания будет сложней предусмотреть, чтобы стили не нарушились.
Зато при настройке коллтрекинга на сайт с кликабельными номерами все шрифты и форматирование сохраняются. Наш сервис автоматически подменяет имеющуюся ссылку и ее содержимое.
Если у вас возникли вопросы и сложности при настройке по инструкции — напишите в чат нашей техподдержке. Ребята подскажут ответы по возникшим вопросам и помогут с рекомендацией для вашего сайта.
Если вы нашли ошибку — выделите её и нажмите Ctrl + Enter или нажмите сюда.
Настройка виджета обратного звонка Zadarma
На странице «Настройки» — «Виджет обратного звонка» нажимаем кнопку «Создать widget».
1. Основные
- Отображаемое имя — любое значение. Его будете видеть только Вы в Вашем личном кабинете.
- Ваш номер — при вызове обратного звонка пользователем Вашего сайта наш сервис направит звонок на Ваш номер (это может быть номер телефона, SIP-логин, внутренний номер или сценарий облачной АТС). После ответа на данный звонок с Вашей стороны наш сервис направит параллельный звонок на номер, который пользователь указал на сайте, и соединит Вас в разговор.
- Настройки из SIP — SIP-номер или внутренний номер АТС, с которого будет использоваться CallerID для звонков с виджета, также этот логин будет отображаться в статистике звонков для их удобной сортировки.
Примечание: при выборе в поле «Ваш номер» SIP-логина или внутреннего номера АТС будет использоваться его CallerID, а данного поля не будет.
- Рабочие часы — Вы можете указать рабочие дни и время, в которое желаете получать звонки с виджета. В нерабочее время посетители Вашего сайта смогут оставить запрос на отложенный звонок. Информация о нем отправится на Ваш регистрационный email, а также зафиксируется в статистике виджета и в разделе «Отложенные звонки». При нажатии на ссылку «Перезвонить», звонок поступит по аналогичной схеме сначала на Ваш номер, а затем на номер клиента. Примечание: если все дни установить нерабочими, виджет соответственно работать не будет.
- Перенаправление на страницу, после успешного звонка — после запроса на обратный звонок клиенту будет предложено ответить «Мне позвонили» и «Звонка не было».
В первом случае Вы можете перенаправить клиента на нужную страницу сайта, например, в корзину или на страницу с отзывами.
Во втором случае клиенту будет предложено отправить запрос повторно, а в статистике виджета текущий звонок будет отмечен как «не прошел» (даже если звонок действительно был).
- Событие для аналитики, Событие при отложенном звонке — в данные поля вы можете указать событие для систем учета, например Google Analytics либо Яндекс Метрики. В них прописывается JavaScript код, который будет выполнен по нажатию на кнопку «Жду звонка». Пожалуйста, не пишите в это поле ничего кроме JavaScript кода, так как это приведет к ошибке при заказе звонка.
- Электронный адрес для уведомлений — email для уведомлений об отложенных звонках (вместо регистрационного по умолчанию).
- Размещать информацию о Zadarma с реферальной ссылкой — в окне виджета будет отображаться информация о нашем сайте с Вашей реферальной ссылкой. Подробно о партнерской программе.
- Лимит звонков с одного IP за полчаса — ограничение на количество запросов обратного звонка с одного IP адреса, во избежание спама с Вашего виджета и растраты средств.
Ограничение заказа звонков с одного номера клиента — второй звонок с того же номера клиента возможен через час, третий — через сутки.
- Черный список IP-адресов — Вы можете запретить заказывать обратные звонки с определенного IP адреса, например, если с него отправляются нецелевые запросы. Информация об IP адресе, с которого был сделан запрос на обратный звонок, фиксируется в статистике виджета.
2. Критерии отображения
Система Zadarma может определить нестандартное поведение посети
Виртуальная АТС
Для использования номеров вашей ВАТС в виджете обратного звонка от Битрикс24 вам достаточно подключить интеграцию с Битрикс24.
Благодаря виджету Кнопка обратного звонка на сайт вы сможете получать звонки от клиентов на номера вашей ВАТС, оставивших запрос на сайте.
Настройка кнопки обратного звонка осуществляется в вашем Битрикс 24. Зайдите в раздел CRM – Еще – Виджет на сайт.
Нажмите Создать виджет
Дайте ему название, например Заказ обратного звонка
В списке каналов найдите Обратный звонок Выберите в выпадающем меню Заказ обратного звонка, нажмите Настроить
В открывшемся окне щелкните выпадающий список Дополнительно
Мотайте вниз до раздела Обратный звонок. Справа в выпадающем списке выберите номер для заказа этого обратного звонка.
Нажмите Сохранить.
Выполните остальные настройки виджета в Битрикс24 и нажмите Сохранить. Заказы обратного звонка будут приходить ответственному, назначенному в Битрикс. Сотрудники будут звонить клиенту с выбранного в настройках виджета номера.
Настройки по созданию лидов, сделок и контактов, выбранные в параметрах виджета, будут приоритетнее настроек, выбранных в настройках интеграции вашей ВАТС с Битрикс24.
При заказе звонка на сайте, выбранному в настройках виджета сотруднику поступит звонок от CRM, после приема этого звонка, АТС позвонит клиенту, заказавшему звонок.
Все звонки, заказанные в виджете на сайте, будут отмечены специальным значком в истории ВАТС, чтобы вы могли отдельно отслеживать данные по ним.
При добавлении номеров в ВАТС или при их удалении рекомендуется вернуться в настройки интеграции в вашей ВАТС и обновить список актуальных номеров.
