Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Гайд по настройке всплывающих окон и нотификаций. Установка на сайт, кастомизация, настройка сценариев и идеи для офферов.

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

Один из способов собрать email — всплывающие (pop-up) окна и нотификации. Если предложить посетителям что-то ценное, вы получите их контакты — и использовать их в своей работе.

Вот только на практике использование всплывающих окон сродни хождению по лезвию бритвы. Если показывать их слишком часто, выходить с нерелевантным оффером или просить контакты в обмен на «спасибо», то в лучшем случае вам никто не оставит почту. Хуже, если посетители начнут уходить, завидя вашу «всплывашку».

Рассказываем, как настроить всплывающие виджеты, чтобы они работали в плюс.

Шаг 1. Определитесь с оффером

Для того чтобы посетитель интернет-магазина оставил контакты, ему нужно предложить что-то полезное. Это может быть:

  • мгновенная скидка новым подписчикам (в рублях или %);
  • промокод на скидку при покупке на определенную сумму;
  • приглашение на закрытую распродажу;
  • бесплатная услуга (доставка, сборка, подключение);
  • полезные материалы (белые книги, гайды);
  • приглашение поучаствовать в конкурсе/розыгрыше.

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

Модуль SEO в системе Promopult: вектор на повышение качества сайта. Делайте SEO с профессионалами. Стратегия за вами, мы обеспечим тактику. Гарантии результата, оплата работ в рассрочку.

Что важно при составлении оффера?

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

1. Простота и конкретика

Избегайте лишнего текста, не размывайте предложение двусмысленными формулировками, не дублируйте информацию, которую и так можно найти на сайте.

Сравните:

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

А какой оффер выбрали бы вы?

2. Цифры

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]Пример удачного оффера — и размер скидки указан, и даже таймер обратного отсчета есть

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]Суть оффера та же, но нет цифр — подписываться не так интересно

3. Call-to-action на кнопках

Вместо простых «Да», «Подписаться», «Отправить заявку» напишите на подтверждающей кнопке «Хочу 1000 рублей» или «Получить 500 рублей». Вместо «Нет» — «Не нужны мне 1000 рублей», «Пусть мои 500 рублей остаются у вас». Так нажатие кнопки ассоциируется с прямой выгодой. Это не многоэтапная и нудная подписка или отправка заявки.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]А кто не захочет получить 500 рублей?

После формирования оффера переходим к технической части — установке и настройке всплывающих окон.

Шаг 2. Интегрируйте виджеты на сайт

Настроить показ pop-up окон можно с помощью скриптов, плагинов или специальных сервисов.

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

Для самостоятельной настройки всплывающих окон в PromoPult есть модуль «Повышение конверсии». Он интегрирован с сервисом GetSale.io.

Чем удобен сервис:

  • более 100 готовых дизайнов всплывающих окон и нотификаций;
  • доступны различные сценарии срабатывания (по проценту скроллинга, количеству просмотренных страниц, просмотру конкретных URL и др.);
  • настройка показа окон различным сегментам аудитории;
  • drag-and-drop конструктор дизайна окон и виджеты для мобильных устройств;
  • интеграция с Google Analytics, Яндекс.Метрикой, amoCRM, MailChimp, GetResponse, SendPulse, UniSender.

Кроме pop-up виджетов в GetSale.io доступен онлайн-консультант и сервис email-рассылок.

Для начала работы зарегистрируйтесь или авторизуйтесь в системе PromoPult и добавьте сайт, на котором планируете размещать pop-up окна. После этого перейдите в список проектов в модуле повышения конверсии и кликните «подключить» напротив добавленного сайта.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

После этого система перенаправит вас на сайт GetSale.io. Обратите внимание, что сумма баланса в системе PromoPult отражается и в GetSale. Средства за использование виджетов в GetSale списываются с баланса в PromoPult.

Pop-up виджеты и 5000 писем в email-рассылках стоят 16,67 руб. в день (500 руб. в месяц). Цена актуальна для любого количества сайтов и действует до 20 000 вызовов кода GetSale в сутки. Если количество вызовов кода превысит 20 000, за каждую 1000 вызовов будет списываться 1 рубль в сутки.

Виджет онлайн-консультанта GetSale бесплатен для клиентов PromoPult.

На первом этапе GetSale предложит выбрать CMS вашего сайта. Система интегрирована с WordPress, Prestashop, OpenCart, Bitrix, Joomla, inSales, CS-Cart, Shop-Script, Ecwid и Shopify.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Загрузите плагин и установите его в вашей CMS. После установки плагина введите ключ API и email, на который зарегистрирован аккаунт в PromoPult.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Например, в CMS WordPress поля для авторизации выглядят так:

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Есть и универсальный способ интеграции GetSale на сайт с любой CMS. Для этого в списке CMS выберите раздел «Другая», получите JavaScript-код и разместите его на всех страницах вашего сайта — между тегами <body> и </body>.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Важно! Без установленного плагина или кода инструменты GetSale не работают. Если у вас возникнут проблемы, нажмите кнопку «Помощь в установке кода» и отправьте сообщение — с вами свяжется представитель техподдержки и поможет все настроить.

После нажатия кнопки «Я установил код» переходим к настройке виджетов.

Шаг 3. Выберите вид всплывающего окна

Для создания и управления pop-up окнами перейдите на вкладку «Виджеты». Здесь вы увидите «Мастер создания виджета». Выберите оффер, с помощью которого планируете получать подписчиков, и кликните по иконке.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Система предложит подходящие виды рекламных виджетов. Например, для рекламы специальных условий доставки система рекомендует всплывающее окно и растяжку с условиями доставки.

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Откроется страница с видами виджетов и шаблонами.

Доступные виды виджетов:

1. Всплывающее окно. Появляется по центру экрана. Остальной контент затемняется.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

2. Уведомление (нотификация). Появляется в нижнем углу страницы. Контент не затемняется.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

3. Растяжка. Узкий баннер на всю ширину экрана. Появляется вверху или внизу страницы. Контент не затемняется.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

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

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

После выбора шаблона появится окно настройки сценария показа.

GetSale — это не только pop-up виджеты. Здесь также есть онлайн-консультант — бесплатный для клиентов PromoPult. Читайте гайд, который поможет правильно его подключить.

Шаг 4. Настройте сценарий показа

По умолчанию pop-up виджеты показываются всем посетителям сразу после перехода на сайт.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

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

  • При попытке закрыть. Как только пользователь начнет перемещать курсор в сторону «крестика», сработает виджет.
  • После просмотра. Виджет показывается при условии последовательного просмотра N страниц. Прерванные сессии не считаются.
  • При прокрутке. Виджет появляется после просмотра N% видимой части первой или последующих страниц.
  • При нажатии на объект. Можно настроить показ виджета при нажатии на кнопку, ссылку или другой активный объект.
  • При наведении на объект. Для активации виджета достаточно просто навести курсор на объект — кнопку, изображение, ссылку и т. п.

Правила показа на вкладке «Когда показывать» задаются для всех страниц сайта. Более тонко виджеты настраиваются на вкладке «Где и как показывать».

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Какие здесь есть правила:

  • Как показывать. Три варианта: на весь экран сразу, на весь экран с задержкой N секунд или при нажатии на иконку. В последнем случае окно разворачивается только после нажатия на иконку внизу экрана.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Где показывать. Три варианта: все страницы, выбранные страницы и кроме выбранных. Для выбора страниц добавьте URL. Если укажете часть URL, то правило применится ко всем страницам, которые содержат эту часть.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Показов на посетителя. Если указан 0, то виджет показывается неограниченное количество раз одному и тому же посетителю. Для ограничения количества показов укажите конкретное число. Здесь же есть опция «Не показывать после конверсии». Установите галочку, чтобы не преследовать посетителя после нажатия на кнопку в виджете.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Правила показа на вкладках «Когда показывать» и «Где и как показывать» задаются для всех пользователей. Настроить показы отдельным сегментам вы можете на вкладке «Кому показывать».

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Какие есть варианты:

  • Показывать виджеты в зависимости от браузера, ОС и/или типа устройства.
  • Показывать виджеты сегментам. По умолчанию их три: новые за сегодня, были в течение 10 минут, были 2+ раз на сайте. Новые сегменты можно создать в разделе «Сегменты».
  • Показывать виджеты тем, кто достиг цели (по умолчанию — посетил главную страницу). Дополнительные цели можно импортировать из Яндекс.Метрики/Google Analytics или создать в GetSale в разделе «Настройки» на вкладке «Цели».

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

С интерфейсом разобрались. Теперь немного практики.

Примеры сценариев и инструкции по их созданию в GetSale

  • Всплывающее окно с предложением оставить email в обмен на скидку.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Как показывать

Не стоит показывать подобное окно сразу после перехода пользователя на сайт. Дайте осмотреться. Показывайте окна тем, кто просмотрел минимум 3 страницы (так вы выделите заинтересованных). Если среднее число просмотров страниц на вашем сайте меньше 3, установите 2 или 1.

Как настроить

На вкладке «Как показывать» в блоке «После просмотра» укажите значение 3.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

На вкладке «Где и как показывать» в блоке «Как показывать» выберите пункт «На весь экран с задержкой» и укажите значение 4 секунды.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Нотификация с предложением оставить email и получить скидку.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Как показывать

Всем посетителям при прокрутке 60% страницы.

Как настроить

На вкладке «Когда показывать» кликните «При прокрутке» и введите 60.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

На вкладке «Где и как показывать» в блоке «Как показывать» выберите «На весь экран сразу».

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Растяжка со сбором email (подписка на спецпредложения, акции и скидки).

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Как показывать

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

Как настроить

Для показа растяжки всем и сразу ничего не меняйте в настройках показа виджетов.

А вот для показа вернувшимся посетителям перейдите на вкладку «Кому показывать», выберите «Сегменты» и в выпадающем списке задайте сегмент «Были 2+ раз на сайте».

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Растяжка со ссылкой на страницу акций и спецпредложений.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Необязательно собирать email именно в pop-up виджете. Можно использовать виджет для перенаправления на страницы со спецпредложениями, а там уже предлагать подписку. Это позволяет не только привлечь лиды, но и улучшить поведенческие факторы: глубину просмотра и время на сайте.

Как показывать

Для каждой категории товаров — настроить свой виджет. Например, если человек зашел в раздел «Телевизоры», перенаправьте его на страницу с акциями, посвященными именно телевизорам. Показывать виджеты можно сразу после перехода в категорию.

Как настроить

На вкладке «Когда показывать» выберите «При посещении». На вкладке «Где и как показывать» в блоке «Где показывать» установите переключатель на «Выбранные страницы», нажмите «Добавить URL» и введите URL страницы каталога.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Всплывающее окно с промокодом на скидку.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Как показывать

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

Как настроить

На вкладке «Когда показывать» выберите опцию «При попытке закрыть».

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

На вкладке «Где и как показывать» укажите «На весь экран сразу» и поставьте галочку напротив пункта «Не показывать после конверсии».

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

  • Всплывающее окно с промокодом при добавлении товара в корзину.

Как показывать

Настроить показ после нажатия на кнопку «Добавить в корзину».

Как настроить

Если сайт добавлен через плагин к CMS, то у вас предустановлен одноименный сегмент и можно настроить показ на него.

Если вы устанавливали код вручную, откройте страницу любого товара вашего магазина, наведите курсор на кнопку добавления в корзину, кликните по ней правой кнопкой мыши и в контекстном меню выберите «Просмотреть код» (актуально для браузера Google Chrome).

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Найдите в коде и скопируйте (вместе с точкой в начале) название CSS класса, который отвечает за внешний вид кнопки.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

В параметрах показа виджетов на вкладке «Когда показывать» выберите «При нажатии на объект» и вставьте скопированное название CSS класса кнопки добавления в корзину.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Остается на вкладке «Где и как показывать» задать правило — «На весь экран сразу».

Подробно об использовании селекторов CSS для настройки сценариев показа читайте в справке GetSale.

  • Растяжка с бесплатной доставкой для заказов по Москве.

Как показывать

Настроить показ на сегмент пользователей из Москвы.

Как настроить

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Дайте название сегменту и нажмите «Добавить условие». Выберите тип условия: «Характеристика» / «Город» / «Равен» и введите «Москва». Сохраните сегмент.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Перейдите в параметры показа виджета и выберите созданный сегмент.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Мы привели только 7 простых сценариев. На практике их количество ограничено лишь маркетинговыми задачами и вашей фантазией. В GetSale вы можете задавать сложные сценарии, которые учитывают поведение пользователей и специфику аудитории.

Шаг 5. Кастомизируйте pop-up виджеты

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Для настройки элемента кликните по нему и в появившемся блоке нажмите на значок шестеренки.

Например, в зависимости от специфики оффера при клике по кнопке вы можете настроить переход по ссылке, показ промокода, сбор данных или закрытие виджета (применяется, например, при информировании). Также вы можете добавить к кнопке JavaScript код (например, вывод окна с благодарностью за подписку).

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Используйте контрастные цвета, крупные шрифты и яркие изображения, чтобы захватить внимание посетителя.

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

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Шаг 6. Анализируйте статистику и тестируйте виджеты

Сервис GetSale собирает статистику по каждому виджету. Для просмотра кликните по его названию.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

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

Собрали email посетителей — что дальше?

В разделе «Контакты» вы найдете все собранные адреса.

Как собирать email посетителей интернет-магазина с помощью pop-up виджетов [пошаговая инструкция]

Используйте их для запуска рассылок — в GetSale есть соответствующий модуль. Вот инструкция и советы по созданию рассылок.

Также вы можете экспортировать email для настройки таргетированной рекламы в ВКонтакте или myTarget. Чтобы не настраивать рекламу вручную, подключите модуль рекламы в соцсетях от PromoPult.

⌃ ↩
Модуль профессиональных
инструментов
Вы выбираете площадки для рекламы
Съем позиций, работа с ядром,
парсеры. Любые объемы

Настоящий сервис собирает информацию, зарегистрированную в файлах «cookies» для целей адаптации функционала сервиса к потребностям пользователей, в целях сбора статистической информации для анализа и улучшения качества работы сервиса, а также в рекламных целях. При использовании данного сервиса, вы подтверждаете свое согласие на использование файлов «cookies». Файлы «cookies» будут сохранены в памяти вашего устройства (ЭВМ). Вы можете изменить настройки файлов «cookies» в вашем браузере, однако такие изменения могут повлиять на функциональность сервиса и ограничить его использование.

Настоящим Я даю свое полное согласие на получение электронных уведомлений (на указанные мой абонентский номер и адрес электронной почты), а также выражаю явное и полное согласие на сбор, хранение, обработку и передачу персональных данных, согласно положениям, изложенным в Политике конфиденциальности, расположенных по адресу: promopult.ru/rules.html?op=private, с которыми я ознакомился и принял.