Читать 9

Промо-ссылка (new)


О виджете

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

Расположение

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

Таб "Настройки"

mceclip0.png

Доступен следующий функционал для настройки: 

  • Название виджета

  • График показа виджета
    Графиком показа виджета можно регулировать показ самой кнопки — если клетка неактивна (серая), то кнопка не будет отображаться.

  • URL адреса
    Здесь необходимо заполнить URL адрес по умолчанию, а также можно добавить другие URL.
    Название: название из произвольных символов, максимум 50.
    Блок "URL Адрес": сохраняет введенный URL. Ограничение 1024 символа.
    Кнопка сохранить будет заблокирована, пока вы не введете название и адрес.

Таб "Кнопка"

Десктоп

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

Ниже представлены описания настроек из правой части экрана:

Название    Описание   
Кнопка   

1. Название кнопки

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

Для основной кнопки по умолчанию отображается название: Промо-ссылка.
2. Расположение на экране
  • снизу слева;
  • снизу справа (по умолчанию).
3. Размер
  • S (44px);
  • M (64px) (по умолчанию);
  • L (80px);
  • XL (100px).
Вы можете задать размер с помощью слайдера — вручную в пределах допустимого диапазона. Либо выбрать один из предустановленных вариантов: S, M, L, XL.
4. Радиус скругления

Шкала от min - 0 до max (зависит от размера кнопки):

  • S — max 22px;
  • M — max 32px;
  • L — max 40px;
  • XL — max 50px.
По умолчанию задается максимальное значение скругления, в зависимости от размера кнопки.
5. Отступ между кнопками

Регулирует отступ между кнопками и отдельной плашкой, при ее наличии:

  • min = 1 px;
  • max = 24 px.
По умолчанию значение = 8 px.
Цвет кнопки   

В данном пункте настраивается цвет кнопки.

При включении чекбокса "Использовать градиент" добавляются настройки:

Укажите два основных цвета, и Calltouch автоматически сформирует градиентную палитру для промо-ссылки. Это создаст плавный переход между цветами — для более выразительного визуального эффекта.

Если выбранные цвета слишком контрастны и могут затруднить восприятие текста или иконок, система уведомит вас об этом.
Иконка   

В этом блоке Вы можете помимо цвета и размера иконок задать стиль иконки:

  • Сплошная (по умолчанию);
  • Контурная;
  • Сплошная с обводкой;
  • Загрузить иконку.
Если выбранные цвета слишком контрастны и могут затруднить восприятие текста или иконок, система уведомит вас об этом.
Текст на кнопке   

Стиль плашек с текстом:
  • Отдельная плашка при наведении;
  • Не использовать текст (по умолчанию);
  • На увеличенной плашке при наведении;
  • Показывать текст всегда.
В этом пункте вы также можете настроить:
  • Шрифт;
  • Размер;
  • Цвет текста;
  • Непрозрачность;
  • Отступ от кнопки.
Эффект при наведении   

Для настройки доступны следующие варианты:

  • Без эффекта (по умолчанию);
  • Тень;
  • Увеличение;
  • Выцветание.
Анимация покоя   

В данном пункте настраивается анимация покоя кнопки. Доступные варианты:

  • Без анимации;
  • Волны;
  • Пульсация;
  • Увеличение;
  • Колебание;
  • Тряска;
  • Желе;
  • Вращение иконки;
  • Вращение + волна.
Автоматическое раскрытие кнопки   

Автоматическое раскрытие мультикнопки регулируется чекбоксом.

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

Блок редактирования настроек вложенной кнопки

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

  • через общий сайдбар,

  • при клике на соответствующую кнопку в области превью.

Название кнопки доступно к редактированию, по умолчанию значение наследуем из табы: "Настройки" / URL адреса / Название.

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

Мобильные устройства

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

  • iPhone 13 mini (375 x 812);

  • iPhone 14 (390 x 844);

  • iPhone 15 / iPhone 15 Pro / iPhone 14 Pro (393 х 852);

  • iPhone 15 Pro Max / iPhone 14 Pro Max (430 x 932).

Также можно выбрать масштаб: 0,75х или 1,0х.

Ниже представлены описания настроек из правой части экрана:

Название    Описание   
Кнопка   

Отображение кнопки промо-ссылки настраивается аналогично десктопной версии.

Настройка "Размер", в случае активации чекбокса "Кнопка на всю ширину экрана", регулирует только высоту кнопки.
Цвет кнопки   

Цвет кнопки промо-ссылки настраивается аналогично десктопной версии.

Иконка   

Иконка промо-ссылки настраивается аналогично десктопной версии.

Подложка   

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

Тип подложки выбирается селектом, варианты для выбора:

  • Без подложки;
  • Только область кнопок;
  • Весь экран.
Анимация покоя Анимация покоя промо-ссылки настраивается аналогично десктопной версии.  

Таб "Условия"

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

Отображение в списке виджетов

В списке виджетов вы можете увидеть информацию:

  • Тип виджета
  • Название виджета
  • id виджета
  • Часовой пояс (график показа)
  • URL адреса

Подробнее о списке виджетов в статье: Список виджетов

Логика работы виджета в Мультикнопке

Ниже представлены особенности работы виджета в мультикнопке: 

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

  • Если в виджете Промо-ссылка используется только один URL, то при клике на иконку название не показывается, а сразу происходит перенаправление по ссылке.

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