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

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

Содержание

 

 

 

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

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

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

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

advice_ver2.png  При деактивации мультикнопки возвращается стандартная логика работы виджетов — для одной сессии может быть показан только один виджет на странице.

advice_ver2.png  Если во время настройки мультикнопки вы используете виджеты, работающие только в мобильной версии (например, Обратный звонок + Прямые виджеты), то вкладка "Декстоп" не будет доступна для настроек.

 

 

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

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

Например, в одном типе виджета у вас есть 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, заказ обратного звонка, приостановка таймеров.

 

 

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

 Десктоп

Desktop_all.jpg

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

 

Отображние мультикнопки

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

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

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

mceclip0.png

Кнопка

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

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

Расположение на экране

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

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

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

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

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

mceclip1.png

Цвет кнопок

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

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

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

mceclip0.png

Цвет иконок

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

  • Сплошная
  • Контурная
  • Сплошная с обводкой

mceclip0.png

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

  • Без анимации
  • Увеличение
  • Тень
  • Выцветание
  • Текст призыва

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

  • Без анимации
  • Переворот
  • Поворот
  • Поворот с уменьшением
  • Появление
  • Смена виджетов (вращение)
  • Смена виджетов (карусель)

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

  • Без анимации
  • Пульсация
  • Тряска
  • Желе

mceclip2.png

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

Открывать карусель виджетов

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

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

 

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

mceclip3.png

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

  • iPhone SE (320x560)
  • iPhone 8 9375x667)
  • iPhone XS Max (414x896)

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

Кнопка

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

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

Расположение на экране

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

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

Цвет кнопок

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

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

mceclip0.png

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

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

  • Без анимации
  • Переворот
  • Поворот
  • Поворот с уменьшением
  • Появление
  • Смена виджетов (вращение)
  • Смена виджетов (карусель)

Раскрытие мультикнопки

  • Списком
  • Плиткой

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

mceclip0.png

Настройка текстов призыва

Для всех выбранных виджетов будет доступна возможность указать тексты призывов. Поля ввода имеют ограничения в 15 символов.
advice_ver2.png Обратите внимание, что текст призыва для виджета Прямые вызовы отображается, только в случае, если онлайн пулов несколько и по умолчанию принимает значение "Позвонить". При таких настройках пользователь на сайте нажмет на "Позвонить", а далее перейдет к выбору нужного пула. Если же используется только один онлайн пул, то в название кнопки транслируется название из настроек виджета.

mceclip6.png

 

 

Отображение уведомлений

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

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

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

_______________________________.png   mceclip4.png

 

 

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

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

mceclip1.png

 

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

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

______________2019-04-03___17.27.41.png

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

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

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