Виджет обратного звонка Novofon
Виджет обратного звонка — это элемент на сайте, который позволяет посетителям мгновенно заказать звонок от вашей компании. Это значительно улучшает взаимодействие с клиентами и помогает быстро ответить на их вопросы, повышая общую конверсию сайта.
Как это работает. Система автоматически замечает, что человек ходит по страницам, не совершая целевое действие (например, покупку). Допускаем мысль о том, что пользователь в чем-то не разобрался и ему нужна помощь. Сразу же выводим виджет с предложением помощи и возможностью связаться с оператором. Для этого пользователю необходимо всего лишь указать номер телефона.
Если человеку как раз нужна помощь — он получит ее от оператора и, если ему подходят условия, совершит покупку. Так мы не теряем лида, которому нужно чуть больше внимания, чтобы принять решение о покупке.
Примерно в 75% случаев после такого телефонного разговора посетитель становится клиентом. Более того, этот виджет в целом повышает конверсию, позволяет помочь разобраться в вашем продукте и сокращает процент отказов.
Что нового в настройках виджетов?
Теперь настройки стали проще, а внешний вид виджета можно менять на любой вкус и цвет. Вы можете вставлять свои картинки и логотипы, а также выбирать различные шаблоны виджетов.
Код для коллтрекинга и виджетов единый и не требует изменений после каждой настройки — установите его на сайт один раз и забудьте о дополнительных правках.
А также теперь в виджет можно добавлять не только номер для обратного звонка, но и поле для ввода email.
Как настроить виджет обратного звонка
Шаг 1. Добавить сайт
Перейдите в раздел «Сайты» (Виджеты на сайте → Настройки → Сайты) и добавьте ваш сайт. Если вы ранее настраивали коллтрекинг, этот шаг пропустите, так как код один и тот же.
Шаг 2. Добавить виджеты
Перейдите в раздел «Виджеты» (Виджеты на сайте → Виджеты) и нажмите на кнопку «+». У вас будет создан набор виджетов по умолчанию:
- Мобильный виджет и Мобильная кнопка для мобильной версии сайта.
- Мини-виджет и Кнопка для сайта для десктопной версии сайта.
![](/image-assets/instructions/2024/08/29/01j6ejy5k1dsd6a3j560pmtmnc.png)
Базовый набор виджетов
Последовательность виджетов в созданном пакете никак не влияет на логику их показа на сайте. Вы можете менять последовательность шаблонов для удобства, вынося вперед шаблоны, с которыми работаете чаще всего.
Чтобы добавить другие виджеты, нажмите на «+Добавить виджет» и выберите шаблон из доступного списка.
Доступные шаблоны виджетов
- Кнопка для сайта — одна или несколько кнопок в ряд, по клику открывается следующий виджет или совершается переход по ссылке.
![](/image-assets/instructions/2024/08/29/01j6ek11bb8wg2wc05m5r9272g.png)
- Мини-виджет — компактный виджет с минимумом полей.
![](/image-assets/instructions/2024/08/29/01j6ek4z11b73e8z2821s7t7m1.png)
- Конструктор (десктоп) — виджет с гибкими настройками, где вы можете создать форму с нуля, доступно только для показов на ПК.
![](/image-assets/instructions/2024/08/29/01j6ek5z84hhrb6bd5z43r6ns8.png)
- Медиа-виджет — форма с крупным изображением.
![](/image-assets/instructions/2024/08/29/01j6ek70n53f2361nyv9zvbr06.png)
- Стандартная форма — без картинок, с черным или белым фоном.
![](/image-assets/instructions/2024/08/29/01j6ek8cx2trde9wdchkem292d.png)
- Форма с картинкой по центру — горизонтальный виджет с акцентом на картинку и полями для ввода на прозрачном фоне.
![](/image-assets/instructions/2024/08/29/01j6ekd2451313xw8h9k4pf00v.png)
- Форма с картинкой сбоку — горизонтальный виджет с картинкой слева или справа.
![](/image-assets/instructions/2024/08/29/01j6ekfr1k862aj6f9hef3raak.png)
- Мобильная кнопка — небольшая кнопка без текста, заметная, но не отвлекающая от основного контента на экране мобильного.
![](/image-assets/instructions/2024/08/29/01j6ekgmqae55mfjhw0d7f9jsx.png)
- Мобильная форма — можно выбрать несколько кнопок, настроить подпись и действие по клику.
![](/image-assets/instructions/2024/08/29/01j6ekhzy35kv4jxk6xs62tyjq.png)
- Мобильный лидогенератор — вертикальная форма с картинкой, можно добавить несколько кнопок внутри.
![](/image-assets/instructions/2024/08/29/01j6ekjse4b8p1fhn2s0kr4mf9.png)
Первый блок в цепочке виджетов всегда показывает, для какого сайта предназначен этот виджет, и статус всего виджета (вкл / выкл). Следующие блоки в этой цепочке — это другие шаблоны этого же виджета.
Внешний вид шаблона
В каждом шаблоне можно видеть окошко, где отображается, как виджет будет выглядеть на сайте. Нажав на «три точки» в правом верхнем углу, можно перейти в редактирование внешнего вида шаблона, копировать его, удалить или включить/отключить. Под миниатюрой вы можете видеть блок настроек условий показа виджета и приема звонков.
![](/image-assets/instructions/2024/08/29/01j6ekm0srdh58cfnd4wygdg4q.png)
После того, как вы выбрали нужный шаблон, можете приступать к дальнейшей настройке.
Шаг 3. Настроить внешний вид виджетов
Вы можете менять внешний вид виджетов по вашему усмотрению. Нажмите на три точки в правом верхнем углу виджета и выберите «Редактировать».
![](/image-assets/instructions/2024/08/29/01j6ekn3kzpec71g000sqtb98p.png)
Вам откроется визуальный редактор с наглядным интерфейсом. В зависимости от типа виджета, вы можете настроить под себя:
- настроить фоновый цвет виджета и его прозрачность;
- выбрать цвет кнопок и радиус их скругления;
- создать свою кнопку в дополнение к предустановленной,
- загрузить свое изображение и логотип, выбрать их расположение внутри виджета,
- добавить и отредактировать поля для ввода (например, номер телефона и email);
- добавить и настроить вид чекбокса с согласием на обработку данных.
![](/image-assets/instructions/2024/08/29/01j6eknr2jzbebgc146w579f1c.png)
Каждое внесенное изменение отразится на примере виджета справа от формы с настройками.
Шаг 4. Настроить условия показа и триггеры
В основной форме настроек виджета вы сможете задать условия его показа.
Время показа виджета — настройте показ виджета всегда или по определенному графику.
Кому показывать — настройте показ виджета всем посетителям или отдельным сегментам. Добавить сегмент вы можете, нажав на +Добавить сегмент или в разделе Сегменты (Виджеты на сайте → Настройки → Сегменты). Подробнее о настройке сегмента вы можете прочитать здесь.
События, запускающие виджет — триггеры, по которым система будет автоматически показывать виджет:
- сразу — виджет появляется при заходе на сайт;
- по кнопке — виджет появляется при нажатии на кнопку;
- по уходу — виджет появляется, когда курсор выносится за пределы окна;
- время в сегменте — виджет появляется после определенного времени, которое посетитель провел на сайте;
- клик на элементе — виджет появляется при клике на определенный элемент страницы, для этого нужно вставить селектор этого элемента.
- JS API — по клику на любой элемент на вашем сайте, куда встроена команда для JS API Novofon.
Способ обработки звонка — определите сценарий, по которому нужно направить звонок, когда посетитель оставит свой запрос в виджете. В рамках настроек можно сделать следующее:
- выбрать, куда должен поступать вызов: выберите виртуальный номер или сценарий обработки звонка;
- задать график работы этого сценария;
- выбрать, кому первому пойдет вызов: оператору или посетителю;
- указать, какой номер увидит посетитель при звонке;
- указать, какой номер увидит оператор (внимание: теперь можно скрыть номер звонящего от сотрудников);
- задать голосовое сообщение перед соединением для оператора и/или посетителя;
- воспользоваться опцией «Повторные звонки» (если первый звонок не был успешен, подключится серия повторных звонков);
- использовать сценарий в JS API — нужно включить эту опцию, если ранее в поле Событие вы выбрали опцию JS API.
Отредактировать или удалить сценарий в дальнейшем можно в разделе Сценарии обратного звонка (Виджеты на сайте → Настройки → Сценарий обратного звонка).
Изменить условия показа — эта опция нужна, если нужно отрегулировать отображение виджета на определенных разделах сайта. Например, показывать определенный виджет только на определенной странице, либо наоборот не показывать виджет на выбранных страницах.
Как создать триггерную цепочку из виджетов
Триггерная цепочка позволяет показывать посетителям несколько виджетов поочередно, в зависимости от их поведения на сайте. Если клиент не оставил заявку в первом виджете и попадает под условия показа второго, то мы показываем второй виджет в цепочке и так далее, пока клиент не оставит заявку или не закончится цепочка.
Пример триггерной цепочки:
- Виджет обратного звонка появляется на сайте, но клиент не оставляет заявку.
- Через некоторое время показывается следующий виджет по триггерной цепочке с другим содержанием, например: «Оставьте заявку сейчас и получите скидку».
- Если посетитель не совершил целевое действие, ему будут показываться оставшиеся виджеты по триггеру. Допустим, если он повторно зашел на сайт, можно предложить ему консультацию.
Настройка триггерной цепочки может быть основана на времени, проведенном на сайте, сегменте пользователей или при повторном заходе на сайт.
Как настроить цепочку:
- Чтобы добавить следующий виджет в цепочке, нажмите на «Добавить триггерную цепочку» под виджетом, который будет первым в последовательности показа.
- Настройте внешний вид виджета и логику показа так же, как предыдущих шагах.
- Аналогичной кнопкой вы можете добавлять следующие виджеты.
При необходимости вы можете временно отключить триггерную цепочку, не удаляя ее. Для этого нажмите переключатель рядом с надписью «Триггерная цепочка» под первым виджетом в цепочке.
Статистика и аналитика
Вы можете следить за статистикой по виджету в разделе Аналитика рекламы → Сырые данные → Обращения и цели.
Дополнительные опции в настройках виджетов
Ниже приводим дополнительные возможности для более тонкой настройки виджетов под ваши бизнес-цели.
Как добавить сегменты виджетов
Добавить сегмент вы можете, нажав на +Добавить сегмент в настройках условий показа виджета или в разделе «Сегменты» (Виджеты на сайте → Настройки → Сегменты).
Первым шагом в добавлении сегмента нужно выбрать шаблон. Рассмотрим, что означает каждый шаблон и как он влияет на настройку сегмента:
Настроить сегмент без заранее определенных шаблонов. В этом случае вы сможете самостоятельно создать сегмент, выбрав параметры из доступных параметров о посетителе сайта и создав свои условия.
![](/image-assets/instructions/2024/08/29/01j6ekwcq7ys8x208wm1x4xkvp.jpg)
Посетители из определенного города. Этот шаблон позволяет создать сегмент посетителей из определенного города. Просто укажите название города в поле «Введите значение» у «Группы условий 1». Для этого выставьте настройки как отображено на скриншоте «Включить» → «Город» → «Точно соответствует» → «Введите значение».
Для корректной фиксации сегмента добавьте условие в «Группу условий 2», которое будет отражать длительность посещения сайта больше 1 секунды.
![](/image-assets/instructions/2024/08/29/01j6ekygz4dmcb7t2scv07chxc.jpg)
Посетители по конкретному поисковому запросу. Этот шаблон предварительно настроен для создания сегмента по поисковому запросу. Введите нужный поисковый запрос или другие параметры источника, например, канал или utm-метки в поле «Введите значение» в «Группу условий 1». Настройка будет выглядеть следующим образом: «Включить» → «Город» → «Точно соответствует» → «Введите значение».
Аналогично предыдущему пункту, для корректной фиксации сегмента добавьте условие в «Группу условий 2», которое будет отражать длительность посещения сайта больше 1 секунды.
![](/image-assets/instructions/2024/08/29/01j6ekx9qpvsn3cfdpyd2fr5p4.jpg)
Посещение страницы. Этот шаблон настроен для создания сегмента по признаку посещения определенной страницы. Введите адрес страницы в поле «Введите значение» в «Группу условий 1». Настройка будет выглядеть следующим образом: «Включить» → «Страница» → «Включает» → «Введите значение».
Аналогично предыдущему пункту, для корректной фиксации сегмента добавьте условие в «Группу условий 2», которое будет отражать длительность посещения сайта больше 1 секунды.
![](/image-assets/instructions/2024/08/29/01j6eky7spvqjzayf4cn1n9ysp.jpg)
После того, как вы заполнили настройки сегмента, нажмите «Сохранить сегмент». Он автоматически появится в списке доступных сегментов, и вы сможете продолжить настройку других условий или нажать «Сохранить».
Как блокировать звонки с определенных номеров и блокировать по IP-адресу
В разделе «Блокировка звонков» (Виджеты на сайте → Настройки → Блокировка звонков) вы можете добавить номер в черный список, чтобы не получать нежелательные звонки.
Для этого введите номер в поле «Добавление номера» и нажмите кнопку «В черный список» или загрузите список номеров из файла csv.
Номер нужно добавлять через 7. Раздел соотносится с тем, что вы указали в «Черном списке» (Телефония → Настройки → Черный список). Звонки с указанных номеров будут блокироваться по отношению ко всему аккаунту, а не только в рамках виджета обратного звонка.
![](/image-assets/instructions/2024/08/29/01j6em32jqqhf240drn1zaczs1.png)
В разделе «Блокировка по IP» (Виджеты на сайте → Настройки → Блокировка по IP) вы можете добавить IP-адрес посетителей, которым не нужно показывать виджет.
![](/image-assets/instructions/2024/08/29/01j6em3ycy699mj1dahs7k9vms.png)
Следуя этой инструкции, вы сможете легко настроить виджет обратного звонка Novofon и эффективно использовать его для повышения конверсии на вашем сайте.