ManyChat Help Portal
Submit a ticket

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

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

Обзор

Виджеты этого типа можно использовать на любой платформе, поддерживающей модификацию элемента <head>. Они накладываются поверх контента сайта, так что их не придется встраивать в контент страницы вручную. Просто вставьте код — настройте виджет под себя в ManyChat — активируйте виджет. 

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

Чтобы создать новый виджет, перейдите в раздел Инструменты роста -> Создать новый инструмент роста и выберите один из следующих всплывающих виджетов:


У каждого из виджетов есть 4 вкладки:



Начальное состояние — здесь можно настроить внешний вид виджета.

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

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

Настройка — авторизация ваших сайтов и получение кода виджета.


Для всех всплывающих виджетов также предусмотрены настройки внешнего вида. С их помощью можно управлять поведением виджета на сайте:


Когда отображается
— позволяет настроить условие показа виджета посетителю: немедленно, % прокрутки, намерение выхода, по прошествии определенного времени в секундах или даже при прокрутке до элемента с идентификатором.

Снова показать виджет тому же контакту через — позволяет не показывать виджет тому же посетителю в течение определенного времени.

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


Топпер

Виджет «Топпер» выводится у верхнего края страницы. Настраиваются заголовок и надпись на кнопке (если выбран тип кнопки С флажком). Посетителям можно Разрешить скрывать топпер, а также настроить его внешний вид:


Вот как это выглядит:



После того, как посетитель нажмет на кнопку, виджет отображается ка отправленный. Внешний вид виджета в состоянии после отправки можно настроить на второй вкладке. Таким образом посетитель сможет успешно пройти взаимодействие с виджетом и получить инструкцию по дальнейшим действиям (вариант Показать новое сообщение или перейти по определенному URL-адресу (вариант Направить на URL-адрес):


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



Выдвижной блок

Этот виджет выдвигается из границы страницы через заданное время. Для этого типа виджета можно загрузить Изображение и изменить его положение, включить или выключить Описание и выбрать Размещение выдвижного блока.


  


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



Модальное окно

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


Состояние после отправки для виджета «Модальное окно».



Окно на весь экран

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



Состояние после отправки для окна на весь экран с другим цветом фона.


Действия по согласию

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

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


Настройка


Шаг 1: авторизация сайта. Вставьте домен своего сайта и нажмите на кнопку «Добавить». Домен добавится в список авторизованных сайтов.


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



Шаг 2: скопируйте код и вставьте его в раздел <head> своего сайта (туда же, куда вы вставляете свой скрипт Google Analytics).


Например, если вы используете WordPress, содержанием раздела <head> можно управлять с помощью плагина Insert Headers and Footers:


Шаг 3: выберите страницы, на которых должен отображаться виджет, с помощью настроек видимости.

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

Удаление логотипа ManyChat из инструментов роста

Подписка Pro позволяет убирать логотип ManyChat из инструментов роста в настройках аккаунта:

Удачно вам расти!