14 Лучших Примеров Всплывающих Окон для Захвата Лидов для Расширения Вашего Контактного Списка
Контент

14 Лучших Примеров Всплывающих Окон для Захвата Лидов для Расширения Вашего Контактного Списка

21 февраля 2025 25 июля 2025 ~ 30 мин читать 6992 просмотры
оценить
Claspo Blog 14 Лучших Примеров Всплывающих Окон для Захвата Лидов для Расширения Вашего Контактного Списка

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

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

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

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

Захватывайте лиды с высоким намерением и увеличивайте продажи (это наша цель 😉) — с Claspo это бесплатно

Что такое всплывающее окно захвата лидов и насколько оно эффективно?

Email-маркетинг подобен отличнику в генерации лидов — доступный, требует минимального ухода и приносит 312% ROI за 3-6 месяцев. Конечно, email-маркетинг не работает магически сам по себе — сначала вам нужны контакты. И какой самый простой способ получить больше лидов? Виджеты, в частности, всплывающие окна захвата лидов. Раздражают? Только если вы делаете это неправильно. Эффективны? Абсолютно. По данным Mailchimp, пользователи этой ESP видели средний рост их email-баз на 50,8% после добавления формы подписки на свои сайты.

Но давайте проясним: хорошо конвертирующее всплывающее окно захвата лидов — это не просто коробка с надписью, ‘Дайте нам ваш email просто так.’ Это как попросить кого-то отдать ключи от своего дома, потому что вы сказали ‘пожалуйста.’ Нужно предложить что-то ценное — например, код скидки, эксклюзивную электронную книгу или VIP-пропуск на вашу следующую большую распродажу. Хорошо спроектированное всплывающее окно захвата email не просто кричит, ‘ПОДПИШИСЬ!’ и ожидает результата. Оно появляется стратегически, когда посетители наиболее вероятно будут взаимодействовать — будь то после прочтения интересного контента, нахождения на странице продукта или на момент намерения выхода. Все дело в времени, актуальности и в том, чтобы сделать предложение слишком хорошим, чтобы его игнорировать.

По нашему опыту, правильно оптимизированные всплывающие окна захвата лидов могут конвертировать с уровнем от 3% до 11%, иногда даже выше. Это означает, что на каждые 1 000 посетителей вы можете получить от 30 до 110 новых подписчиков на email. Неплохо для коробки с призывом к действию, правда?

Почему всплывающие окна захвата лидов важны

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

Всплывающие окна для захвата лидов снижают стоимость за лид

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

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

Вот некоторые показатели маркетинга, которые могут быть увеличены:

  • Стоимость за лид (CPL) — уменьшается, так как всплывающие окна являются эффективным способом генерации лидов с сайта посетителей, которых вы уже привлекли. 
  • Рентабельность рекламных расходов (ROAS) — улучшается по мере того, как конвертируется больше платного трафика.
  • Маркетинговая рентабельность инвестиций (ROI) — увеличивается благодаря более экономичной генерации лидов.

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

Использование всплывающих окон для захвата лидов устраняет утечки воронки продаж

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

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

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

  • Конверсия лидов в клиентов — больше проведенных лидов превращаются в платящих клиентов.
  • Пожизненная ценность клиента (CLV) — увеличивается, по мере укрепления отношений.
  • Эффективность воронки продаж — снижает отток между осведомлённостью и конверсией.

Попапы ускоряют рост вашего списка email-адресов

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

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

Вот маркетинговые показатели для увеличения:

  • Темп роста списка email-адресов — всплывающие окна значительно ускоряют создание списков.
  • Оценка качества лида — более высокое вовлечение, когда всплывающие окна нацелены на правильную аудиторию.
  • Удержание подписчиков — меньше отписок, когда лиды действительно заинтересованы.

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

Хорошая маркетинговая воронкапереводит людей плавно от посетителя к лидеру и клиенту. Плохая воронка? Ну, это просто протекающее ведро. Попапы для генерации лидов усиливают каждый этап воронки:

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

5 лучших практик для попапов захвата лидов

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

1. Не просто показывайте — планируйте!

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

Попробуйте это:

  • Приветственный попап со скидкой для первых посетителей или покупателей.

Home_Day
Использовать этот шаблон

  • Подписка на рассылку, встроенная в ваш блог.

Pastel_3D_Clouds_and_Plane
Использовать этот шаблон

  • Уведомление о «возвращении в наличии» на странице с распроданными товарами.
  • Персонализированный попап с выходом по намерению со специальным предложением.

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

2. Игровизируйте: сделайте попап для захвата лидов увлекательным

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

Например, вместо скучного «Зарегистрируйтесь на скидку 10%», попробуйте попап с колесом удачи, где посетители могут выиграть от 5 до 15% скидки. Волнение удерживает их внимание, и вы все равно получаете контактные данные. 

Evergreen_Spinner
Использовать этот шаблон

Если хотите узнать больше о использовании форм захвата лидов с колесом удачи и управлении призовым фондом, прочитайте эту статью

3. Разбейте на этапы с многошаговыми формами

Запрашивать слишком много информации сразу — все равно что предложить кому-то руку и сердце на первом свидании. Вместо этого постепенно привлекайте интерес с помощью многошаговой формы:

  1. Шаг: просто попросите электронную почту.
  2. Шаг: если они это сделали, спросите их имя.
  3. Шаг: если они все еще заинтересованы, возможно, номер телефона или предпочтения по продукту.

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

Question_Path
Использовать этот шаблон

4. Персонализируйте как профи 

Представьте, что вы заходите в магазин, и вместо обычного приветствия, продавец говорит: «Эй, вы смотрели на эти беговые кроссовки. Вот сделка специально для вас.» Вот что могут сделать персонализированные поп-апы.

Claspo’s Merge Tags позволяет вам настраивать виджеты в реальном времени на основе поведения посетителя. Например:

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

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

5. Тестируйте и Настраивайте 

Поп-ап, который работает хорошо — это хорошо. Поп-ап, который прекрасно конвертирует — лучше. A/B тестирование помогает вам улучшить ваш подход, сравнивая разные дизайны, тексты, стимулы и правила отображения. Тестируйте такие вещи, как:

  • Заголовки: «Получите 10% скидку» против «Ваша эксклюзивная скидка внутри».
  • Кнопки призыва к действию: «Подпишитесь сейчас» против «Получите вашу скидку».
  • Время появления поп-апа: немедленно, через 10 секунд, на выходе и так далее. 

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

14 лучших примеров поп-апов для сбора лидов

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

Поп-апы для генерирования лидов в электронной коммерции

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

Women-s-Sweaters-Richer-Poorer-02-06-2025_06_26_PM

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

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

MSBLUE

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

Ничто не привлекает внимание так, как шанс что-то выиграть. Этот виджет "крутите-выигрывайте" использует классический подход геймификации, превращая страницу захвата лидов в мини-аттракцион. Один из слайдов в вращающемся баннере дразнит посетителей возможностью покрутить колесо. Чтобы разблокировать игру, пользователи должны ввести свой email.

Luxe_Loop
Использовать этот шаблон

Лучшая часть заключается в том, что виджет не отвлекает от основной цели конверсии. Он находится внутри мульти-слайдового баннера, сохраняя другие акции видимыми, при этом бесшовно интегрируя захват лидов. Такая настройка гарантирует, что пользователи остаются вовлечёнными, а не чувствуют давления принять решение на месте.

Lullabellz знает, как превратить FOMO в источник лидов. Его всплывающее окно захвата лидов не просто собирает email — оно создаёт ощущение эксклюзивности. Посетителей приглашают подписаться для раннего доступа к предстоящей распродаже и получения бонусной скидки на первую покупку. Эта двойная стимуляция поощряет пользователей предоставить как email, так и номер телефона. 

Hair-Pieces-Extensions-___-Lullabellz-US

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

MAUDAU использует двухэтапный процесс подписки — зачем довольствоваться только email, если можно персонализировать весь опыт? Вот как это работает:

  • Шаг первый: пользователи вводят свой email — просто, без давления.
  • Шаг второй: второй экран запрашивает детали о питомце с использованием выпадающих списков и календаря для быстрого и беспроблемного ввода. 

Pet-supplies-form

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

Примеры всплывающих окон для генерации лидов SaaS

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

Comprehensive_Advice
Использовать этот шаблон

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

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

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

Sopro-Multichannel-B2B-prospecting-service-call-request

Запрос на консультацию, оформленный в виде вопроса — «Пересматриваете вашу стратегию взаимодействия?» — сразу обращается к распространенной проблеме. Сопроводительный текст заверяет посетителей, что компания уже помогла тысячам B2B брендов, усиливая социальное доказательство и доверие. Многофункциональная форма захвата лидов включает:

  • Имя и фамилия — персонализация для индивидуального подхода.
  • Рабочий email — гарантирует деловую переписку.
  • Номер телефона — включает выбор страны и упрощает варианты контакта.
  • Вебсайт — помогает оценить релевантность лида и размер компании.
  • Галочка B2B — предварительная квалификация лидов, удостоверяющая, что они соответствуют целевой аудитории компании.

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

Примеры всплывающих окон для генерации лидов в онлайн-образовании и обучении

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

Content-Marketing-and-Copywriting-Articles

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

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

Working_Meeting
Использовать этот шаблон

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

Всплывающее окно для генерации лидов B2B и агентств

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

  • Поощряет прямую связь, идеальную для персонализированных запросов.
  • Позволяет посетителям изучить контент перед принятием решения.

exit-intent-two-buttons

Стратегия двойного призыва к действию привлекает разные типы лидов: тех, кто хочет получить немедленные ответы, и тех, кто предпочитает исследовательские материалы. Контрастные, кликабельные кнопки CTA повышают вовлеченность пользователя и облегчают выполнение действий. Заметный копирайтинг — «Не нашли то, что искали?» — сразу привлекает внимание посетителей и резонирует с пользователями, которые могут искать конкретные данные. Визуальный сторителлинг — изображение компаса усиливает идею нахождения правильного направления с помощью экспертных знаний.

Всплывающее окно для захвата лидов для услуг и консультаций

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

multi-step-form

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

Vibrant_StepsИспользовать этот шаблон

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

Comfy_Solutions
Использовать этот шаблон

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

Примеры всплывающих окон для генерации лидов в медиа

Форма подписки на email от Esquire предназначена для привлечения читателей, которые хотят получать свежий контент ежедневно. Его чистый и смелый дизайн обеспечивает ясность и фокус на призыв к действию для подписки.

Esquire

Она четко заявляет ценностное предложение и использует увлекательный, разговорный текст, чтобы сделать предложение более привлекательным. Одно поле ввода сохраняет процесс регистрации простым. Она включает ссылки на Условия использования и Уведомление о конфиденциальности, добавляя ясности и достоверности. Основной призыв к действию выделяется и визуально различим, что облегчает подписку. Вторичная ссылка на отказ предоставляет четкий выход, снижая разочарование. Пример из «All Things Newsletter» предлагает свежий подход. Его чистый, воздушный дизайн всплывающего окна безупречно интегрируется на страницу, делая его менее навязчивым, но при этом привлекающим внимание.

all-things-newsletter-pop-up

Виджет вызывается прокруткой (40% страницы), обеспечивая его появление, когда пользователи уже взаимодействуют с содержимым. Вместо стандартного текста-заполнителя, как «Введите ваш email», поле ввода включает количество подписчиков, создавая чувство срочности с помощью социальное доказательство. Оно побуждает к регистрации, показывая реальную активность других пользователей, — создавая ощущение, что пользователи присоединяются к эксклюзивному сообществу. Излишний брендинг отсутствует. Простой логотип служит и идентификатором, и визуальным элементом виджета.

 

Как создать качественный всплывающий поп-ап для захвата лидов с помощью Claspo

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

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

  1. Шаг: мы спрашиваем посетителя, что он предпочитает — кофе или чай.
  2. Шаг: в зависимости от выбора, предлагаем бесплатные загружаемые руководства.
  3. Шаг: собираем их электронную почту в обмен на руководства.

Эта стратегия генерации лидов делает опыт персонализированным, увлекательным и полезным, и в то же время расширяет список email’ов магазина аудиторией, действительно заинтересованной в продуктах.

Получите доступ ко всем функциям Claspo в бесплатном неограниченном плане

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

Polar_Quest
Использовать этот шаблон

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

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

Вот результат наших усилий по разработке поп-апа для захвата лидов:

claspo-multi-step-form-coffee-tea

Теперь давайте настроим условную логику, чтобы каждая кнопка открывала нужную страницу. Например, кнопка «Любитель кофе» ведет на вторую страницу, а кнопка «Ценитель чая» — на третью. Чтобы настроить это, выберите кнопку, перейдите в Общие настройки и в Действие при клике, выберите Открыть страницу виджета и укажите страницу.

conditional-logic

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

image-change

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

do-not-sync

Мы добавим компонент Checkbox с вариантами для подписчиков, чтобы они могли выбрать свои интересы. Любители кофе могут выбрать между рецептами классических напитков или коктейлей на основе кофе: 

Checkbox-coffee

В то время как любители чая могут выбрать руководства по черным или зеленым чаям: 

tea-lovers-checkbo

Этот выбор помогает нам определить предпочтения пользователей, позволяя создавать целевой контент для email-рассылок. В результате, поклонники кофе получают контент, связанный с их выбранными руководствами по кофе, а любители чая — письма, адаптированные под их интересы к чаю. Checkbox позволяет пользователям выбирать несколько вариантов, создавая ценную третью группу — подписчиков с широкими интересами. Эти пользователи могут быть заинтересованы в получении расширенных предложений, кросс-промоций и более разнообразного контента новостей.

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

Multi-step-previous-page

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

На четвертой странице будет запрашиваться адрес электронной почты пользователя. Для этого мы редактируем текст в шаблоне и добавляем компонент поля email. Вы также можете при желании изменить текст в Placeholder.

email-field-placeholder

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

delete-pages

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

success-page-copy

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

Пришло время настроить правила отображения! Сохранив дизайн, переходим на страницу настроек и нажимаем Редактировать в разделе На основе правила. В разделе Когда показывать выберите Покидание страницы и оставьте условие Провести на странице 20 секунд. Таким образом, наш попап будет отображаться посетителям, которые действительно заинтересованы и проводят некоторое время на странице, — а не просто случайно оказавшимся там.

В результате, у нас есть этот виджет на страницах нашего сайта:

Coffee-shop-demo-widget

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

Время применить ваши всплывающие окна захвата лидов

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

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

Захватывайте лидов с намерением — и превращайте их в действия с Claspo
Популярное

Вас также может заинтересовать
Как создать мобильный попап, который конвертирует: примеры и лучшие практики
Как создать мобильный попап, который конвертирует: примеры и лучшие практики

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

21 февраля 2025 8 мин читать
Топ-13 Плагинов для Генерации Лидов на WordPress в 2025 году
Топ-13 Плагинов для Генерации Лидов на WordPress в 2025 году

Генерация лидов должна быть простой — разместите форму на своем сайте, предложите что-то неотразимое и увеличивайте свой список рассылки, верно? Если бы только. На самом деле, маркетологи сталкиваются с множеством сложностей при настройке и управлении плагинами для захвата лидов на WordPress.  Всплывающие окна могут значительно повысить конверсии, но также могут раздражать посетителей, если они слишком навязчивы. Пользователи мобильных устройств? Они ожидают безупречный опыт, однако некоторые плагины превращают всплывающие окна в неработающие кошмары на маленьких экранах. И не будем забывать о...

19 февраля 2025 40 мин читать
12 Способов Получить Больше Лидов с Вашего Сайта
12 Способов Получить Больше Лидов с Вашего Сайта

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

17 февраля 2025 20 мин читать
Геймификация в маркетинге: Почему это работает и какие задачи выполняет
Геймификация в маркетинге: Почему это работает и какие задачи выполняет

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

04 марта 2025 18 мин читать
Психология геймификации в маркетинге, или почему «Temu так же затягивает, как сахар»
Психология геймификации в маркетинге, или почему «Temu так же затягивает, как сахар»

Почему же Temu кажется невозможным покинуть? Каждое пролистывание на Temu — это дозa дофамина, завернутая в скидку. Temu — это не просто электронная коммерция, это психологическая игровая площадка. Мгновенные предложения, обратные таймеры для бесплатной доставки и вращающиеся колеса для мгновенных скидок держат покупателей на крючке, направляя их к одной покупке за другой. Срочность, вознаграждения, удача и достижения — все создано для того, чтобы покупатели оставались вовлеченными и мотивированными. Ничто из этого не случайно. Ритейлеры давно изучали поведение потребителей, и, как...

04 марта 2025 10 мин читать
Геймификация веб-сайтов: Как это сделать & 10 лучших примеров
Геймификация веб-сайтов: Как это сделать & 10 лучших примеров

Создание игровых сайтов, с которыми пользователи хотят взаимодействовать? Лучшие практики веб-дизайна с макетами, прототипированием и итерациями - это только начало вашего пути. Мы предоставим вам дизайнерские рамки, акцентируем внимание на UX воронках и предложим превосходные примеры того, как ваши любимые сайты реализовали геймификацию.  Итак, как создавать игровые сайты? С помощью виджетов, конечно! В отличие от большинства цифровых продуктов, которые существуют для полезности, игровые виджеты или всплывающие окна служат для мотивации и работают вне основной системы обмена ценностями (в электронной торговле...

05 марта 2025 35 мин читать

Вверх