Наверх
Подписаться

Кнопка обратного звонка

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

  • кнопка обратного звонка
  • всплывающий диалог 
  • таймер 
  • заявка принята

Кнопка 

Для декстопа есть два варианта кнопки обратного:

  • стандартная кнопка
  • кнопка-закладка

Стандартная кнопка

mceclip0.png

Десктоп

mceclip0.png

Радиус скругления

  • пиктограмма квадрата - 0
  • пиктограмма скругленного квадрата - 16
  • пиктограмма круга - 32

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

 

Мобильные

mceclip1.png

Радиус скругления

  • пиктограмма квадрата - 0
  • пиктограмма скругленного квадрата - 16
  • пиктограмма круга - 32

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

Цвет кнопки

Настраивается общий дизайн для кнопки - сплошная заливка или градиент: 

mceclip2.pngmceclip1.png

Цвет можно выбрать из палитры или скопировать/вставить HEX кодировку.
Можно менять прозрачность фона внутри кнопки для использовани в креативном дизайне.

Иконка

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

mceclip2.png

mceclip3.pngmceclip4.pngmceclip5.pngmceclip6.png

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

mceclip7.png

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

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

mceclip8.png

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

Всплывающий таймер

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

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

mceclip9.png

mceclip10.png

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

 

Всплывающий диалог

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

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

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

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

mceclip11.pngmceclip12.png

 

Заявка принята

Элемент подтверждения того, что заявка на обратный звонок принята. 

mceclip13.png

mceclip14.png

Кнопка-закладка

mceclip15.png

Десктоп

mceclip16.png

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

Радиус скругления

  • пиктограмма квадрата - 0
  • пиктограмма скругленного квадрата - 16
  • пиктограмма круга - 32

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

Мобильные

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

mceclip17.png

 

Цвет кнопки

Настраивается общий дизайн для кнопки - сплошная заливка или градиент: 

mceclip2.pngmceclip1.png

Иконка и текст

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

mceclip18.png

Настройки анимации, всплывающего диалога, таймера и заявки аналогичны стандартной кнопке. 

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 0 из 1
Еще есть вопросы? Отправить запрос

0 Комментарии

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