10 всплывающих окон Shopify для увеличения вашего дохода и подписчиков электронной почты

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

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

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

С этим, давайте погрузимся прямо в!

Оглавление

Всплывающие окна для захвата адресов электронной почты

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

Всплывающие окна для продвижения специальных предложений

Как создать всплывающее окно в Shopify с помощью OptiMonk

Чем больше писем вы сможете собрать, тем быстрее вы сможете масштабировать свой бизнес.

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

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

1. Привлеките посетителей как можно скорее с помощью всплывающего окна со скидкой | РОВУС Обувь

Что хорошо делает это всплывающее окно?

• Это всплывающее окно может похвастаться чистым и стильным дизайном с использованием контрастных цветов, чтобы привлечь внимание к призыву к действию (CTA).
• Заголовок дает прямой стимул: «Хотите скидку 10%?»
• ROVUX использует разговорный CTA, подчеркивая, что клиенты присоединятся к их сообществу. Хорошая работа!
• Всплывающее окно автоматически определяет, вошли ли посетители в Facebook, благодаря функции Smart Display OptiMonk . Это позволяет им автоматически выбирать между представлением Messenger (вход в систему) или электронной почтой (выход из системы).

Как я могу скопировать его?

Мы предлагаем использовать шаблон OptiMonk Valencia, так как он по умолчанию использует контрастные цвета.

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

После этого выберите контрастный цвет для всплывающего окна (мы рекомендуем использовать Paletton ) и бум! Отредактируйте текст, и все готово.

2. Будьте смелее с полноэкранными предложениями, которые ваши посетители не смогут пропустить | Подушка

Что хорошо делает это всплывающее окно?

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

Как я могу скопировать его?

Используйте шаблон Хельсинки OptiMonk.

Просто удалите поля «Имя» и «Фамилия», если хотите более простую форму. Далее обновите заголовок, и все готово!

Этот шаблон доказывает, что захват электронной почты Shopify не должен быть сложным.

3. Выделитесь, продвигая мощную скидку | Алмазный ММА

Что хорошо делает это всплывающее окно?

• Это всплывающее окно ставит во главу угла сильный стимул: скидка 15% и эксклюзивы для подписчиков.
• Темный фон и изображение делают белую форму действительно популярной.

Как я могу его скопировать?

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

Для начала поменяйте фон на черно-белое изображение. Затем удалите все ненужные элементы и измените цвет кнопки.

Наконец, отрегулируйте минимальную высоту всплывающего окна, и все готово.

4. Будьте индивидуальны, спрашивая посетителей об их предпочтениях | Два тега

Что хорошо делает это всплывающее окно?

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

Как я могу скопировать его?

Начните с шаблона OptiMonk для Нью-Йорка.

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

5. Пригласите посетителей присоединиться к вам с помощью тонкого дополнительного сообщения | Местные крепости

Что хорошо делает это всплывающее окно?

• Формат бокового сообщения не является навязчивым — он не мешает посетителям сайта во время просмотра.
• Включенная фотография основателя бренда делает всплывающее окно более личным.

Как его скопировать?

Попробуйте шаблон бокового сообщения в OptiMonk (подсказка: мы предлагаем шаблон Mayon).

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

6. Обращайтесь к посетителям на предпочитаемых ими условиях (Messenger или электронная почта) | Лучшая цена питания

Что хорошо делает это всплывающее окно?

• Этот магазин использует функцию Smart Display от OptiMonk для представления всплывающего окна через Messenger для посетителей, вошедших в Facebook.
• Это всплывающее окно ориентировано на подписчиков Messenger, которые, как хорошо задокументировано, превосходят другие подписные каналы (с коэффициентом открытия ~ 80% и рейтингом кликов ~ 25%).

Как его скопировать?

Начните с шаблона OptiMonk в Дохе.

Удалите фоновые изображения, измените текстовые элементы и все!

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

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

Согласно статистике Baymard Institute , около 70% посетителей сайта, которые добавят товар в корзину, покинут магазин Shopify без покупки.

Ой.

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

7. Обращайтесь к посетителям на предпочитаемых ими условиях (Messenger или электронная почта) | Лучшая цена питания

Что хорошо делает это всплывающее окно?

• Проверьте эту заключительную ссылку («Нет, спасибо, я бы предпочел заплатить полную цену»). Это связано со страхом посетителей упустить выгоду (FOMO) и в конечном итоге побуждает их воспользоваться скидкой.
• Это всплывающее окно нельзя пропустить. Красочное покрытие бросается в глаза и бросается в глаза.

Как его скопировать?

Мы предлагаем использовать шаблон Сантьяго от OptiMonk.

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

8. Нажмите на FOMO ваших посетителей (страх упустить) | Грув Жизнь

Что хорошо делает это всплывающее окно?

• Вместо того, чтобы предлагать скидку 10%, этот магазин Shopify предлагает бесплатные кольца: это мощный стимул.
• Заголовок («Подожди! Не забывай о…») останавливает читателей.

Как я могу скопировать его?

Используйте шаблон Будапешта OptiMonk.

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

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

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

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

9. Дайте посетителям единственную в своем роде скидку | Потрясающие кости

Что хорошо делает это всплывающее окно?

• Заголовок «Предложение открыто» привлекает внимание посетителей и представляет эксклюзивное предложение.
• Предложение скидок на конкретный продукт — разумный шаг, особенно когда продукты персонализированы на основе опыта просмотра.

Как я могу скопировать его?

Вы можете использовать шаблон New York от OptiMonk.

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

10. Дайте легкий «толчок» своим предложениям с помощью нанобара | Йоовв

Что хорошо делает это всплывающее окно?

• Нанобары менее навязчивы, чем традиционные всплывающие окна. Они могут отображаться где угодно и не мешать вашим клиентам.
• Это всплывающее окно обеспечивает беспроблемный опыт, перемещая посетителей из точки А в точку Б. Объявляя распродажи в Черную пятницу и Киберпонедельник с помощью nanobar, оно перенаправляет их на нужную целевую страницу.

Как я могу скопировать его?

Нанобар Joovv был создан с использованием шаблона OptiMonk GDPR Bar.

Чтобы скопировать его, удалите изображение и флажок. Затем добавьте элемент Text, измените цвета и вставьте свою копию. Сделанный!

Шаг 1: Вам необходимо добавить OptiMonk в свой интернет-магазин через магазин приложений Shopify. Это можно сделать всего за несколько кликов, выбрав «Добавить приложение» на нашей странице .

Шаг 2: После принятия обычных разрешений вы сможете установить OptiMonk и добавить в свой магазин Shopify все наши замечательные шаблоны всплывающих окон.

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

«Я добавил OptiMonk в свой магазин Shopify. Что теперь?"

Шаг 4: Начните с выбора шаблона! Хотя на выбор предлагается более 200 шаблонов, вы можете быстро сузить область поиска, выбрав тип сообщения или цель.

Шаг 5: Теперь вы можете начать настраивать свои собственные всплывающие окна, используя шаблоны и примеры, о которых мы говорили ранее.

Используя наш редактор перетаскивания, вы можете мгновенно:

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

Имейте в виду, что наш редактор позволяет настроить каждый этап процесса, в том числе:

• Главная страница (ваша настоящая поп-музыка)
• Страница благодарности (то, что появляется после того, как кто-то соглашается)
• Тизер (предварительный просмотр вашего всплывающего окна, на которое посетители могут нажать)

Шаг 6: После того, как вы разобрались с творческой стороной своего всплывающего окна, пришло время решить, когда вы представите его посетителям.

Например, OptiMonk позволяет запускать всплывающее окно в зависимости от поведения посетителя, например:

• Когда кто-то собирается покинуть ваш сайт (намерение выхода)
• Когда кто-то прокручивает или щелкает определенную часть вашего сайта
• Через определенное время (5 секунд, 10 секунд)

Шаг 7: После того, как вы определились со всем вышеперечисленным, вы готовы активировать свою кампанию в своем магазине. Просто нажмите кнопку Активировать.

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

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

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

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