В статье мы покажем, что всплывающее окно на сайте — слишком узкое понятие для такого инструмента, как Попапы Callibri. Вы узнаете о тонкостях настройки, условиях показа, аналитике, кастомизации и готовых решениях, которые помогут закрывать задачи бизнеса в разных сферах.
Все покажем, разберем и проиллюстрируем, как попапы на сайте от Callibri отвечают на запросы бизнеса. После прочтения вы легко и быстро запустите идеальный попап, который решит задачу именно вашей компании.
1. Как красиво оформить всплывающие окна для своих целей
Войдите в личный кабинет Callibri и пройдите путь Настройки → Попапы, чтобы попасть на страницу инструмента.На вкладке Мои попапы собраны созданные попапы. У каждого есть в углу слайдер, он показывает, работает всплывающее окно или нет. Есть поиск по названию или ID попапа и фильтры по активности. Нажмите Создать и выберите, что хотите настроить:
Свой попап — создайте его в конструкторе с нуля.
Из шаблона — используйте готовый вариант.
A/B-тест — сравните два варианта, чтобы выбрать более эффективный.
Мы сделаем Свой попап, введите название, чтобы разблокировать визуальный конструктор всплывающих окон. Сначала разберем Страницы и условия, здесь идет настройка окон: основного и оповещающего об отправке формы. Кликните и перейдите на экран оформления страницы.
Настроек много, вы контролируете оформление всех элементов попапа.
Вы можете настроить внешний вид попапа под себя. Основа всплывающего окна может быть четырех видов:
модальное окно,
бар,
сайдбар,
панель.
У каждого вида есть несколько шаблонов разных размеров.Каждому попапу можно добавить Изображение на фон.
Используйте однотонный визуал без мелких деталей, иначе создадите лишний шум и снизите читаемость попапа.
Как фоновое изображение меняет восприятие попапа.
Если вы выберите основу с картинкой, можно загрузить свой вариант или выбрать в библиотеке. Выберите Изображение.На следующем экране подберите визуал и расположите его в всплывающем окне. Можно выбрать процент отображения картинки и место, где она окажется. Нажмите Сохранить.
Здесь такой же принцип — выбирайте картинку с явным акцентом и не распыляйте внимание пользователя. У вас буквально секунды, чтобы привлечь его внимание.
Вы можете настроить остроту углов, выровнять текст и форму, добавить или убрать тени, затемнить фон или вообще включить темную тему.У каждой основы есть продвинутые настройки — вы можете указать высоту и ширину баннера в пикселях.Для Экрана успешной отправки не забудьте настроить иконку, с помощью которой пользователь сможет закрыть всплывающее окно:
расположение — внутри или снаружи попапа.
цвет — обязательно сделайте контрастным, чтобы иконка не терялась.
подложка — чтобы выделить иконку.
Ни в коем случае не прячьте кнопку закрытия попапа — это раздражает людей.
Обязательно настройте Таймер закрытия, он отвечает время, через которое попап исчезнет с экрана после отправки данных.У обоих экранов есть Элементы на выбор. Вы можете добавить юридическую информацию, получить разрешение на сбор персональных данных, написать больше текста, кнопок и указать, какие данные должен собрать попап:
номер телефона,
e-mail,
имя пользователя,
комментарий,
свой вариант.
Скоро представим еще больше элементов для попапов, все в работе.
Перед глазами всегда есть экран предпросмотра попапа — вы видите все изменения.Здесь можно:
Открыть превью — попап появится на экране в том виде, как будет отображаться на сайте.
Поменять расположение — доступно 9 вариантов.
Посмотреть попап в разных масштабах.
Посмотреть отображение попапа в мобильной верстке.
Заголовок попапа ограничен 80 символами, можно менять шрифт и форматирование. В текст можно добавить ссылку.
Используйте все элементы, тогда у вас получится выразительный и уникальный попап. Ограничений практически нет.
2. Как показать всплывающие окна нужным пользователям
Вторая часть настройки — условия показа попапов. С этими возможностями вы сможете показывать всплывающие окна на сайте только тем пользователям, которые вам нужны.На июль 2024 года доступно 4 условия показа всплывающих окон.
Целевая страница —- на каких страницах появится попап. Можно выбрать все или выделить конкретные. Например, только каталог или только блог.
Устройства — смартфоны, десктопы, все?
Время и поведение на сайте и странице — выберите время, после которого появится попап. Или покажите всплывающее окно, если пользователь долго бездействует или хочет закрыть страницу.
Источник перехода — укажите геолокацию пользователя, UTM-метку или сайт, с которого открыли посадочную, чтобы попап увидели только эти люди.
Уникальность лида — нужно ли показывать попап на сайте людям, которые уже обратились к вам? Система определит это по истории взаимодействия в ЕЖЛ. Если клиент общался с вами по каналу, который Callibri не отслеживает, система посчитает его за нового.
Эти настройки позволят вам точечно воздействовать на клиентов, которые перешли на сайт из соцсетей, рассылки или по клику на конкретное рекламное объявление. Или не отвлекать людей, с которыми уже общается менеджер.
Еще в работе условия показа по сегментам. Подпишитесь на наши рассылки, чтобы не пропустить свежие обновления, форма внизу страницы. Когда закончите настройки — сохраните изменения и вернитесь на первый экран. Ваш новый попап появится в списке.
3. Некогда делать попап. Как получить готовое решение и проверенные механики
На второй вкладке главного экрана вы найдёте проверенные Шаблоны попапов.Мы собрали основные отрасли и придумали разные сценарии работы с попапами. Все оформили, подобрали визуал, написали тексты и красиво расположили, чтобы этим не занимались вы.
Нажмите на кнопку в углу шаблона, чтобы открылся предпросмотр этого попапа.
Все механики работы попапов решают прикладные задачи бизнеса, например:
сбор контактов,
подписка на рассылку,
гид по сайту.
Шаблоны попапов Callibri помогут освещать акции, делиться промокодами, предлагать консультацию, собирать записи на прием к врачу и даже превратить всплывающее окно в аналог обратного звонка.
Обратный звонок
привлекает посетителей сайта, которые не хотят звонить сами,
Все рассортировали по отраслям, но это не значит, что эти попапы нельзя использовать в других сферах — редактируйте и адаптируйте шаблоны как угодно. Или используйте как референс, чтобы по аналогии собрать свой идеальный попап с конкретной механикой.В будущем мы добавим новые шаблоны и больше механик, следите за новостями в нашем Телеграме.
4. Как проверить, какое из двух всплывающих окон более эффективное
Для этого есть A/B-тест всплывающих окон. Эксперимент можно запустить с главного экрана инструмента, нажав Создать, или включить соответствующий слайдер, редактируя или создавая другой попап.Система предложит создать два варианта всплывающего окна или скопировать один, чтобы что-то в нем поменять. Тестировать можно любые элементы: от визуала до текста, цветов или формы попапа. Сохраните результат и запустите показ попапов.
Обычный попап и попапы в A/B-тесте.
Callibri покажет каждый попап 50% аудитории и соберет данные по обеим версиям. Данные обновляются автоматически, вы наглядно увидите результаты каждого варианта на странице. Вот как это выглядит.Дайте достаточно времени на тест, чтобы получить больше объективных данных — от одного дня проверки толку мало.
Отталкивайтесь от посещаемости сайта и закладывайте на A/B-тест минимум полторы-две недели.
После изучайте результаты и планируйте дальнейшую работу: запуск второго теста или акцент на попапе, который сработал лучше.
А дальше смотрим в отчеты по аналитике попапов Callibri. Основные метрики есть на главной странице раздела, откройте интересующий попап, чтобы увидеть сводку.
Показы — сколько пользователей увидели попап.
Заявки — сколько заявок принес попап.
Конверсия — отношение числа заявок к показам.
Вы можете открыть подробный отчет прямо со страницы попапа.
За подробной аналитикой переходим в Единый Журнал Лидов. Callibri сохраняет данные, которые вы запрашиваете у клиентов: номер телефона, электронная почта и так далее. Лиды из всплывающих окон тоже здесь, для удобства используйте фильтр по типу Заявки из Попап и добавьте классы для попапов.
UTM-метки и посадочные тоже зафиксируем в ЕЖЛ, отчет обновляется автоматически.
Отчет можно выгрузить для дальнейшей работы. Анализируйте эти данные, чтобы отслеживать результаты попапов и вовремя дорабатывать всплывающие окна. В будущем мы представим больше возможностей аналитики попапов Callibri, следите за обновлениями.Попробуйте Попапы Callibri со встроенной аналитикой
Посмотрите наш вебинар о том, как попапы помогают продавать больше.
Всплывающие окна
Покажут клиентам выгодное предложение в нужный момент
Комментарии