Наверх

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

Содержание

 

 

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

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

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

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

1..gif

 

 

 

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

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

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

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

2.gif

 

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

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

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

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

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

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

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

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

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

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

 

 

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

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

 

 

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

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

 

 

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

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

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

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

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

5.gif

 

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

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

mceclip6.png

 

Произвольные блоки

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

Варианты блоков:

__________________.gif

Обратите внимание. Вы можете добавить по 3 блока каждого типа.

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

Информацию из полей вы сможете увидеть в Журнале звонков и лидов и в карточке клиента.

mceclip0.png

 

Внешний вид

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

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

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

Настройки произвольных блоков

Поле ввода

__________.gif

Важно! Редактирование  "Название блока" доступно только на десктопе в рабочем времени. 

 

______.png

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

  • Ориентацию раскрытия  (Например, если форма расположена вверху экрана, лучше раскрытие выпадающего списка настроить вниз.)
  • Элементы списка
    • Мин. количество элементов: 1
    • Макс. количество элементов: 10
  • При нажатии на "Добавить элемент" появляется поле ввода
    • Мин. значение: 1 символ
    • Макс. значение: 50 символов

Обратите внимание!

1. Настройка "Название блока" доступна только на десктопе в рабочем времени

2. Настройки формы нельзя сохранить, если не задано хотя бы одного элемента списка.

 

Добавление элементов выпадающего списка

Кнопка "Добавить элемент" открывает небольшое модальное окно с полем ввода. Максимальное количество элементов 10 шт. После того, как в поле ввели значение, его можно сохранить нажатием на Enter или при клике на кнопку "добавить". Элементы можно редактировать, удалять и менять местами. 

 Добавление, редактирование элементов доступно только на десктопе в рабочем времени

_______________.gif

 

Добавления блоков на мобильной версии и нерабочем времени

1. Добавленные на десктопе блоки  автоматически добавляются на мобильную версию.

2. На мобильной версии формы механизм добавления и удаления блоков недоступен! Но вы можете отключить их отображение на форме в "общих настройках" 

_________.png

3. На мобильной версии у Вас есть возможность  изменить только заголовки блоков и отступы

4.  В нерабочем времени десктопа можно  скорректировать только внешний вид блока (стиль блока название цвет заголовка/плейсхолдера, отступы).

 

 

Настройка "Обязательное поле "

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

Все заголовки обязательных полей помечаются "звездочкой", например, "Марка Вашего авто*".

Настройка есть в полях: Имя, Почта, Комментарий, Телефон и в произвольных блоках.

Обратите внимание,  в виджетах обратного звонка, Промо у поля Телефон чекбокс  по умолчанию установлен и заблокирован. 

Выделение ошибок

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

Цвет обводки - отвечает за обводку незаполненного поля, а также за цвет текста заголовка и в плейсхолдере.

Цвет заливки - отвечает за заливку незаполненного поля.

 

_________________.gif

 

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

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

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

mceclip0.png

Для каждого элемента вы можете настроить:

- Заголовок ( для варианта блока "Стандартный" и "без заголовка" есть возможность настроить начертание и размер текста, размер строки, цвет и непрозрачность текста )

- Поле ввода ( для варианта блока "Стандартный" и "без заголовка" есть возможность настроить начертание и размер текста, размер строки, цвет и непрозрачность текста )

- Отступы

7.gif

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

mceclip1.png

 

Выбор отдела

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

mceclip0.png

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

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

callback_departments_choise_ver1.png

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

callback_departments_choise_ver2.png

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

advice_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

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

Обратите внимание! По умолчанию, при создании виджета включено копирование настроек рабочего времени, при этом настройки для нерабочего времени недоступны.  Если вам необходимо настроить другой дизайн для нерабочего времени, необходимо выключить свитчер "Копировать настройки рабочего времени"  в настройках нерабочего времени и вносит изменения.

mceclip0.png

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

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

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

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

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

mceclip11.png

 

 

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

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

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

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

mceclip14.png

 

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

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

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

mceclip12.png

 

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

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

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

mceclip16.png

 

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

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

mceclip0.png