Как создать всплывающее окно "Pick a Gift"

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

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

Пусть ваш следующий шаг будет победным 😉

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

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

Вот как это обычно работает:

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

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

Чтобы завершить знакомство с основами, давайте рассмотрим некоторые способы применения всплывающих окон "выбери подарок": 

1. Приветствуйте впервые посетителей интерактивным предложением.
2. Мотивируйте пользователей присоединяться к вашему списку рассылки.
3. Привлекайте подписки на вашу программу лояльности или вознаграждений.
4. Снижайте уровень брошенных корзин, предлагая стимулы.
5. Побуждайте пользователей рекомендовать вас друзьям или семье.
6. Создайте ажиотаж вокруг специальных мероприятий.
7. Вознаграждайте пользователей за особые достижения, такие как годовщины или дни рождения.
8. Увеличивайте осведомленность и интерес к запуску продукта.
9. Геймифицируйте опросы, чтобы побудить пользователей предоставить ценные отзывы.
10. Предотвращайте уход пользователей с вашего сайта без каких-либо действий.

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

Почему всплывающее окно "выбери подарок" действительно работает

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

Увеличение вашей базы электронной почты

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

Увеличение коэффициента конверсии

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

Поощрение повторных визитов и лояльности клиентов

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

Как создать всплывающее окно «Выберите подарок» с высокой конверсией

Давайте пройдем шаги создания игрофицированного всплывающего окна в Claspo. Во-первых, вам нужно создать учетную запись. Затем откройте наш бесплатный создатель всплывающих окон, нажмите New Widget и выберите Template Library.

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

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

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

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

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

Нажмите кнопку Редактировать награды и добавьте ваши награды. 

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

ОК, награды настроены. Шаблон также имеет таймер. Давайте настроим его. В Claspo вы можете установить таймер, чтобы он начинался независимо для каждого посетителя. Мы называем его относительным таймером. Это гарантирует, что каждый посетитель получит возможность воспользоваться предложением и превратиться из посетителя в лида. 

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

Теперь давайте добавим поле для ввода пользователем его имени и перейдем на следующую страницу. 

Оверлейные попапы имеют страницу регистрации и три дополнительных страницы: Успех, Существующая, Ошибка. Давайте внесем несколько изменений на страницу Успех. Поскольку в форме регистрации у нас есть поле имени и метка промокода, мы можем добавить соответствующие теги слияния для персонализации сообщения об успехе. Просто установите курсор в любом месте текста и вставьте тег слияния (вы найдете его в панели слева/справа).

Итак, когда пользователь заполнит форму, он увидит следующее:

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

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

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

Правила в Claspo дают вам множество возможностей сделать вашу таргетинг как можно более точным. Например, укажите страницы, на которых должен появляться попап. Укажите страну или даже город (почему бы не создать индивидуальные попапы для нескольких мест с учетом специфики наград?). Вы можете нацелиться на посетителей, используя параметры UTM, чтобы сделать попап естественным продолжением более крупной кампании. 

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

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

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

Мы почти закончили 😌

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

Claspo работает со многими популярными программными решениями. Выберите всё, что вам нужно, и не забудьте сопоставить поля, чтобы убедиться, что информация записывается правильно. 

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

Что делает всплывающие окна с выбором подарка более эффективными 🎁

Ценностное предложение и четкое сообщение

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

Время, нацеленность и предложения

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

Не запускайте всплывающее окно сразу после загрузки страницы. VWO сообщает, что у всплывающих окон, появляющихся с задержкой, коэффициент конверсии на 13% выше, чем у тех, которые срабатывают моментально. Именно поэтому стандартное время задержки в Claspo установлено в 20 секунд. Даже если это приветственное предложение, дайте пользователям время сначала ознакомиться с контентом.

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

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

Адаптивность для мобильных устройств

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

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

A/B тестирование и персонализация

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

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

Подведем итоги

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

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

🧡 Самое лучшее? Вы можете зарегистрироваться бесплатно и использовать бесплатный план без каких-либо ограничений по функциям.