Хотите добавить полноэкранный приветственный коврик на свой сайт??
Приветственный коврик — это полноэкранный динамический оверлей, который может помочь вам получить больше подписчиков на рассылку, скачиваний электронных книг, продаж ваших продуктов и т.д.
В этой статье мы расскажем, как создать приветственный коврик для вашего сайта WordPress, а также приведем несколько отличных примеров приветственных ковриков, на которых можно поучиться.
Почему приветственный коврик может повысить вашу конверсию
Более 70% посетителей, покидающих ваш сайт, никогда не вернутся, если вы не превратите их в подписчиков электронной почты или клиентов.
Коврик приветствия — это большой полноэкранный рекламный блок, который блокирует просмотр остального содержимого вашего сайта, чтобы привлечь внимание пользователя.
Это может показаться плохой идеей, но это отличный способ сразу же донести ваше сообщение до посетителей.
Если посетителям не нужно то, что вы предлагаете, они могут просто закрыть приветственный коврик.
Подобно всплывающим окнам, ориентированным на выход, коврики приветствия эффективны в обеспечении высоких показателей конверсии.
Конечно, вы захотите дать людям вескую причину для регистрации. Если у вас еще нет лид-магнита, то вы можете предложить код скидки или даже бесплатную услугу.
Вот два совершенно разных примера ковриков приветствия, которые имеют очень высокие коэффициенты конверсии:
Выше приведен приветственный коврик, который мы используем на нашем блоге WPForms, и он очень хорошо конвертирует.
На скриншоте ниже — приветственный коврик, который мы используем для одного из наших лид-магнитов, который действительно хорошо работает, заставляя пользователей присоединиться к нашей рассылке по электронной почте:
Учитывая это, давайте рассмотрим, как легко добавить приветственный коврик на ваш сайт.
Как создать приветственный коврик для вашего сайта
Сначала вам нужно зарегистрировать аккаунт в OptinMonster. Это лучшее в мире программное обеспечение для генерации лидов, которое позволяет вам легко создавать формы подписки, включая коврики приветствия.
Примечание: Основатель WPBeginner, Саид Балхи, впервые создал OptinMonster, чтобы помочь вырастить собственных подписчиков и продажи. Сейчас это плагин премиум-класса, который используют сотни тысяч сайтов.
Далее вам нужно будет установить и активировать плагин OptinMonster WordPress. Для более подробной информации смотрите наше пошаговое руководство о том, как установить плагин WordPress.
Плагин подключает приложение OptinMonster к вашему сайту. Как только вы активировали плагин, нажмите на меню OptinMonster в вашей приборной панели WordPress, чтобы подключить свой аккаунт.
После этого вы готовы создать свой приветственный коврик.
Создание коврика приветствия для вашего сайта
В своей приборной панели WordPress нажмите кнопку «Создать новую кампанию», чтобы начать создание своего приветственного коврика.
Это приведет вас на сайт OptinMonster.
Далее выберите тип кампании «Полноэкранный».
Вам необходимо выбрать шаблон для своей кампании. Мы будем использовать шаблон «Вход», но вы можете выбрать другой, если хотите.
После того, как вы нажмете кнопку «Использовать шаблон», вы увидите следующий экран конструктора кампании:
Здесь вы можете изменить все, что захотите. Вы, конечно, захотите отредактировать текст в соответствии с вашим собственным предложением.
Просто нажмите на любой элемент, и вы увидите, что его можно редактировать в левой панели.
Далее, перейдите в раздел Настройки Optin » Полноэкранный фон. Нажмите на ‘Цвет фона’ и установите значение A (Альфа) равным 100.
Это гарантирует, что ваш приветственный коврик не будет прозрачным, так что ни один из контентов вашего сайта не будет отображаться.
Следующий шаг — запустить ваш приветственный коврик. Вы можете сделать это, нажав кнопку «Главная» на левой стороне, а затем выбрав «Настройки полноэкранного режима».
Отсюда вам нужно переключить опцию ‘Отображать слайд страницы?’ включите опцию, чтобы она была зеленой.
Это означает, что ваш приветственный коврик будет сползать вниз с верхней части экрана, а не исчезать в поле зрения.
Далее вам нужно переключиться на вид «Успех» вашего приветственного коврика. Вот что увидят ваши пользователи после выполнения желаемого действия.
После того, как вы будете довольны своим ковриком, вы можете настроить его отображение на вашем сайте.
Отображение приветственного коврика на вашем сайте
Вы можете установить, как вы хотите отображать всплывающее окно приветственного коврика, переключившись на вкладку «Правила отображения» в OptinMonste.
По умолчанию кампании OptinMonster отображаются на всех страницах вашего сайта после того, как посетитель находится там в течение 5 секунд. Поскольку это приветственный коврик, вы, вероятно, захотите, чтобы он отображался сразу же. Просто измените это значение на 0 секунд.
По умолчанию приветственный коврик будет отображаться на каждой странице вашего сайта. Вы можете легко включить или исключить определенные страницы с помощью правил персонализации OptinMonster.
Существует множество других вариантов персонализации и таргетинга, таких как местоположение пользователя, какие товары у него есть в корзине электронной коммерции, что он делал ранее на вашем сайте и т.д.
Как только вы будете готовы сделать ваш приветственный коврик живым, просто нажмите «Опубликовать» в верхней части экрана. Вам нужно будет переключить тумблер рядом с ‘Status’, чтобы он показывал ‘Live’.
Не забудьте нажать «Сохранить», чтобы сохранить изменения.
Теперь зайдите на свой сайт WordPress и нажмите на пункт меню OptinMonster. Вы должны увидеть свою кампанию приветственного коврика, а также все другие кампании, которые вы создали.
Если он не отображается, просто нажмите «Обновить кампании», чтобы получить данные с сайта OptinMonster.
Чтобы проверить свою кампанию, вы можете посетить свой сайт в новом окне браузера инкогнито. Вы увидите, как ваш приветственный коврик плавно переместится в верхнюю часть экрана.
Примеры отличных ковриков приветствия
Давайте посмотрим на некоторые примеры приветственных ковриков из разных отраслей. Для каждого из них мы рассмотрим то, что они делают хорошо, а также любые незначительные изменения, которые мы могли бы предложить.
1. Singularity
Этот приветственный коврик от Singularity побуждал пользователей зарегистрироваться и посмотреть прямую трансляцию Глобального саммита Университета Сингулярности. Он имел огромный успех и собрал более 2 000 новых подписчиков за 9 дней.
Нам особенно понравилось отличное использование логотипа, четкие шрифты и яркая надпись «Remind Me»!» кнопка.
2. Гоинс, писатель
Этот приветственный коврик от Goins, Writer предлагает бесплатное руководство. Это ясное, простое предложение, а минималистичный дизайн соответствует остальной части сайта.
Нам показалось, что кнопки «Да» и «Нет, спасибо» понятны и просты в использовании, а использование цифр в заголовке делает предложение убедительным.
3. AVweb
Этот приветственный коврик имеет большое, четкое изображение небольшого самолета. Это мгновенно привлекает внимание.
Нам понравилось отличное изображение и четкая надпись «Sign Me Up!» призыв к действию. Одна небольшая возможная доработка — сокращение теглайна, чтобы он не закрывал верхнюю часть самолета.
4. Загруженные пейзажи
Этот приветственный коврик от Loaded Landscapes немного отличается от других примеров. Фон слегка прозрачный.
Нам понравилось четкое предложение и энтузиазм красной кнопки призыва к действию. Фон сайта под приветственным ковриком может немного отвлекать внимание, поэтому, возможно, стоит изменить его на полностью непрозрачный, однако.
5. OptimizeMyBnb
Этот приветственный коврик использовался на определенной странице, ссылка на которую вела с книги, которую владелец сайта продавал через сторонних ритейлеров. Однако эти ритейлеры не передавали данные клиентов. Использование приветственного коврика таким образом помогло получить адреса электронной почты клиентов.
Нам показалось, что очень четкий заголовок, подзаголовок и текст призыва к действию хорошо работают. Однако мы подумали, что «item» на кнопке, вероятно, должно быть «items» во множественном числе. Это подчеркивает важность тщательной вычитки текста приветственного коврика.
Есть еще десятки примеров полноэкранных приветственных ковриков, которые вы можете увидеть, но мы не стали включать их все в это руководство.
Если вам нужно больше вдохновения, вот некоторые вещи, которые вы можете сделать с помощью полноэкранного приветственного коврика:
- Представьте целевое предложение или купон
- Демонстрация новых продуктов и услуг
- Пусть посетители знают, чего ожидать от сайта
- Привлеките новых подписчиков, выделив их лучший контент
- Направляйте посетителей на их профили в социальных сетях
- Сбор подписчиков по электронной почте в рамках предзапускного этапа
Если вы серьезно относитесь к улучшению конверсии вашего сайта, то приветственный коврик и даже полноэкранный интерстициал выхода — это одни из самых высококонверсионных элементов, которые вы можете добавить на свой сайт.
Мы надеемся, что эта статья помогла вам узнать, как создать приветственный коврик для вашего сайта, и что вы нашли примеры вдохновляющими. Вы также можете взглянуть на наше сравнение лучших сервисов email-маркетинга и список необходимых плагинов WordPress.
Источник: www.wpbeginner.com