Форма виджета

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

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

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

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

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

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

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

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

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

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

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

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

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

Пресет

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

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

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

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

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

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

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

Копирование настроек полей ввода в другие поля 

Во всех полях ввода и выпадающих списках присутствует кнопка "Применить настройки ко всем полям" .

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

• вариант блока (стандартный, комбинированный, без заголовка);
• цветовая гамма (для комбинированного стиля);
• настройки заголовок/плейсхолдера:
• Размер
• Начертание
• Строка
• Цвет шрифта + Непрозрачность
• Отступы справа-слева
• Высота поля
• Выравнивание в блоке
• Отступы

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

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

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

• выпадающий список;
• поле ввода.

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

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

Внешний вид

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

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

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

Загрузка шрифтов

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

Поле ввода



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


Выпадающий список



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

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

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

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

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

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

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

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



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

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

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



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

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

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

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




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

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


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

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

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

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

 



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

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

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




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

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

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

- Отступы



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



Выбор отдела

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

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


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



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

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

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

Например,

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

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

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

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

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

Вы можете загрузить свою картинку, тем самым добавить дополнительный 3D- эффект в форме. Файл должен быть векторный в формате SVG.

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

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

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

Копирование настроек десктопа

При клике копируются следующие параметры:

• Порядок блоков, которые доступны к перемещению в обоих видах. Например, если в десктопе настроен порядок: Подзаголовок, Имя, Почта, Телефон, то при клике на копирование поля на мобильной версии выстроятся в таком же порядке.
• Состояние блоков (включен или выключен).
• Тексты блоков Заголовок/подзаголовок/кнопка вызова, а также тексты Заголовка и плейсхолдера полей ввода и выпадающих списков.
• Загруженный шрифт.
• Цвет и непрозрачность фона/кнопки/иконки/текста/ссылок/промокода/фона секторов/обводки.
• Стиль иконки на кнопке (при выборе "Загрузить иконку", копируется загруженная иконка).
• Чекбоксы согласия и копирайта.
• Вид и цвет кнопки закрытия.

После копирования вы увидите уведомление и сможете отменить все изменения.

Дополнительная картинка

Вы можете загрузить дополнительную картинку сверху. Необходимо включить блок "Картинка" видно на скриншоте выше. Далее загрузить картинку.

• Загружать можно картинки нескольких типов: JPEG, JPG, PNG, GIF
• Размер до 600 кб

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

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

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

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

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

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

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

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

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

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

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