Кнопка обратного звонка
Содержание
В рамках новой версии виджета мы сделали редизайн кнопки обратного звонка и всплывающих элементов. Теперь эти элементы настраиваются на отдельном табе Кнопка:
- кнопка обратного звонка
- всплывающий диалог
- таймер
- заявка принята
Кнопка
Для декстопа есть два варианта кнопки обратного:
- стандартная кнопка
- кнопка-закладка
Стандартная кнопка
Десктоп
Расположение на экране
Вы можете выбрать расположение на экране из 4х позиций.
И также редактировать отступы от краев двигая ползунок или задав расстояние вручную.
Радиус скругления
- пиктограмма квадрата - 0
- пиктограмма скругленного квадрата - 16
- пиктограмма круга - 32
С помощью радиуса скругления вы сможете сделать кнопку квадратной (значение 0).
Мобильные
Расположение на экране
Вы можете выбрать расположение на экране из 5 позиций.
И также редактировать отступы от краев двигая ползунок или задав расстояние вручную.
Радиус скругления
- пиктограмма квадрата - 0
- пиктограмма скругленного квадрата - 16
- пиктограмма круга - 32
С помощью радиуса скругления вы сможете сделать кнопку квадратной (значение 0).
Цвет кнопки
Настраивается общий дизайн для кнопки - сплошная заливка или градиент:
Цвет можно выбрать из палитры или скопировать/вставить HEX кодировку.
Можно менять прозрачность фона внутри кнопки для использования в креативном дизайне.
Иконка
Появился отдельный блок, в котором можно выбрать разные иконки для кнопки, загрузить свою собственную или использовать текст.
Можно изменить размер иконки внутри кнопки, а так же отрегулировать эти настройки в зависимости от устройства:
Обратите внимание! Если вы хотите, что бы кнопка и иконка совсем не отображались на сайте, то необходимо:
1. В настройках отключить всплывающие диалог и таймер.
2. Установить бегунок непрозрачности фона на 0, выбрать текст вместо иконки.
.
Анимация кнопки
Добавили возможность задавать отдельные стили анимации для декстопа и мобильных, а так же увеличили количество вариантов, доступных для выбора анимации:
Для выбранной анимации можно выбрать интервал, через который будет повторяться действие.
При значении 0 анимация становится непрерывной.
Всплывающий таймер
После уведомления о заказанном звонке (Ваша заявка принята), Вы можете показать пользователю всплывающий таймер (только в рабочее время, на десктопе). В таймере будет идти отсчет заранее настроенного Вами количества секунд, в течении которых Вы гарантируете клиенту, что ему на телефон поступит заказанный им обратный звонок. После включения таймера, он будет автоматически отображаться после заказа обратного звонка вместо
Можно указать текст в заголовке, теле таймера и задать время, в течение которого таймер закроется.
Обратите внимание!
- Указание количества секунд в настройках таймера никак не влияет на длительность соединения оператора и клиента, и вообще никак не управляет соединением обратного звонка - это лишь расчетное теоретическое время, в течении которого Вы гарантируете клиенту, что ему на телефон поступит заказанный им обратный звонок.
- Таймер можно настроить только для одиночной кнопки. Если виджет добавлен в мультикнопку, то таймер отображаться не будет.
Всплывающий диалог
Всплывающий диалог - это инструмент дополнительной мотивации для заказа обратного звонка.
Диалог может всплывать автоматически, согласно заданным настройкам, или вручную, при наведении мышкой на иконку обратного звонка.
Например, показать диалог через 45 секунд после перехода посетителя на сайт. Если посетитель проигнорирует всплывающий диалог, он автоматически исчезнет через так же заранее настроенное количество секунд (по умолчанию 5 сек).
Обратите внимание!
- В рамках одной сессии посетителя на сайте, всплывающий диалог всплывет автоматически только 1 раз, если до этого он уже не был открыт вручную пользователем. Вручную же всплывающий диалог может быть неоднократно открыт посетителем в любое время - достаточно навести курсором на кнопку обратного звонка.
- Всплывающий диалог отображается только на десктоп устройствах. По умолчанию он включен для версии виджета в рабочее время. При клике на кнопку в диалоге "Оставьте телефон" (текст можно изменить, откроется основная форма виджета
- Диалог можно настроить только для одиночной кнопки. Если виджет добавлен в мультикнопку, то диалог отображаться не будет.
Заявка принята
Элемент подтверждения того, что заявка на обратный звонок принята.
Кнопка-закладка
Десктоп
Длина кнопки декстопа может быть уменьшена или увеличена, в зависимости от длины текста.
Радиус скругления
- пиктограмма квадрата - 0
- пиктограмма скругленного квадрата - 16
- пиктограмма круга - 32
С помощью радиуса скругления вы сможете сделать кнопку прямоугольной (значение 0).
Мобильные
Настройки кнопки-закладки для мобильных устройств остаются такими же, как для стандартной кнопки.
Цвет кнопки
Настраивается общий дизайн для кнопки - сплошная заливка или градиент:
Иконка и текст
Так же, как и у стандартной кнопки, доступна возможность выбора шаблона иконки, загрузка собственной и поле для текста.
Настройки анимации, всплывающего диалога, таймера и заявки аналогичны стандартной кнопке.
