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

Читать 30

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

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

Для настройки перейдите в меню кабинета   Конверсия / Мультикнопка

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

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

Показать пример работы мультикнопки

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

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

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


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

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

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

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

Виджеты

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

Показ виджетов возможно настроить в: 

  • Базовой версии;
  • Продвинутой версии (для настройки обратитесь к Вашему личному аккаунт-менеджеру).

Виджеты (базовая версия)

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

Все ранее созданные виджеты автоматически подтягиваются в Мультикнопку. 
У активных виджетов фон плашки будет белый, у неактивных — серый.
Если таких виджетов нет, то их можно создать в разделе  Конверсия .


Виджеты (продвинутая версия)

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

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

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

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

  • одного типа, но не менее двух кнопок в рамке одного типа. Например, выбран один тип Обратный звонок и добавлены две плашки с разным набором виджетов.


Добавление кнопки в рамках настроек вкладки “Виджет” происходит следующим образом:


  • Новая кнопка добавляется без набора виджетов, в плашке указывается  "Не добавлено ни одного виджета". При сохранении данная плашка подсвечивается с ошибкой "Для сохранения добавьте хотя бы один виджет."

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

Доступные действия в рамках настроек плашки описаны в таблице:

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

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

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



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

Всплывающие элементы

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

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

Автоматический показ элементов по настройке виджетов

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


Статический показ элементов по настройке виджетов

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

  • "Распределить автоматически"

    Для того чтобы ее включить, нажмите на кнопку "Распределить автоматически".
    Данная настройка позволяет добавить в том же порядке сразу все плашки виджетов со всплывающими элементами из табы Виджеты. Таким образом, если в соседней табе настроили две кнопки Обратного звонка, 2 кнопки Промо-баннера, кнопка чата, telegram и whatApp, то во всплывающие элементы транслируются плашки обратного звонка, промо-баннера и чата.

  • "Добавить элемент"

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

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


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

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

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


Отображение информации в плашках всплывающих элементов и их настройка

При деактивации галочки "Показ элементов по настройке виджета" происходит переключение в режим статического показа элементов.  

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

В плашках всплывающих элементов отображается:

  • Название
  • Добавленные виджеты: все доступные или определенные

Настройки показа элемента:

  • форма/окно чата или всплывающий диалог/приветствие чата
  • один раз/периодически/индивидуально за сессию
  • время показа в секундах
  • Кнопка удаления

Перед каждой плашкой транслируется краткая информация показа по принципу:

  • если показ 1 раз за сессию, то 1 круг после закрытия предыдущего или начала
  • если периодически за сессию, то каждый раз после закрытия предыдущего или начала круга
  • если индивидуально, то мы показываем каждый круг согласно настройке

Плашки можно перетаскивать в нужном порядке.

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

Пример 1.

Есть три типа виджета:

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


Работа сценария наглядно показана в видео:

Пример 2.

Есть два типа виджета:

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


Работа сценария наглядно показана в видео:

Пример 3.

Есть три типа виджета:

  • Обратный звонок, показать один раз за сессию через 30 секунд;
  • Промо-баннер, показывать периодически, каждые 60 секунд;
  • Умная заявка, показать один раз за сессию через 120 секунд.


Работа сценария наглядно показана в видео:


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

Пример 4.

Есть три типа виджета: 

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


Работа сценария наглядно показана в видео:

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

Десктоп


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

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

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

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

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

Кнопка


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

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

  • по правому краю (по умолчанию);
  • по левому краю.

2.Размер

  • S (44px)
  • M (64px) (по умолчанию)
  • L (80px)
  • XL (100px)

Высота плашек всегда равна высоте кнопок, вне зависимости от стиля.

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

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

4.Отступ между кнопками

Регулирует отступ между виджетами.


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

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

  • горизонтальная;
  • вертикальная (по умолчанию).
Цвет кнопок виджета

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

Также Вы можете отображать в мультикнопке цвета мессенджеров, выбрав опцию "Оригинальные цвета мессенджеров".

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


Иконки

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

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

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


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


Текст на кнопках

Текст на плашке задается в настройках каждой кнопки отдельно.

1.Стиль плашек с текстом (вертикальное раскрытие):

  • Отдельная плашка при наведении;
  • Не использовать текст (по умолчанию);
  • На увеличенной плашке при наведении;
  • Показывать текст всегда.

2.Стиль плашек с текстом (горизонтальное раскрытие):

  • Отдельная плашка при наведении;
  • Не использовать текст (по умолчанию);
  • Показывать текст всегда.

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

  • Шрифт;
  • Размер;
  • Цвет текста;
  • Непрозрачность;
  • Отступ от кнопки.
Эффект при наведении

Тип эффекта:

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

Доступен в случае выбора параметра "Стиль плашек с текстом" в блоке "Текст на кнопках":

  • Не использовать текст;
  • Показывать текст всегда.
Анимация покоя 

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

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

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

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

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

 

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

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

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

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


Индивидуальные настройки кнопки

При первом переходе в настройки конкретной кнопки отображаются настройки:

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

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

  • Выбор предустановленной иконки (по умолчанию);
  • Загрузка иконки;
  • Наследование из виджетов.
Размер 

По умолчанию выбрана настройка "Наследовать".
Дефолтное значение размера иконки наследуется из значения размера иконки в основных настройках.

При выборе варианта «Наследовать из виджетов», размер иконки наследуется из общих настроек.
Кнопка и плашка 

При включении чекбокса “Настроить индивидуальные цвета” открываются дополнительные настройки:

  • Настройка цвета и непрозрачности, к выбору также доступна опция «Использовать градиент»;
  • Текст и иконка (можно настроить цвет и непрозрачность двух параметров).
    ВАЖНО! При выборе "Загрузить иконку" в блоке "Текст и иконка" настройка "Цвет иконки" и связанная с ней "Непрозрачность" недоступна.
Настройки кнопки и плашки недоступны, пока в общих настройках включен чекбокс "Нативные цвета мессенджеров".

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

Вы можете настроить "Мультикнопку" для мобильных устройств; ниже приведены рекомендации по настройке. Также доступна "мобильная панель", о которой более подробно рассказано в статье: Мобильная панель.


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

  • iPhone SE (320x560);

  • iPhone 8 9375x667);

  • iPhone XS Max (414x896).

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

Ниже в таблице описаны настройки из правой части экрана.

Название    Описание   
Кнопка на всю ширину экрана  При выборе настройки "Кнопка на всю ширину экрана", блок Раскрытие мультикнопки становится неактивным, по дефолту выбрано значение "Списком". 
Раскрытие мультикнопки 

В этом блоке Вы можете настроить раскрытие мультикнопки:

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

Кнопка 

Настройки аналогичны: Кнопка (см. выше).

Если выбрано раскрытие мультикнопки плиткой, то настройка отступ между кнопками заменяется на отступ между рядами. 
Цвет кнопок виджета Настройки аналогичны: Цвет кнопок виджетов (см. выше). 
Иконки Настройки аналогичны: Иконки (см. выше). 
Текст на кнопках

Чекбокс “Не показывать текст” — отключает отображение текста (по умолчанию — чекбокс выключен).

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

  • Шрифт;
  • Размер;
  • Цвет текста;
  • Непрозрачность;
  • Отступ от кнопки.
Подложка 

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

Варианты отображения:

  • Без подложки: подложки не будет.
  • Только область кнопок (по умолчанию): размер подложки будет зависеть от количества кнопок на экране.
  • Весь экран: при нажатии на кнопку подложка будет на весь экран. 

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

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

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

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


Индивидуальные настройки кнопки

Структура раздела и логика работы полностью идентична Индивидуальным настройкам кнопки у десктопа.

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

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

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

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

_______________________________.png   mceclip4.png

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