20 шаблонов всплывающих окон и дизайнов веб-сайтов для повышения конверсии

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

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

Готовы начать?

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

Лучшие шаблоны всплывающих окон для получения новых подписчиков

Лучшие шаблоны всплывающих окон для увеличения продаж

Лучшие всплывающие шаблоны для сбора отзывов

Лучшие шаблоны всплывающих окон, которые направят посетителей вашего сайта по воронке продаж

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

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

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

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

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

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

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

2. Расширьте свой список с помощью всплывающего окна электронной книги

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

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

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

Что делать, если у вас нет электронных книг, которыми можно поделиться с посетителями?

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

3. Увеличьте коэффициент конверсии с помощью игрового всплывающего окна

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

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

Игровое всплывающее окно не только расширит ваш список, но и поможет увеличить ваши продажи.

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

4. Получите больше информации о клиенте с помощью многошагового всплывающего окна

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

Вот как их использовать:

• Шаг 1: Спросите адрес электронной почты вашего посетителя.
• Шаг 2: Запросите дополнительную соответствующую информацию (номер телефона, имя, местонахождение, все, что вам нужно).
• Шаг 3. Покажите посетителям сообщение «Спасибо» и предложите им скидку или код купона (необязательно).

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

5. Добавьте скидку в свою электронную почту

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

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

6. Соберите телефонные номера с помощью этого всплывающего окна SMS.

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

Если вы ищете хороший инструмент для создания всплывающих окон, выберите тот, который поддерживает широкий спектр решений для электронной коммерции. OptiMonk легко интегрируется со всеми популярными инструментами SMS-маркетинга , включая:

• Клавио
• Активная кампания
• SMSBump
• Firepush и многое другое

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

7. Собирайте подписчиков Facebook Messenger, продвигая специальные предложения

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

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

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

8. Предлагайте ограниченные по времени предложения с таймером обратного отсчета

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

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

Прочтите этот кейс , чтобы узнать, как BootCuffSocks использовали таймер обратного отсчета и сократили количество брошенных корзин на 17%.

9. Рекламируйте бесплатную доставку в боковом сообщении

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

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

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

10. Увеличьте продажи с помощью всплывающего окна с социальным доказательством

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

Почему вы хотите это сделать? Потому что социальное доказательство продается.

83% клиентов используют его для информирования о своих решениях о покупке.

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

11. Рекламируйте свои бестселлеры с рекомендациями продуктов

Хотите вернуть посетителей, покидающих ваш сайт с пустыми руками? Попробуйте этот шаблон.

Это всплывающее окно с намерением выйти, которое продвигает ваши самые продаваемые товары.

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

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

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

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

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

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

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

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

Теперь давайте рассмотрим некоторые шаблоны всплывающих окон для опроса ваших клиентов.

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

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

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

14. Спросите новых покупателей, как они вас нашли

Ключом к пониманию ваших источников трафика является вопрос: «Как вы нас нашли?».

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

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

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

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

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

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

Получите ценную информацию для повышения коэффициента конверсии и продаж с помощью этого всплывающего окна.

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

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

17. Рассчитайте свой Net Promoter Score с помощью липкой полосы

Net Promoter Score (NPS) — один из лучших способов измерения удовлетворенности клиентов. Когда клиент ставит вам высокую оценку, он с большей вероятностью порекомендует вас другу и снова купит у вас.

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

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

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

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

18. Приветствуйте посетителей с помощью этого всплывающего окна повторного вовлечения

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

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

19. Персонализируйте свое путешествие на сайт с помощью опроса пользователей

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

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

20. Рекламируйте новые продукты постоянным посетителям

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

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

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

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

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

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

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