Читать 24

Промо-баннер


Промо-баннер Мультикнопка мессенджеры

О виджете

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

Примеры виджета промо-баннер

1
/
5
Пример 1
Пример 2

Преимущества использования промо-баннеров:

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

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

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

Для использования виджета достаточно быть подключенным на любом тарифе к сервису Calltouch. Отдельно за использование виджета оплаты не предусмотрено.

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

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

Настройка виджета

Таб “Настройки”

Ниже в таблице описаны характеристики таба "Настройки".

Название настройки Описание
Название виджета    

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

Ключ виджета   

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

Настройка для управления показом виджета. Если виджет не показывается по графику, то он не будет загружен на сайт: 

"+" - виджет показывается, 

"-" - виджет не показывается.

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

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

       

Автоматическая работа виджета       

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

Подробнее читайте в статье. 

Таб "Кнопка"

Таб “Кнопка” состоит из двух блоков:

  • Кнопка;

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

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

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

Полное описание настроек представлено в статье: Кнопка виджета.

Таб “Форма”

В данной табе происходит настройка отображения виджета, которая разбита на два экрана:

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

  • В правой части экрана, производятся настройки соответствующего окна.

Десктопная версия

Ниже в таблице описаны общие настройки промо-баннера для десктопной версии (правая часть экрана):

Сценарий показа виджета  Вы можете выбрать форму, которая будет появляться через фиксированный интервал или динамически: 
  • Расчет времени автоматически (настройка выбрана по умолчанию);
  • Показ формы один раз в сессию;
  • Периодический показ формы за сессию;
  • Индивидуальный показ формы за сессию;
  • Отключение автоматического показа формы;
  • Постоянный показ формы (Баннер отображается постоянно, не мешает просмотру сайта. Не доступен в составе мультикнопки).
Регулируемые блоки    Вы можете выбрать блоки, которые хотите, чтобы отображались в виджете и перейти к их редактированию:
  • Заголовок;
  • Подзаголовок;
  • Промокод;
  • Кнопка;
  • Согласие и копирайт;
  • Кнопка закрытия (без возможности отключения).
Указанные выше блоки являются включенными по умолчанию.

При клике на иконку открывается меню с выбором действия:

  • Редактировать;
  • Дублировать;
  • Создать группу блоков;
  • Удалить.

Рассмотрим более подробно каждое действие.

Редактирование

Переход в редактирование блока возможно двумя способами: 

  • Через иконку и выбора соответствующего действия; 
  • При клике на свободную область конкретного регулируемого блока.

Дублирование

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

Добавление блока

При нажатии на кнопку "Добавить блок" открывается список с выбором регулируемых блоков:

  • Текстовый блок;
  • Кнопка;
  • Мессенджеры;
  • Логотип;
  • Картинка;
  • Таймер акции;
  • Иллюстрация на форме;
  • Задний план;
  • Картинка на форме.

Минимальный набор блоков, которые нельзя скрыть и удалить: единственный текстовый блок (Заголовок, Подзаголовок), Кнопка закрытия, Согласие и копирайт.

При добавлении нового блока на десктопе, этот блок автоматически добавляется и в мобильной версии, и наоборот. 

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

Создание группы блоков

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

Добавить в группу можно не более 3 блоков.
Добавление групп блоков не более 5.

Добавить существующий блок в группу можно по кнопке "Переместить в группу":

Убрать из группы — по кнопке "Вытащить из группы":

Также возможно изменить состав из настроек группы:

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

Внешний вид    Настройки внешнего вида аналогичны блоку Внешний вид виджета Обратного звонка.

Фон Настройки фона аналогичны блоку Фон виджета Обратного звонка

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

Отступы внутри форм   Настройка для регулировки отступов полей от края формы. 

Мобильная версия

Настройки промо-баннера для мобильной версии аналогичны настройкам десктопной версии (см. выше). 

Однако есть небольшие различия, на которые стоит обратить внимание: 

  1. При клике на кнопку "Добавить блок" открывается список с выбором регулируемых блоков:

      • Текстовый блок;
      • Кнопка;
      • Мессенджеры;
      • Картинка;
      • Картинка на форме.

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

    Функционал формирования групп блоков

    1
    /
    5
    Создание группы на десктопе
    Отображение созданной группы на десктопе — на мобильной версии

Описание регулируемых блоков

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

Регулируемый блок  Описание
Заголовок Вводится текстовое значение заголовка.
Подзаголовок Вводится текстовое значение подзаголовка.
Текстовый блок Настройки текстового блока аналогичны блоку Заголовок/Подзаголовок.
Промокод Настройки блока Промокод аналогичны настройкам в Колесе фортуны.
Описание в справке.
Отличие — добавляются настройки: Имя блока и Текст промокода.

Также доступна настройка "Привязать цель".
При нажатии открывается меню с выбором существующих JS-целей и возможностью добавить новую цель.

Данная настройка отвечает за передачу данных по кликам на настраиваемый элемент в определенную JS-цель. Можно передавать данные в уже настроенную ранее цель, а можно создать новую.

Важно! Редактирование названия доступно только для новой цели. После сохранения изменений — редактирование становится недоступно.

Кнопка Вы можете настроить:

  • Имя блока — задается название блока, которое будет отображаться в регулируемых блоках;

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

    Если поле пустое и отмечено чекбоксом, то в списке блоков оно подсвечивается красным и отображается предупреждение. Сохранить изменения в виджете также нельзя — появится ошибка.

  • Привязать цель
    При нажатии открывается меню с выбором существующих JS-целей и возможностью добавить новую цель.

    Данная настройка отвечает за передачу данных по кликам на настраиваемый элемент в определенную JS-цель. Можно передавать данные в уже настроенную ранее цель, а можно создать новую.

    Важно! Редактирование названия доступно только для новой цели. После сохранения изменений — редактирование становится недоступно.

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

    При выборе стандартных вариантов (тень, выцветание, без эффекта) отображаются упрощённые настройки цвета элементов кнопки: цвет фона, цвет и толщина обводки, а также цвет текста.

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

    Пример внешнего вида кнопки при индивидуальных настройка при наведении:

  • Иконка;

  • Текст;

  • Отступы внутри блока

    • Растянуть блок по ширине формы (по умолчанию)
      (отступы слева и справа рассчитываются автоматически (ширина поля = ширина формы — внешние отступы), поле растягивается по ширине формы);

    • Высота по наибольшему элементу в группе
      (отступы сверху и снизу рассчитываются автоматически, по наибольшему элементу в группе блоков).

  • Внешние отступы
    Важно! Если кнопка находится в группе блоков, то настройки отсутствуют.

  • Выравнивание в форме.
    Важно! Если кнопка находится в группе блоков, то настройки отсутствуют.

Мессенджеры 
Вы можете настроить:
  • Имя блока;
  • Внешний вид кнопок мессенджеров:
    • скругление элементов, 
    • цвет фона, 
    • непрозрачность, 
    • отображение названий мессенджеров (при активации — на кнопках отображаются названия мессенджеров, при деактивации остаются только иконки);
  • Текст:
    • шрифт, 
    • размер, 
    • цвет, 
    • непрозрачность;
  • Размер иконок;
  • Добавить мессенджеры (максимальное количество мессенджеров для добавления —10).
    Возможно регулировать количество мессенджеров в одной строке от 1 до 5. 

    Telegram

    Доступно 2 варианта настройки:

    • Личный аккаунт:
      Можно ввести логин или номер телефона (в формате +79000000000)

      При активации чекбокса "Текстовое сообщение", можно передать произвольный текст.

    • Бот:

      Для передачи id сессии, необходимо активировать чекбокс "Дополнительные параметры" и внести параметр sessionId.

    MAX

    Доступно 2 варианта настройки: 

    • Личный аккаунт

      Можно внести ссылку на личный аккаунт, группу или канал:

    • Бот

      Можно ввести ссылку на бот:

    Для передачи id сайта и/или id сессии , необходимо активировать чекбоксы

    Вконтакте, Viber

    Доступен только сокращённый с возможностью ввода ссылки на аккаунт:

    • Количество кнопок в строке;
    • Изменить название мессенджеров;
    • Внутренние отступы;
    • Внешние отступы;
    • Выравнивание в форме.
Согласие и копирайт Подробнее о настройке вы можете посмотреть в статье: Форма виджета.
Кнопка закрытия Вы можете настроить:
  • Внешний вид кнопки;
  • Вариант кнопки;
  • Размер кнопки;
  • Горизонтальный и вертикальный сдвиг.
Логотип Вы можете загрузить логотип весом до 600кб, JPEG, JPG, PNG, GIF. 

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

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

Загружать можно картинки нескольких типов:

  • JPEG, JPG, PNG до 600 Кб 

  • GIF, MP4, WEBM до 20 М

Если картинка не будет загружена, вы сможете сохранить настройки, но активировать виджет нет.
Таймер акции Подробнее о настройке вы можете посмотреть в статье: Основные настройки.
Иллюстрация на форме Подробнее о настройке вы можете посмотреть в статье: Форма виджета. 
Картинка на форме  Возможно загрузить картинку, весом до 600кб, JPEG, JPG, PNG, GIF.
Вы можете настроить:
  • Имя блока;
  • Ссылку для перехода;
  • Привязать цель;
  • Непрозрачность для картинки;
  • Размер блока;
  • Позиционирование изображения;
  • Внешние отступы;
  • Выравнивание в блоке.
Возможно добавить на форму до 4-х элементов.   
Задний план  Подробнее о настройке вы можете посмотреть в статье: Форма виджета. 
Группа блоков  Вы можете настроить:
  • Название группы;
  • Внутренние отступы;
  • Внешние отступы;
  • Выравнивание в группе.

Таб “Условия”

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

Ознакомиться с настройками можете на примере виджета обратного звонка.

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

  1. При добавлении первого виджета Промо-баннер в мультикнопке в табе "Виджеты" автоматически добавится кнопка Промо-баннер.


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

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

Подробнее о настройках мультикнопки в статье: Мультикнопка.

Открытие формы виджета

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

Отображение статистики в отчетах

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

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

Отображение статистики в отчетах

1
/
5
Пример 1
Пример 2

Подробнее об отчете читайте в статье.



*Meta признана экстремистской организацией в России.
15 июня 2026


Кейсы

Не нашли решение проблемы?
Заполните форму, и мы вам поможем.
Похожие статьи
Недавно просмoтренные