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

Мультикнопка

Содержание

 

Что такое мультикнопка

Мультикнопка — это агрегированный виджет, позволяющий показывать сразу несколько разных типов виджетов на одной странице. Без использования Мультикнопки одновременный показ разных типов виджетов Calltouch на одной странице невозможен.

 

Нюансы работы мультикнопки

  • Если у вас создано более, чем 1 виджет в любом из типов, то показан будет тот, который подходит под условия для конкретной сессии. А в случае, если под условие показа подходит сразу несколько виджетов, то показывается более ранний виджет по дате создания и выводится ошибка. Например, у вас есть два виджета обратного звонка: один показывается cpc-трафику, а другой — органическому. Если посетитель вашего сайта зашел на него через cpc-рекламу, то в мультикнопке он увидит виджет обратного звонка, который подходит под условие показа — то есть, виджет для cpc-трафика.
  • При деактивации мультикнопки возвращается стандартная логика работы виджетов — для одной сессии может быть показан только один виджет на странице.

 

Настройка мультикнопки

Для активации мультикнопки необходимо, чтобы были созданы виджеты не менее двух типов, например, Обратный звонок и Умная заявка. Если для каждого типа активно несколько виджетов, при клике на иконку типа в мультикнопке откроется тот виджет, который подходит для отображения в текущей сессии пользователя.

Например, в одном типе виджета у вас есть 3 активных виджета Промо с разными условиями отображения: для платного трафика, мобильных устройств и конкретного раздела сайта.
Для пользователя с платного трафика, при клике на иконку обратного звонка в мультикнопке, откроется форма соответствующего виджета.
Если пользователь находится на странице, для которой не настроено условий ни в одном виджете Промо, иконка в мультикнопке не будет показана.

 

Сценарий автоматического показа форм

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

mceclip0.png

Сценарий статического показа форм

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

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

mceclip3.png

Настройка статических таймеров доступна только для тех типов виджетов, у которых есть форма:

  • обратный звонок
  • промо
  • умная заявка
  • CallToVisit

При активации галочки "Настройка статического показа вручную" открывается выпадающий список со значениями:
- Периодически за сессию (каждые N секунд)
- Один раз за сессию (через N секунд)

mceclip4.png
Чтобы исключить тип виджета из сценария, нажмите на иконку "глаз".

Логика статических таймеров (без условий)

Пример 1:
У вас есть три типа виджета:
  • обратный звонок, Промо и заявка
  • в настройках таймера каждый тип должен показываться периодически, каждые через 30 секунд

mceclip6.png

Сценарий будет работать так:
Пользователь зашел на сайт, началась сессия и с ней - отсчет таймера.
Прошло 30 сек  → открылась форма обратного звонка, пользователь закрыл виджет.
Прошло еще 30 секунд → открылась форма Промо, пользователь оставил заявку.
Форма Умной заявки уже не появится, т.к. заказ обратного звонка через Промо является достижением цели и конверсией в лид.

Пример 2:
Есть два типа виджета:
- Обратный звонок, показать один раз за сессию через 40 секунд
- Промо, показывать каждые 60 секунд.
mceclip8.png

Сценарий будет работать так:
Пользователь зашел на сайт, началась сессия и с ней - отсчет таймера.
Прошло 40 сек  → открылась форма обратного звонка, пользователь закрыл виджет.
Прошло еще 60 секунд → открылась форма Промо, пользователь снова закрыл виджет.
Виджет обратного звонка должен был показаться только один раз, больше он не появится.
Через 60 секунд снова будет показ формы Промо.

Пример 3:

Есть три типа виджета:
- Обратный звонок, показать один раз за сессию через 30 секунд
- Промо, показывать периодически, каждые 60 секунд
- CallToVisit, показать один раз за сессию через 120 секунд
 mceclip11.png

Сценарий будет работать так:
Пользователь зашел на сайт, началась сессия и с ней - отсчет таймера.
Прошло 30 сек  → открылась форма обратного звонка, пользователь закрыл виджет.
Прошло еще 60 секунд → открылась форма Промо, пользователь снова закрыл виджет.
Прошло еще 120 секунд → открылась форма CallToVisit, пользователь закрыл виджет.
Первый круг сценария выполнен, запускается второй.
Виджет обратного звонка больше не появится. Через 60 секунд откроется Промо и так до тех пор, пока пользователь не закажет звонок или не закроет сайт.

Важно! Если пользователю показалась форма, но он ее НЕ закрыл, то работа сценария приостанавливается до тех пор, пока форма не будет закрыта. 

При деактивации галочки "Настройка статического показа вручную" происходит обратное переключение в режим Автоматического показа форм. 
mceclip7.png

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

Логика статических таймеров (с условиями по URL-страницы)

В случае, когда в настройках виджета создано условие показа по URL-страницы, логика работы статических таймеров более сложная. Учитывается время начала сессии + совпадение URL пользователя с URL в условии виджета.

Кейс 1
В мультикнопке заданы таймеры на уровне типов:

image2019-11-14_17-42-12.png
Таким образом получается один круг, в котором будет два показа форм (колбэк, потом промо), а на втором круге только промо.
При этом у клиента создано 3 виджета Промо:
- ПромоХ на весь трафик, кроме url /promo1 и url /promo2
- Промо1 на url /promo1
- Промо2 на url /promo2

10:00:00 - заход на главную страницу, запустился таймер начала сессии.
10:00:25 - переход на url /promo1 и остается там 10 секунд
10:00:35 - показ обратного звонка, т.к. он создан для всех страниц и по сценарию его таймер первый.
10:00:36 - закрытие формы обратного звонка без заявки. С этого момента идет отсчет для Промо.
10:00:50 - переход на url / xxx
10:01:16 - показ виджета ПромоХ
10:01:17 - закрытие формы Промо Х, новый отсчет для виджета типа Промо
10:01:37 - переход на url /promo1
10:01:57 - переход на url /promo2 и сразу же показ Промо2.

 

Кейс 2

image2019-11-14_17-54-44.png
У клиента созданы два промо с условиями:
- Обратный звонок на весь трафик
- Промо1 на url /promo1
- Промо2 на url /promo2

10:00:00 - заход на главную страницу, запустился таймер начала сессии.
10:00:35 - переход на url /promo1 
10:00:35 - показ формы обратного звонка, т.к. он создан для всех страниц и по сценарию его таймер первый.
10:00:36 - закрытие формы обратного звонка без заявки. С этого момента идет отсчет для Промо.
10:01:01 - переход на url / xxx, остается на ней 15 секунд
10:01:16 - виджет Промо НЕ покажется, потому что не подходит условие по урлу.
10:01:17 - переход на url /promo2 и показ Промо2, т.к. 40 секунд уже прошло и прошлое событие не состоялось.

Кейс 3

image2019-11-14_18-15-40.png
У клиента созданы два промо с условиями:
- Обратный звонок, на весь трафик (на одну из кнопок на сайте висит метод вызова функции виджета onClickCallButton колбэка вручную)
- Промо1 на url /promo1
- Промо2 на url /promo2

10:00:00 - заход на url /promo1, запустился таймер начала сессии. 
10:00:35 - пользователь нажал на кнопку, где была функция для вызова вручную
10:00:35 - показ формы обратного звонка раньше заданного таймера на 5 секунд
10:00:36 - закрытие формы без заказа звонка, с этого момента идет отсчет для Промо.
10:01:01 - переход на url / xxx, остается там 15 секунд
10:01:16 - виджет Промо НЕ покажется, потому что не подходит условие по урлу
10:01:19 - переход на url /promo2, показ виджета Промо2, т.к. 40 секунд уже прошло и прошлое событие не состоялось. 
10:01:20 - закрытие Промо2, остается на url /promo2, на этой же странице есть метод вызовы виджета вручную.
10:01:23 - нажатие на кнопку сайта, показ виджета Обратный звонок раньше на 37 секунд.
10:01:27 - заказ обратного звонка, остановка всех таймеров.
В этом случае формы могут быть показаны только если пользователь сам выберет из МК нужный виджет или снова нажмет на ту кнопку, где вызов функции вручную.

 

Кейс 4

image2019-11-14_18-15-40.png
У клиента созданы два промо с условиями:
- Обратный звонок, на весь трафик, в настройках виджета статический показ через 25 секунд
- Промо1 на url /promo1
- Промо2 на url /promo2

10:00:00 - заход на url / xxx, запустился таймер начала сессии. 
На этой странице НЕТ мультикнопки, потому что виджеты Промо созданы по условиям на url /promo1 и url /promo2.
В таком случае на странице висит только один виджет и настройки всплытия берутся из самого виджета, т.к. таймеры работают только с мультикнопкой.
10:00:25 - показ формы обратного звонка 
10:00:26 - закрытие формы без заказа звонка.
10:01:00 - переход на url /promo1, здесь уже появляется МК и начинается отсчет таймера для обратного звонка.
10:01:40 - показ виджета Обратный звонок на url /promo1, т.к. он первый по приоритету таймеров.
10:01:41 - закрытие Обратного звонка без заявки
10:02:11 - переход на url /promo2, показ Промо2, заказ обратного звонка, приостановка таймеров.

Десктоп

______________2019-04-03___15.51.17.png

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

Автонастройка

При клике на кнопку "Мне повезет" Calltouch выставляет случайные значения в каждом пункте настроек, произвольно меняя стиль и внешний вид карусели.

Мультикнопка

Имеет две опции:

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

Если выбрана опция Не собирать, оставить отдельно, то в блоке "Автоматически открывать" по умолчанию выбрано "Нет".

Форма мультикнопки

Здесь можно выбрать форму элементов мультикнопки. Эти настройки влияют как на саму мультикнопку, так и на виджеты внутри.

  • круглая - по умолчанию
  • квадратная со скруглением
  • квадратная

Расположение виджета

В данном пункте выбирается расположение мультикнопки на страницах вашего сайта

  • по правому краю - по умолчанию
  • по левому краю

Ориентация раскрытия

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

  • горизонтальная - по умолчанию
  • вертикальная 

Цвет кнопок

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

Подсказки при выборе высокой контрастности цветов

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

image2019-4-3_13_20_35.png

Анимация в режиме ожидания

  • Смена виджетов (вращение)
  • Смена виджетов (карусель) - по умолчанию
  • Нет

Блок "Анимация в режиме ожидания" будет недоступен, если вы выбрали в блоке "Мультикнопка" опцию "Не собирать, оставить отдельно". В этом случае в кнопке должна показываться иконка того виджета, который назначен главным по приоритетам для автоматического показа формы.

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

Если в блоке "Мультикнопка" выбрана опция "Не собирать, оставить отдельно", то в блоке "Автоматически открывать" по умолчанию выбрано "Нет".

 

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

______________2019-04-03___17.08.59.png

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

  • iPhone SE (320x560)
  • iPhone 8 9375x667)
  • iPhone 8 PLUS (414x736)

Далее рассмотрим настройки в правой части экрана.

Автонастройка
При клике на кнопку "Мне повезет" Calltouch выставляет случайные значения в каждом пункте настроек, произвольно меняя стиль и внешний вид карусели.

Форма мультикнопки

Здесь можно выбрать форму элементов мультикнопки. Эти настройки влияют как на саму мультикнопку, так и на виджеты внутри.

  • круглая - по умолчанию
  • квадратная со скруглением
  • квадратная

Расположение виджета

  • по правому краю - по умолчанию
  • по левому краю

При активации чек-бокса "Кнопка во всю ширину" опции позиционирования по правому и левому краю недоступны к выбору.

Цвет кнопок

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

При выборе слишком контрастных цветов, Calltouch уведомит вас о риске некорректного отображения текстов и иконок (аналогично настройке на десктопе).

Анимация в режиме ожидания

Данный пункт отвечает за анимацию иконок внутри виджета.

  • Смена виджетов (вращение)
  • Смена виджетов (карусель) - По умолчанию
  • Нет

 

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

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

_______________________________.png

 

Если не создано ни одного виджета

Если вы заходите в раздел Мультикнопка до того момента, как создан какой-то виджет, то увидите экран-заглушку из типов виджетов, которые доступны для создания.
Из каждой плашки вы сможете перейти в создание виджета.

______________2019-04-05___18.42.26.png

 

Если создан только один тип виджета

Мультикнопка требует создания нескольких типов виджетов. Если вами был создан только один тип виджета, то на экране настроек вы увидите список виджетов с кнопками "Создать виджет". Табы Десктоп и Мобильные устройства будут неактивными.

______________2019-04-03___17.27.41.png

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

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

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