Попапы на сайт#

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

Попапы создаются в разделе Маркетинг → Попап, там же — интерактивные истории, кружки со слайдами на сайте. В списке раздела видны сайты, статус, показы, клики и CTR каждого окна. Заявки из форм и игр попадают в CRM APX Chat, в «Неразобранное», а если подключена amoCRM или Bitrix24 — в неё.

Что может попап#

Что делает окно, выбирается на шаге «Действие»:

• Кнопка с ссылкой — заголовок, текст и кнопка, которая ведёт на нужную страницу.
• Форма с кнопкой — поля «Имя», «Email», «Телефон» и ваши поля; после отправки создаётся заявка.
• Товары — карточки товаров из каталога, при желании — с кнопкой.
• Колесо фортуны — посетитель оставляет email или телефон, крутит колесо и получает приз, например скидку.
• Скретч-карта — то же, но приз открывается, когда посетитель стирает защитный слой.

Как создать попап#

1. Нажмите «Создать попап»

   В разделе Маркетинг → Попап нажмите «Создать попап». Если вашей организации доступны истории, кнопка называется «Создать» — выберите в ней «Попап».

2. Название и шаблон

   Название видите только вы. Шаблон — готовая заготовка: «Лид-магнит», «Промо», «Обратный звонок», «Колесо фортуны», «Скретч-карта» и другие. Всё можно изменить позже.

3. Действие и дизайн

   На шаге «Действие» настройте поля формы, кнопку, товары или призы колеса и их шансы. На шаге «Дизайн» — заголовок, описание, шрифт, цвета, изображение и оверлей (затемнение страницы под окном).

4. Размещение и копирайт

   На шаге «Размещение» отдельно для компьютера и телефона выберите вид окна, позицию, ширину и отступы. На шаге «Копирайт» — строка «Работает на apx.chat» внизу окна: скрыть её можно с подпиской White-label.

5. Условия показа

   Укажите, когда и как часто показывать окно, кому, с каким приоритетом, в какие даты и часы.

6. Каналы

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

Список попапов#

Попапы и истории собраны в одной таблице — как в разделе «Рассылки». Над ней — поиск по названию и фильтры по типу («Все типы», «Попапы», «Истории») и по статусу. Фильтр по типу виден, если вам доступны истории или они уже есть в списке.

Колонки таблицы:

• Название — ссылка на редактор. Под ней тип: «Попап · форма» или «Истории · 2 истории, 5 слайдов». Там же отметки «Медиа обрабатывается» и «Ошибка медиа» у историй и CTR вариантов A/B-теста.
• Сайты — первые два сайта и «+N» за остальные. Нажатие на сайт открывает настройки канала, на «+N» — выбор сайтов.
• Статус — переключатель показа и короткий статус, о статусах — ниже.
• Приоритет — число от 0 до 100.
• Показы — сколько раз попап показали посетителям; у историй — сколько раз их открыли.
• Клики — целевые действия: нажатие кнопки, отправка формы, игра в колесо или скретч-карту. У историй — нажатия кнопок и копирование промокода.
• CTR — доля кликов от показов.
• Действия — кнопки-иконки «Сайты», «Статистика» (только у историй), «Изменить» и «Удалить».

На телефоне и узком планшете вместо таблицы — карточки с теми же данными и кнопками.

Статусы#

• Показывается — показ включён, сайты выбраны, срок публикации идёт.
• Выключен — показ выключен переключателем.
• Нет сайтов — показ включён, но сайты не выбраны, поэтому посетители попап не видят. Выберите сайты кнопкой «Сайты».
• С 01.10 — дата начала показа ещё не наступила; если она в другом году, год тоже указан. Точное время — в подсказке у статуса.
• Завершён — срок публикации истёк. Когда закончился показ — в подсказке у статуса.

В фильтре по статусу те же состояния: «Показываются», «Выключены», «Без сайтов», «Запланированы», «Завершены». В «Без сайтов» попадают и выключенные попапы без сайтов.

На каких сайтах показывается попап#

Сайты выбираются в самом попапе: на последнем шаге «Каналы» или кнопкой «Сайты» в списке. Кнопка открывает окно выбора с переключателем «Показывать попап» — редактор открывать не нужно.

• Один попап можно показывать на нескольких сайтах, до 50, а на одном сайте может быть несколько попапов. Под каждым сайтом видно, какие ещё попапы на нём есть и с каким приоритетом.
• Если нужного сайта нет, нажмите «Создать сайт» на шаге «Каналы» или в окне «Сайты». Откроется окно создания сайта: укажите название, домен и сотрудников. После создания окно покажет код установки виджета, а новый сайт сразу будет отмечен в списке. Сам попап при этом не сохраняется и мастер остаётся на том же шаге — сохраните попап как обычно, кнопкой «Создать попап» или «Сохранить».
• Без сайтов попап не показывается. Если включить его переключателем, APX предложит сначала выбрать сайты. Если снять все сайты, попап выключится.
• При удалении веб-канала он пропадает из попапов. Попап, у которого не осталось сайтов, выключается.

Размещение#

На шаге «Размещение» вид окна задаётся отдельно для компьютера («Десктоп») и телефона («Мобилка»):

• Модалка — окно поверх страницы с затемнением фона.
• Угловой — только для компьютера: карточка в углу экрана шириной до 400 px, страница остаётся доступной.
• Бар — полоса во всю ширину экрана сверху или снизу, для короткого предложения с кнопкой.
• Полный экран — попап занимает весь экран.
• Плавающий — карточка в выбранном месте экрана без затемнения.
• Шторка снизу — только для телефона: выезжает снизу во всю ширину, как в мобильных приложениях.

Там же задаются позиция, ширина окна, максимальная высота в процентах экрана и отступ от края экрана. Раскладка для телефона включается на экранах шириной до 600 px. Колесо фортуны нельзя поставить в бар, а колесо в виде «Сбоку (выезжает)» — ещё и в угол или плавающим.

Когда и как часто показывать#

Когда показывать:

• Вход на сайт — через заданное в поле «Задержка перед показом» число секунд после загрузки страницы. Пустое поле — через полсекунды.
• Уход с сайта — на компьютере, когда курсор уходит к краю окна. На телефоне можно включить «Показывать на мобильных при резком скролле вверх».
• Посетитель написал сообщение в чат — попап появится после его сообщения.
• Вручную (через JS API) — вызовом window.apxChat.popup.toggle('ID попапа') из кода вашего сайта. ID появится после сохранения попапа.

Как часто показывать:

Условие показа ограничивает аудиторию. Правила объединяются через «И» или «Или»: время на сайте и на странице, число просмотренных страниц, глубина прокрутки, неактивность, URL страницы, источник перехода, UTM-метки, устройство, новый или вернувшийся посетитель, страна, есть ли операторы онлайн, открыто ли окно чата.

Приоритет#

Если на сайте одновременно подходят условия нескольких попапов, посетитель увидит попап с большим приоритетом — от 0 до 100, по умолчанию 50. Следующий попап появится только после паузы, поэтому окна не показываются друг поверх друга.

Сроки публикации и расписание#

• Сроки публикации — «Начало показа» и «Окончание показа». Пустые поля — попап показывается сразу и бессрочно. Кнопки «День», «Неделя» и «Месяц» быстро задают дату окончания: от даты начала, а без неё — от текущего момента. «Бесконечно» убирает дату окончания.
• Показывать по расписанию — дни недели и время «С» и «До» в выбранном часовом поясе. По умолчанию — все дни с 09:00 до 21:00 по часовому поясу вашего браузера. Время показа может переходить через полночь, например с 22:00 до 06:00.

A/B-тест дизайна#

На шаге «Дизайн» включите «A/B-тест дизайна» и настройте «Вариант A» и «Вариант B». «Доля B» — процент посетителей, которые увидят вариант B, остальные увидят A. У вариантов может отличаться всё, что задаётся на шаге «Дизайн»: заголовок, описание, шрифт, цвета, изображение. Действие — поля формы, кнопка, призы — у них общее. CTR каждого варианта виден в списке под названием попапа.

Строка «Работает на apx.chat»#

Внизу попапа показывается строка «Работает на apx.chat» со ссылкой на сервис. Без подписки White-label она видна всегда — переключатель «Показывать копирайт» на шаге «Копирайт» выключить нельзя. С подпиской White-label строку можно скрыть. В плеере историй строка работает так же. Подробнее о подписке — в статье Подписки и тарифы.

Куда попадают заявки#

Заявку создают форма попапа, колесо фортуны и скретч-карта (посетитель оставляет контакт, чтобы сыграть) и форма в истории. Куда она попадёт, зависит от CRM организации:

• Подключена amoCRM или Bitrix24 — заявка создаётся только там. APX находит или создаёт контакт по телефону или email и заводит сделку в воронке и на этапе из настроек интеграции. В CRM APX Chat сделка не дублируется.
• Внешней CRM нет — заявка становится неразобранной сделкой в CRM APX Chat: колонка «Неразобранные» на доске сделок, источник «Попап».

По названию сделки видно, откуда она: «Заявка с попапа», «Заявка из истории» или «Колесо фортуны» с выигрышем. В описании — имя, телефон, email, ваши поля, у игр — выигрыш, у историй — ответы на опросы и квизы. Значения полей можно сохранить в поля клиента или сделки APX Chat — это задаёт колонка «Назначение в CRM» на шаге «Действие».

Интерактивные истории#

Истории — ряд кружков или карточка на сайте: посетитель листает вертикальные слайды с фото и видео, кнопками, опросами, квизами, таймером, промокодом и формой заявки. Их создают в том же разделе: «Создать» → «Истории». Сайты, приоритет, сроки, расписание, копирайт и заявки у историй работают так же, как у попапов, а редактор слайдов, вход в истории, плеер и автопоказ — свои. Подробнее — в статье Интерактивные истории.