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

Это что? Вы обеспокоены тем, что ваш сайт WordPress недостаточно хорошо конвертируется?

Вы думаете, что люди не полностью понимают, о чем ваш сайт, когда они попадают на домашнюю страницу или любую страницу в этом отношении?

В этом случае вам понадобится приветственный коврик.

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

В чем основная идея наличия приветственного коврика на вашем сайте WordPress?

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

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

Следующий приветственный коврик находится на веб-сайте Джеффа Гоинса, где он объясняет, что представляет собой веб-сайт, а также просит адрес электронной почты.

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

Наконец, компания SumoMe (создатель плагина приветственного коврика, который мы собираемся использовать) запрашивает URL-адрес сайта, чтобы проанализировать, как пользователи могут улучшить посещаемость своего сайта.

Вы заметите несколько похожих областей в каждом приветственном коврике:

• Все они имеют минимальное количество текста.
• Все они обеспечивают визуальные элементы.
• Каждый из них занимает весь главный экран.
• Каждый приветственный коврик пытается что-то сделать (будь то получение адресов электронной почты, URL-адресов и т. д.).
• Текст призыва к действию включает жирные заголовки и краткие описания.

Так в чем же заключается основная идея приветственных ковриков? Какой смысл их размещать на вашем сайте?

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

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

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

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

Как приветственный коврик может улучшить ваши конверсии?

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

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

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

Как создать приветственный коврик для собственного сайта WordPress

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

Почему? По нескольким причинам:

• Это совершенно бесплатно. (С дополнительной премиум-версией)
• Это может удвоить или утроить коэффициент конверсии.
• Дизайн полностью настраиваемый.
• A/B-тестирование является опцией.
• Также предусмотрена мобильная поддержка.

Бонус: [thrive_2step id='878′] Щелкните здесь, чтобы загрузить бумажную копию [/thrive_2step] этого простого пошагового руководства по приветственному коврику SumoMe и легко сохранить его в формате PDF или распечатать для дальнейшего использования.

Шаг 1. Загрузите приложение SumoMe Welcome Mat и установите его.

Нажмите на эту ссылку, чтобы перейти на целевую страницу SumoMe Welcome Mat. В этой области объясняются многие функции и преимущества приветственного коврика, поэтому не стесняйтесь просматривать его, если хотите.

Нажмите большую зеленую кнопку «Попробовать бесплатно».

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

После того, как вся ваша информация будет заполнена, нажмите кнопку «Регистрация».

Следующий экран может вас удивить, так как похоже, что вам нужно заплатить за план. Три плана SumoMe довольно надежны, и вы можете протестировать их все с помощью 14-дневной пробной версии. Однако большинство инструментов Welcome Mat предоставляются в бесплатной версии, поэтому нажмите кнопку в дальнем конце страницы. Он гласит: «Или просто продолжайте с бесплатным SumoMe».

Последний шаг установки требует, чтобы вы скопировали и вставили немного кода в <head> HTML вашего сайта. У вас также есть возможность выполнить установку WordPress в один клик, которую вы можете увидеть прямо под кодом.

Хотя в этом руководстве рассматривается установка WordPress, SumoMe также предлагает установку в один клик для следующих платформ:

• Квадратное пространство
• Диспетчер тегов Google
• Shopify
• Weebly
• Тамблер
• Блогер

Как уже говорилось, копирование кода в <head> вашего HTML-кода является опцией, но на самом деле нет смысла, учитывая, что у вас гораздо более простой путь с установкой в ​​​​один щелчок.

Поэтому нажмите на кнопку WordPress.

Нажмите кнопку «Установить SumoMe».

Примечание: если вы хотите установить плагин SumoMe самостоятельно, загрузите его прямо здесь.

После нажатия кнопки «Установить SumoMe» вы будете перенаправлены на серверную часть вашего веб-сайта WordPress. Возможно, вам придется войти в панель управления.

Нажмите кнопку «Установить сейчас», затем нажмите «Активировать плагин» на следующей странице.

Поздравляем! Весь плагин SumoMe теперь установлен и активирован на вашей панели инструментов.

Шаг 2. Зарегистрируйте свою учетную запись SumoMe и установите нужное приложение

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

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

Поскольку вы уже создали учетную запись SumoMe на их веб-сайте, войдите в свою учетную запись, используя свой адрес электронной почты и пароль.

После этого нажмите кнопку «Войти».

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

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

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

• Построитель списков
• Поле прокрутки
• Смарт-бар
• Электронная почта Pro
• Тепловые карты
• Хайлайтер
• Приветственный коврик Pro (если вам нужны дополнительные функции приветственного коврика)

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

Нажмите синюю кнопку «Бесплатно» в дальнем правом углу новой страницы.

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

Шаг 3: Создайте приветственный коврик

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

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

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

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

• Фоновый цвет
• Фоновая картинка
• Заголовок
• Текст
• Шрифты
• Цвета
• Текст поля ввода
• Кнопка подписки
• Кнопка отказа
• Кнопка закрытия

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

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

Шаг 4: Настройте поля

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

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

Шаг 5: Сделайте приветственный коврик менее раздражающим

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

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

На этой странице также есть несколько полезных инструментов для следующего:

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

Нажмите кнопку «Сохранить» после завершения этого шага.

Шаг 6: подключитесь к своей службе электронной почты

В решение SumoMe включено немало других функций. Например, вы можете управлять тестами A/B, правилами отображения, пользовательским кодом и пикселями отслеживания. Однако последняя важная вкладка называется «Сервисы».

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

Шаг 7: активируйте приветственный коврик

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

Бонус: [thrive_2step id='878′] Щелкните здесь, чтобы загрузить бумажную копию [/thrive_2step] этого простого пошагового руководства по приветственному коврику SumoMe и легко сохранить его в формате PDF или распечатать для дальнейшего использования.

Какие есть еще классные приложения и плагины для приветственного коврика?

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

• процветать приводит

• ОптинМонстр

• Ведущие страницы

У вас есть вопросы о приветственных ковриках для WordPress?

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

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