Кнопка виджета

Кнопка состоит из блоков, которые можно включать и выключать через сайдбар настроек (общие настройки).

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

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

Тип кнопки

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

• Стандартная кнопка;
• Кнопка-закладка (на мобильной версии "кнопка во всю ширину").

Внешний вид

Вы можете:

• настроить общий дизайн для кнопки — сплошная заливка или градиент;
• менять прозрачность фона внутри кнопки для использования в креативном дизайне;
• изменить расположение кнопки при появлении, сместив её в любой из углов экрана. (исключение "кнопка во всю ширину" на мобильной версии, для неё можно настроить отступы снизу и одинаковые справа, слева);
• выбрать цвет иконки и текста.

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

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

• кнопка;
• всплывающий таймер (данного блока нет в мобильной версии);
• всплывающий диалог;
• подтверждение заявки (блок отключить нельзя).

Шрифты

Можно загрузить шрифт, который может быть применен ко всем блокам или несколько шрифтов. Далее в каждом отдельном блоке при настройке вы можете выбрать стандартный или один из загруженных шрифтов. Поддерживаемые форматы .woff2, .woff, .ttf.  Если помимо десктопа, загрузили отдельный шрифт на мобильную форму, то на обоих видах будет свой пользовательский шрифт.
Подробнее о загрузке шрифтов вы можете увидеть в статье "Форма виджета".

Иконка

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

Можно изменить размер иконки внутри кнопки, а так же отрегулировать эти настройки в зависимости от устройства.

Анимация кнопки

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

Вы можете настроить 2 вида анимации:

• при наведении (доступна только для десктопа);
• в покое.

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

Можно указать текст в заголовке, теле таймера и задать время, в течение которого таймер закроется. 

Всплывающий диалог — это инструмент дополнительной мотивации для заполнения формы.

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

Например, показать диалог через 45 секунд после перехода посетителя на сайт. Если посетитель проигнорирует всплывающий диалог, он автоматически исчезнет через так же заранее настроенное количество секунд (по умолчанию 5 сек).

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

В настройках мобильной версии, в общих настройках, добавлена кнопка "Скопировать настройки с десктопа", которая копирует:

• Цвет кнопки;
• Стиль иконки;
• Тексты заголовка/подзаголовка подтверждения заявки;
• Состояние чекбокса "Текст вместо иконки";
• Тексты заголовка и подзаголовка для всплывающего диалога.