Наверх

Форма обратного звонка

Содержание

 

 

Модульная структура формы

Вся форма разбита на модули - блоки, которые можно включать и выключать через сайдбар настроек (общие настройки).

Редактируйте каждый модуль отдельно по клику на элемент в превью, выберите нужный модуль в выпадающем списке в заголовке или кликните на нужный блок в общих настройках «регулируемые блоки»

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

1..gif

 

 

 

Настройка модулей

Управляйте настройками блоков через сайдбар: выбирайте желаемые типы блоков, настраивайте размеры и цвета, загружайте иконки и иллюстрации.

Если Вас не устраивает стандартный текст в форме, Вы можете и его изменить на свой вкус. Чтобы верстка формы не исказилась, каждый блок текста имеет ограничение в количестве символов в нем - количество оставшихся свободных символов отображается в каждом блоке текста. При составлении текста старайтесь как можно яснее и короче излагать свое предложение перезвонить клиенту, чтобы максимально мотивировать его заказать звонок.

Позиционируйте блоки на форме с помощью отступов и выравнивания.

2.gif

 

Общие настройки формы

Тип обратного звонка

Мы предлагаем к использованию два варианта виджета обратного звонка:

  • Динамический обратный звонок
  • Статический обратный звонок

Динамический обратный звонок основан на использовании статистики, собираемой сервисом Calltouch. Уникальный алгоритм Calltouch позволяет учитывать время между переходами пользователей на сайт и их звонки по каждому отслеживаемому источнику. Основываясь на этих данных, виджета обратного звонка отображается только тем пользователям, которые скорее всего не совершат обращение будь то звонок или заявка, и наоборот не раздражает тех пользователей, которые и так станут Вашими клиентами, совершив какое-либо обращение.

Статический же обратный звонок позволяет самостоятельно указать время, через которое будет показана форма обратного звонка (по умолчанию 25 сек).

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

Доступны следующие опции:

  • Показ формы один раз за сессию 
mceclip1.png

В этом случае автоматический показ формы происходит один раз за сессию согласно таймеру, который вы установите. 
Интервал, доступный для установки таймера — от 7 до 3000 секунд.

 

 

  • Периодический показ формы за сессию
mceclip3.png

При выборе этой опции форма для заказа обратного звонка будет показываться с заданной периодичностью. При этом форма продолжит появляться через выбранный промежуток времени, даже если пользователь ее закрыл, пока он не оставит заявку или не уйдет с сайта. Поэтому мы не рекомендовали бы злоупотреблять этой настройкой и ставить интервал для таймера менее 40 секунд, чтобы не затруднять взаимодействие пользователя с вашим сайтом.
Интервал, доступный для установки таймера — от 7 до 3000 секунд.

 

 

  • Отключение автоматического показа формы 
mceclip5.png

Эта опция отключает автоматический показ и вызов формы осуществляется только через нажатие кнопки обратного звонка самим пользователем.

 

 

Регулируемые блоки

Вы можете выбрать блоки, которые хотите, чтобы отображались в виджете, а также перейти к их редактированию.

Для активации некоторых, требуется выполнение определенных условий:

  • Выбор отдела - создать отделы, на соответствующей вкладке 
  • Картинка - перейти в настройки блока и загрузить картинку
  • Таймер акции- настроить блок "картинка" 

Обратите внимание, с помощью блоков Картинка и Таймер акции (в случае Обратного звонка) виджет трансформируется в Промо.

5.gif

 

Минимальный набор блоков:

  • Телефон
  • Кнопка вызова
  • Кнопка закрытия

 

 

mceclip6.png
 

Внешний вид

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

Также вы можете: 

  • задать высоту и ширину формы. При активации настройки «АВТО», высота будет автоматически меняться в зависимости от выбранных блоков, отступов и ширины формы.
  • скруглить углы формы и элементов на ней
  • загрузить фоновую картинку, чтобы придать форме внешний вид, схожий с дизайном Вашего сайта (Вес до 600кб, JPEG, JPG, PNG, GIF)
  • настроить цвет фона и обводки
  • задать отступы

 

Имя, почта, комментарий

Вы можете добавить дополнительные поля в виджет. 

Обратите внимание,  если вы меняли размер виджета на вкладке "Внешний вид" вручную и настройка "АВТО" не активирована, то произойдет сдвиг содержимого вниз. Необходимо изменить высоту формы повторно.

mceclip0.png

 

Информацию из полей виджета "имя", "почта", "комментарий" можно будет увидеть в Журнале звонков, кликнув на звонок и перейдя во вкладку "Клиент".

mceclip2.png

 

Выбор отдела

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

mceclip0.png

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

Добавив отделы, при заказе обратного звонка выбор отдела станет доступным, но будет необязательным - по умолчанию будет выбран первый отдел в списке:

callback_departments_choise_ver1.png

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

callback_departments_choise_ver2.png

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

advice_ver2.png Опция обязательного выбора отдела может быть полезна, если Вам нужно строго разделить статистику по звонкам в разные отделы, филиалы, города и т.д..

advice_ver2.pngПо умолчанию, отделы будут отображаться в форме рабочего и нерабочего времени. Показ отделов в нерабочее время вы можете отключить на вкладке "Отделы", убрав чекбокс "Показывать отдел в нерабочее время".

advice_ver2.pngВы можете настраивать направление раскрытия выпадающего списка. Например, если форма расположена вверху экрана, лучше раскрытие выпадающего списка настроить вниз. 

Согласие и копирайт

В поле «текст согласия» необходимо помимо основного текста указать ссылку на описание политики Вашей компании в отношении обработки персональных данных. Чтобы часть фразы стала гиперссылкой, необходимо перед ее началом поставить символ "<", в конце фразы через разделитель "|" добавить URL-адрес, на который должна вести ссылка, и закрыть фразу символом ">".

Например,

Вы даете согласие на <обработку персональных данных|http://calltouch.ru>
mceclip7.png
 

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

Иллюстрация, задний план

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

А также для привлечения внимания посетителя сайта на самой форме виджета может отображаться один из образов:

  • мужской
  • женский
  • ночной
mceclip9.png
 

3.gif

 

Настройка внешнего вида виджета в рабочее и нерабочее время

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

mceclip10.png

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

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

Настройка внешнего вида десктоп и мобильной версий виджета

Виджет обратного звонка Calltouch автоматически адаптируется под устройство посетителя сайта. Если посетитель сайта заходит на Ваш сайт с:

  • Компьютер, ноутбук, планшет, смарт ТВ- отображается десктоп версия виджета
  • Смартфон- отображается мобильная версия виджета

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

mceclip11.png

 

 

Примеры виджетов

Горизонтальный виджет

Измените размер формы и добавьте подходящую иллюстрацию на фон.

Управляйте расположением контента, настраивая отступы внутри каждого блока.

mceclip14.png

 

Вертикальный виджет

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

Измените иконку на кнопке и настройте цвета элементов в соответствии с фирменным стилем компании.

mceclip12.png

 

Красочный виджет с картинкой

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

Настройте отступы блоков, чтобы они поместились в рамки фона и выберите цвета элементов в соответствии с фирменным стилем.

mceclip16.png

 

Минималистичный виджет

Выберите минимальный набор модулей - это Телефон, Кнопка вызова и Кнопка закрытия, добавив к этому набору Логотип и Задний план.

mceclip0.png