Как создать приветствие для вашего сайта WordPress (+ примеры)

/

Хотите добавить на свой сайт полноэкранный приветственный коврик?

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

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

Почему приветствие может повысить конверсию

Более 70% посетителей, покидающих ваш сайт, никогда не вернутся, если вы не превратите их в подписчиков электронной почты или клиентов.

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

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

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

Подобно всплывающим окнам с намерением выхода, приветственные коврики эффективны для повышения коэффициента конверсии.

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

Вот два очень разных примера приветственных ковриков с очень высокими коэффициентами конверсии:

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

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

При этом давайте посмотрим, как легко добавить приветственный коврик на ваш сайт.

Как создать приветствие для вашего сайта

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

Затем вам необходимо установить и активировать плагин OptinMonster WordPress. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.

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

Подключите OptinMonster к своему сайту

После этого вы готовы создать приветственный коврик.

Создание приветствия для вашего веб-сайта

На панели управления WordPress нажмите кнопку «Создать новую кампанию», чтобы начать создание приветственного коврика.

Вы попадете на сайт OptinMonster.

Затем выберите «Полноэкранный режим» в качестве типа кампании.

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

После того, как вы нажмете кнопку «Использовать шаблон», вы увидите такой экран конструктора кампании:

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

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

Затем перейдите в «Параметры настройки» »Полноэкранный фон. Щелкните «Цвет фона» и установите значение A (Альфа) на 1 00.

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

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

Отсюда вам нужно включить опцию «Показать слайд страницы?», Чтобы она стала зеленой.

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

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

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

Размещение приветствия на вашем сайте

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

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

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

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

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

Не забудьте нажать «Сохранить», чтобы сохранить изменения.

Теперь перейдите на свой сайт WordPress и щелкните пункт меню OptinMonster. Вы должны увидеть свою кампанию с приветственным ковриком и все другие созданные вами кампании.

Если он не отображается, просто нажмите «Обновить кампании», чтобы получить данные с веб-сайта OptinMonster.

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

Примеры отличных приветствий

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

1. Сингулярность

Этот приветственный коврик от Singularity побуждал пользователей зарегистрироваться и посмотреть прямую трансляцию глобального саммита Singularity University. Он имел огромный успех и привлек более 20 00 новых подписчиков по электронной почте менее чем за 9 дней.

Нам особенно понравилось отличное использование логотипа, четкие шрифты и яркое «Напомни мне!» кнопка.

2. Гоинс, писатель

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

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

3. AVweb

На этом приветственном коврике есть большое и четкое изображение небольшого самолета. Это сразу бросается в глаза.

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

4. Загруженные пейзажи

Этот приветственный коврик от Loaded Landscapes немного отличается от других примеров. Фон слегка прозрачный.

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

5. OptimizeMyBnb

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

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

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

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

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

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

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

Как перейти с LiveJournal на WordPress

Вы хотите перевести свой сайт LiveJournal на WordPress? Хотя LiveJournal - хорошее место для публикации записей журнала, он чрезвычайно ограничен, поэтому многие

Как удалить NoFollow из комментариев WordPress

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

Как изменить базовый префикс категории в WordPress

Вы хотите изменить базовый префикс категории в WordPress? По умолчанию WordPress автоматически добавляет / category / в качестве префикса к URL-адресам для всех

Как отображать похожие сообщения того же автора в WordPress

Вы хотите отображать похожие записи того же автора в WordPress? Обычно вы можете использовать любой плагин связанных публикаций, чтобы показывать