10 лучших примеров всплывающих сообщений для вдохновения в 2022 году

Опубликовано: 2022-06-29

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

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

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

Давайте погрузимся в них!

10 лучших примеров всплывающих сообщений для вдохновения

Что такое всплывающее сообщение?

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

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

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

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

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

Давайте посмотрим на них вместе.

1. Всплывающее окно с намерением выхода из Co-Schedule

пример всплывающего сообщения co schedule

Всплывающее окно Co-Schedule — отличный пример всплывающих окон с намерением выйти. Он начинается словами «Регистрация занимает всего 30 секунд», что подразумевает практичный и простой процесс регистрации. Таким образом, люди могут быть убеждены и зарегистрироваться на этом сайте.

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

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

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

Кнопка CTA с надписью «Запланировать демонстрацию» перенаправляет на демонстрационную встречу и дает возможность опробовать продукт.

2. Всплывающее окно новостной рассылки по электронной почте Фрэнка Боди

Пример всплывающего сообщения Frankbody

Frank Body — бренд средств по уходу за кожей, специализирующийся на проблемах с акне. Их всплывающее сообщение начинается с заголовка «Сними штаны». Такой остроумный заголовок сразу привлекает внимание людей. Кроме того, эта компания предлагает своей аудитории скидку 10% на первую покупку.

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

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

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

3. Информационное всплывающее окно Lego

пример всплывающего сообщения lego

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

Слово «больше» используется при перенаправлении аудитории на главную страницу и в игровую зону Lego. Это означает, что веб-сайту Lego есть что предложить своим посетителям.

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

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

4. Всплывающее окно электронной рассылки MeUndies

пример всплывающего сообщения meundies

MeUndies — компания по производству нижнего белья. В этом они использовали простые всплывающие сообщения с простым языком. Заголовок предлагает своим посетителям скидку 15%, говоря: «Как насчет скидки 15%?» вот и все! Иногда вам не нужно составлять длинные и витиеватые предложения.

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

5. Всплывающее окно электронной почты Old Navy

пример всплывающего сообщения старого флота Всплывающее окно Old Navy начинается со скидкой 20%. Заголовок заканчивается предложением: «Вы это заслужили». Это создает положительный эффект и может убедить людей покупать продукцию Old Navy, ведь вы знаете, как говорится, они это заслужили.

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

«Вы официально будете в курсе НОВЫХ поступлений, КРУПНЫХ сделок. ЭКСКЛЮЗИВНЫХ распродаж И МНОГОЕ ДРУГОГО».

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

6. Всплывающее окно Pitviper в стиле ретро

Пример всплывающего сообщения в ретро-стиле от pitviper

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

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

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

7. Всплывающее окно электронной почты с новостной рассылкой The Pool Factory

пример всплывающего сообщения poolfactory

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

Их всплывающий заголовок просто говорит: «ЗАРЕГИСТРИРУЙТЕСЬ И СОХРАНИТЕ». Вот и все. Нет необходимости добавлять красивые слова, так как дизайн уникален и уже означает фирменный стиль.

В части описания предложение «Узнавайте первыми об эксклюзивных предложениях, новостях, выпусках продуктов и подарках». написано. Благодаря этому всплывающему сообщению The Pool Factory предлагает своим посетителям множество преимуществ.

8. Бесплатное всплывающее окно Revolve

пример всплывающего сообщения revolve

Всплывающее окно новостной рассылки бренда дизайнерской одежды Revolve начинается с заголовка предложения о скидке, который гласит: «Получите скидку 10%» . Этого достаточно, чтобы привлечь внимание посетителей, так как он предлагает скидку.

Когда дело доходит до описания всплывающего окна, оно говорит: «Эй, хорошо выглядишь!» который имеет дружелюбный и комплиментарный тон. Это отличный способ побудить людей к действию. Он продолжается фразой «Узнавайте первыми о новых поступлениях, распродажах и акциях!» что здорово, чтобы поймать людей со страхом упустить.

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

9. Дружелюбное всплывающее окно Цуно

пример всплывающего сообщения цуно

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

Описание всплывающего окна Цуно гласит: «Мы отправляем ежемесячные электронные письма с интересной и полезной информацией внутри. Присоединяйтесь к нам!» что означает, что их электронные письма полезны и увлекательны. Это также создает чувство общности, говоря: «Присоединяйтесь к нам!»

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

10. Всплывающее окно со скидками и новостной рассылкой по электронной почте в магазине Woven Store

Пример всплывающего окна магазина тканых материалов

Заголовок всплывающего окна бренда одежды Woven Store «Откройте для себя журналы тканого магазина, когда вы зарегистрируетесь». предлагает посетителям, что есть много вещей, чтобы открыть для себя. Это еще один пример всплывающего окна с простым и понятным языком.

Он включает в себя примечание, в котором говорится: «PS Когда вы подписываетесь на нашу рассылку, мы дарим вам 10% скидку на ваш первый заказ у нас. Просто введите свой адрес электронной почты ниже». Woven Store использовал слово «подарок» в этом описании, тоже кажется дружелюбным и убедительным.

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

Создавайте эффективные всплывающие окна с помощью Popupsmart менее чем за 5 минут

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

1. Зарегистрируйтесь, если вы еще этого не сделали, и нажмите кнопку «Создать новое всплывающее окно» на панели инструментов.

как создать всплывающее окно шаг первый

2. Затем вам нужно выбрать свою бизнес-цель. У нас разные бизнес-цели для разных нужд!

как создать всплывающее окно шаг второй

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

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

3. После выбора бизнес-цели появится окно «Создать всплывающую кампанию» . Вы можете назвать свою кампанию и выбрать свой домен из этой части.

как создать всплывающее окно шаг третий

4. В разделе «Макеты» вы можете выбрать один из наших настраиваемых макетов. У нас есть много вариантов, которые вы можете выбрать и оптимизировать в соответствии с вашей целью.

как создать всплывающее окно шаг четвертый

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

как создать всплывающее окно шаг пятый

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

6. Когда вы закончите настройку всплывающего окна и убедитесь, что оно выглядит фантастически, перейдите в раздел «Цель» .

как создать всплывающее окно шаг шестой

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

Когда вы закончите выбирать параметры таргетинга, нажмите кнопку «Далее для публикации» .

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

как создать всплывающее окно шаг седьмой

8. Нажмите на доменную часть, и вы увидите это окно, показанное ниже.

как создать всплывающее окно шаг восьмой

Вы можете скопировать и вставить этот код для вставки в основную часть вашего сайта. (Добавьте его перед закрывающим </body> в разделе внедрения кода вашего веб-сайта.)

9. Нажмите кнопку «Сохранить и опубликовать» , и ваше всплывающее окно будет готово.

как создать всплывающее окно шаг девятый

Вот окончательный вид нашего всплывающего окна:

окончательный вид всплывающего окна на веб-сайте

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

Полезные советы по созданию готовых к конверсии всплывающих окон

  • Убедитесь, что вы добавили слова CTA (призыв к действию) во всплывающее сообщение.

  • Добавление слов, создающих ощущение срочности и дефицита, таких как «ограниченное время, на некоторое время», может вызвать FOMO.

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

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

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

Короче говоря…

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

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

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

Какое самое лучшее всплывающее сообщение вы встречали? Пожалуйста, не стесняйтесь и поделитесь с нами!

Ознакомьтесь с этими сообщениями в блоге:

  • Как создать всплывающее окно Shopify Cookie, идеи и примеры 10
  • Как добавить всплывающее окно новостной рассылки Shopify и 16 примеров
  • +90 инструментов дизайна, облегчающих жизнь дизайнерам в 2022 году
  • 15 лучших готовых к конвертации шаблонов Shopify для использования в 2022 году