Создание landing page на wordpress


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

И тут появилась идея создать посадочную страницу на WordPress.

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

Собрав всю найденную информацию, я нашел свой подход и и вот что из этого получилось: демо сайта — www.web-specialist.info/sh

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

I. Подготовка к созданию лендинга


  1. Регистрация хостинг аккаунта. Для хостинга был выбран хостинг провайдер Parkovka.ua, предоставляющий качественные услуги по хорошей цене  ?
  2. Настройка доменного имени.
  3. Установка CMS Wordprss.

II. Установка необходимых компонентов

  1. Установка темы Refur. Эта тема WordPress была выбрана не случайно. В ней отлично реализован первый экран с фоновым изображением, кнопкой для призыва к действию и есть возможность заменить текст «Copyright» в футере на свой вариант.
  2. Создание дочерней темы. Так как в дальнейшем нам нужно будет прописывать свои стили и функции для лендинга, то нужно обеспечить их сохранность, чтоб после обновления темы они не исчезли ?
  3. Установка плагинов: WP Translitera, — плагин для транслитерации ссылок сайта; Contact Form 7, — плагин для создания форм обратной связи; TinyMCE Advanced, — расширяет возможности текстового редактора WordPress. Easy FancyBox, — плагин для создания всплывающих окон на сайте. Page Builder от SiteOrigin, — имеет огромные возможности кастомизации страниц с достаточным количеством интуитивно понятных настроек; и самый основной плагин, при помощи которого мы будем строить информационные блоки лендинга..

III. Подготовка плагинов WordPress к работе

После установки некоторые плагины нуждаются в дополнительных настройках.

  1. TinyMCE Advanced, — нужно добавить недостающие компоненты в панель текстового редактора. Для его настройки переходим по пути: настройки → TinyMCE Advanced.
    Настройка TinyMCE-Advanced
    В окне настроек плагина нам нужно перетянуть нужные компоненты из окна «Неиспользуемые кнопки» в панель текстового редактора. Я для настройки лендинга использовал такие кнопки: «семейство шрифтов», «размер шрифта», «цвет фона», «выравнивание по ширине», «верхний индекс», «подчеркнутый». После выбора, сохраняем кликнув на кнопку «сохранить изменения».
    Настройка TinyMCE-Advanced
  2. Easy FancyBox, — нужно включить функцию «Inline content» для того чтоб форма обратной связи открывалась во всплывающем окне. Для этого переходим по пути Настройки → Медиафайлы, и проскролив немного вниз видим «FancyBox». Ставим отметку в чекбоксе напротив «Inline content» и сохраняем. Так же можно снять отметку с чекбокса напротив «Images», если необходимо присвоить настройки для ссылок изображений, чтоб открывались в отдельном окне.

    FancyBox Настройки
  3. Contact Form 7. Мы будем использовать этот плагин для получения заказов через кнопку обратной связи. Подготовим его для дальнейшей работы. Переходим по пути: Contact Form 7 → Формы.
    Создание landing page на wordpress Там видим уже автоматически созданную контактную форму «Контактная форма 1». Эту форму можем пока не трогать. Создаем новую, нажав в левом верхнем углу кнопу «Добавить новую». В открывшемся окне вводим любое понятное название формы. В поле «Шаблон формы» удаляем существующий код, кроме строки [submit «Отправить»]. Затем, нажимаем кнопку «текст», для добавления необходимого тега в форму.
    Настройка Contact-Form-7
    В открывшемся окне отмечаем чекбокс «обязательное поле», в графе «значение по умолчанию» пишем текст «Ваше имя», и отмечаем чекбокс «используйте этот текст в качестве заполнителя поля». И нажимаем кнопку «вставить тег».

    Настройка Contact-Form-7Повторяем эту процедуру еще раз, для поля «номер телефона». Должно получиться вот так:
    Настройка Contact-Form-7
    Сохраняем и переходим на вкладку «Письмо». Здесь нужно отредактировать шаблон письма, которое будет уведомлять нас, что на сайте была заполнена контактная форма. Сразу же в верхней части шаблона появилась надпись «В следующих полях Вы можете использовать эти почтовые метки:[text-720][text-721]». У вас номера меток могут отличаться. Копируем и подставляем их в поле «Тело письма» с подписями «Ваше имя» и «Телефон», соответственно. Затем очищаем поле «Дополнительные заголовки» от кода. Поскольку в нашей форме нет поля для ввода e-mail адреса, то если не очистить его не очистить, форма будет содержать ошибку. Далее можем изменить поля «От кого» и «Тема», вписав туда текст, который нем необходим. Проверяем, чтоб в поле «Кому» был вписан e-mail, на который нужно получать уведомления с сайта. И сохраняем форму.
    Вот как было:

    Настройка Contact-Form-7
    И вот что получилось:
    Настройка Contact-Form-7
    Эта настройка будет нам необходима для красивого оформления всплывающего окна обратной связи.

Далее переходим к настройкам конструированию самого лендинга.

IV. Настройка стартовой страницы лендинга

  1. Удаляем все записи и страницы, которые были автоматически установлены при инсталляции CMS WordPress.
  2. Статическая главная страница WordPressДобавляем новую страницу. Заголовок вводить не нужно, чтоб он не отображался потом на сайте.
  3. Переходим в настройки темы по пути: Внешний вид → Настроить. Далее выбираем настройку «Статическая глвная страница», в открывшемся окне в разделе «На главной странице отображать» выбираем пункт «статическую страницу». Ниже, в выпадающем меню выбираем созданную  нами ранее страницу и сохраняем изменения.

  4. Приступаем к редактированию созданной ранее страницы.
    В панели текстового редактора выбираем кнопку «Page Bilder». Собственно в нем мы и будем строить и настраивать нашу посадочную страничку.
    Page Bilder Настройка
    Page Bilder Настройка
  5. Далее, при помощи кнопки «добавить строку», добавляем столько строк, сколько предусмотрено разметкой нашей лендинг пейдж. Кроме того, каждую из строк мы делим на то количество блоков, которое нам необходимо, начиная от одно и более.
    Page Bilder Настройка
    После разметки страницы в каждый из блоков добавляем виджет «SiteOrigin редактор (текстовый редактор)» при помощи кнопки «добавить виджет».

    Page Bilder Настройка
    Далее всю работу по установке фоновых изображений, кнопок, иконок и написании текста мы будем выполнять средствами этого виджета.
    Page Bilder Настройка
    В этой теме я не буду углубляться в подробности работы с плагином  Page Builder от SiteOrigin, поскольку эта информация достойна отдельного рассмотрения. Скажу лишь, что цвет фона, фоновые изображения, надписи над картинками, кнопки призыва, размеры блоков и многое другое можно реализовать используя настройки «Макет» и «Дизайн» в этом плагине.
    Отдельного внимания заслуживает настройка кнопки обратной связи на нашем лендинге. К ней и перейдем.

web-specialist.info

Что нужно знать о Landing Page?

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


Landing Page (буквально – «страница посадки») – это одна веб-страница, сделанная с целью повышения конверсии вашего проекта, на которую пользователь попадает по ссылке из другого источника (речь идет о контекстной рекламе). Такая страница максимально подталкивает посетителя к совершению целевого действия.

Это достигается за счет того, что лендинг пейдж разрабатывается только под одно предложение и подразумевает совершение единственного возможного действия. Здесь работает принцип «buy or die!» («купи или умри»), то есть размещенный на посадочной странице контент не допускает никаких альтернативных действий потенциального клиента, кроме совершения того одного, под которое он написан.

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

В зависимости от желаемых действий, целями создания лендингов являются:

  1. получение контактных данных посетителя, в основном речь идет об email. Таким образом происходит формирование базы данных пользователей. Далее, с помощью email-маркетинга, из участников такого списка можно сделать полноценных клиентов. Чтобы вы захотели оставить свои контакты, в обмен на них целевая страница предлагает некий бонус, зачастую это: скачать какой-то курс без оплаты, получить бесплатную консультацию и т.п. Вот классический пример такого варианта:
    Лендинг пейдж для WordPres

  2. продажа товара или услуги. Если предлагается приобрести товар, то среднестатистическая посадочная страница в таком случае приобретает формат автономной карточки данного товара. Мы видим качественные фото, характеристики объекта, его преимущества и кнопки для совершения покупки. Вот так выглядит универсальный шаблон лендинг пейдж для WordPress, подходящий для презентации какого-либо предмета торговли:
    Шаблон Лэндинг Пэйдж для Вордпресс

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

    Landing Page на Вордпресс

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

Как сделать качественную посадочную страницу?


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

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

Первый «кирпичик» идеального лендинг пейдж на WordPress и не только – первый экран. Это тот самый блок, условно можно назвать его шапкой, который виден посетителю сразу после загрузки страницы до момента скроллинга. Суть первого экрана – в привлечении внимания пользователя с целью удержать его на странице как можно дольше. Он должен быть спроектирован таким образом, чтобы «цеплять» гостя и вызывать у него желание изучить остальной контент. Какие же компоненты располагаются в этой части посадочной страницы?

  1. Логотип. Не обязательный, но желательный элемент. Его присутствие позволяет идентифицировать вас и тем самым увеличивает степень доверия к вашей компании.
  2. Дескрипт. Короткий текст, описывающий, чем вы занимаетесь, на чем специализируетесь.
  3. Контакты. Еще один инструмент повышения доверия. Преимущественно это номер телефона и кнопка заказа обратного звонка, но допускаются и другие удобные способы связи.
    Схематически верхняя полоса целевой страницы может иметь такой вид:Лендинг пейдж на WordPress
  4. Заголовок. Уникальное торговое предложение (УТП) — это то, под что создан лендинг. И вполне закономерно, что именно в заголовке оно и должно находиться. Именно заголовок с первых секунд пребывания на сайте говорит посетителю, что он перешел по правильному адресу и о чем здесь будет идти речь.
    Чтобы максимально исчерпывающе передать УТП, прибегают к такому стандарту:
     — основной заголовок. Эта часть лаконичная, ярко выраженная (с точки зрения дизайна). Продающий заголовок значительно влияет на конверсию. Для формирования основной части следует использовать релевантные слова, т.е. те, которые приводят посетителей из поисковиков на целевую страницу;
     — подзаголовок. Может использоваться для уточнения основного заголовка или обозначения еще одной выгоды.
  5. Изображение/видео как демонстрация продукта или услуги. Должны быть исключительно высокого качества. Картинка или ролик могут служить нескольким целям: способствовать усилению эмоции, ассоциирующейся с УТП, иллюстрировать пользу или взаимодействие с продуктом.
  6. Кнопка СТА. СТА – Call To Action, призыв к действию, размещается на кнопке. Именно этот элемент и становится первым из рычагов, конвертирующих потенциального клиента в реального.
    Данная кнопка призывает посетителя совершить желаемое действие. И поскольку она имеет очень важную миссию, ее оформлению стоит уделить внимание. Если вам предстоит создать Landing Page самому, проследите, чтобы кнопка  содержала предельно понятный и четкий призыв к действию («Записаться на тест-драйв», «Заказать бесплатную консультацию»), имела контрастное по отношению к фону цветовое оформление, была большой и кликабельной.

    создать Landing Page самому

  7. Иногда на первом экране размещается форма обратной связи. Таким образом структура лендинга позволяет легко найти этот элемент среди прочего контента. Число полей формы должно быть минимальным и требовать от посетителя только самую необходимую для вас информацию. Оптимально: email и имя.

Самая объемная, основная часть посадочной страницы — оффер. Он, в свою очередь, может состоять из нескольких разделов: объяснение услуги, ее преимущества, социальное подтверждение.

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

  • перечень услуг, предлагаемых заказчику и процесс их предоставления;
  • детальное описание выгод, получаемых клиентом;
  • технические характеристики товара;
  • 3D-изображения;
  • варианты/версии/разновидности и их основные различия;
  • калькулятор, онлайн-конвертер и подобные сервисы;
  • результаты исследований, статистические данные, графики и т.д.

Как видим, в данном блоке будет уместна конкретика, описывающая реальную ценность предложения.

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

как сделать лендинг пейдж

плагины Landing Page для WordPress

Следующая структурная часть – доказательства авторитетности бренда. Цели окончательно подтолкнуть пользователя к покупке служат расположенные в этом блоке: отзывы клиентов и СМИ, сертификаты, награды, имена заслуживающих доверия партнеров или клиентов, примеры работ, показатели в цифрах.

как самому сделать лендинг пейдж

Landing Page

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

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

Call To Action для Лэндинга

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

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

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

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

Как сделать Landing Page на WordPress правильно

Чтобы сделать Landing Page на WordPress действительно продающим, особое внимание стоит уделить закрытию возражений. Возражения клиента – это доводы пользователя, почему он не хочет приобрести товар или услугу. Например: «у вас дорого», «я встречал дешевле», «какие гарантии качества?», «а если вы возьмете предоплату и исчезнете?», «не знаю, какой вариант выбрать», «а точно успеете за 3 дня?», «и какой результат я получу, если схожу на ваш семинар?». То есть допускается ситуация, что ваше УТП интересно потенциальному клиенту, но у него возникают сомнения. Эти сомнения вам и необходимо предвидеть.

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

Лаконичность. Должна быть положена в основу всех текстов лендинга. Минимум объема – максимум информации. Помните, что контент в интернете не читается, а просматривается. Поэтому суть должна быть на виду и обращать на себя внимание, а не скрываться в длинных «полотнах».  К слову, по тому же принципу плохо работает и мелкий шрифт.

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

Особенности шаблона для посадочной страницы

Мы с вами уже знаем, как устроен сам механизм посадочной страницы. Но как выбрать тему Landing Page для WordPress, чтобы иметь возможность разместить в ней все необходимые элементы и сделать их работу эффективной?

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

Но если для блога выбор оформления – это скорее вопрос вкуса и трендов, то для Landing Page дизайн – это инструмент конвертации посетителя в клиента. С помощью дизайна расставляются акценты на нужных местах посадочной страницы. Это способствует определенному, выгодному для вас, восприятию информации пользователем. Рассмотрим основные требования к дизайну Вордпресс-темы лендинг пейдж:

  • желательно, чтобы высота первого экрана не превышала 700 пикселей;
  • основной заголовок (h1) рекомендуется размещать слева или по центру. Он должен иметь хорошую читаемость, поэтому, если фон первого экрана не однотонный, сложный, обратите внимание на то, чтобы под текстом располагалась полупрозрачная подложка;
  • форма и кнопка СТА должны быть контрастными по отношению к фону (если фон темный – форма светлая, и наоборот, а кнопка призыва к действию — яркая). Количество полей — минимальное;
    темы для создания Landing Page на WordPress
  • отдайте предпочтение теме, в которой используются шрифты без засечек и в количестве не более двух;
  • выбирая шаблоны лендинг пейдж для Вордпресс, остановитесь на тех вариантах, где много свободного пространства. Что это значит? Следует избегать нагромождений текста и изображений. Стиль минимализма дает возможность сконцентрировать внимание потенциального клиента на основном и выделить кнопки СТА.

шаблоны лендинг пейдж для Вордпресс

При желании, овладев основами, вы можете самостоятельно отредактировать файлы шаблона, файл стилей style.css, изменить  или добавить шрифт по своему вкусу и в соответствии с вашим УТП. Это предоставит вам большую свободу в выборе темы для создания Landing Page на WordPress.

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

pro-wordpress.ru

1. WordPress Landing Pages

WordPress Landing Pages

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

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

2. Ultimate Landing Page

Ultimate Landing Page

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

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

3. Contact Form 7

Contact Form 7 WordPress

С помощью этого плагина можно создавать любые формы. Например, для заказа товара, обратного звонка или просто обратной связи. Является незаменимым для лендингов/посадочных страниц. Основной особенностью является бесплатность и частота обновления плагина.

4. Beaver Builder

Beaver Builder

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

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

5. Squeeze Page, Landing Page Creator

Squeeze Page, Landing Page Creator

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

6. Landing Pages Builder

Landing Pages Builder

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

7. Landing Pages, SEO Content

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

8. Page Builder — AIO

Удобный и легкий плагин для создания лендинг страниц на WordPress. Интуитивно понятный дизайн и приятный интерфейс делают этот плагин еще привлекательнее.

bologer.ru

1. WordPress Landing Pages

Плагин WordPress Landing Pages – бесплатный простой плагин, предоставляющий некоторые базовые функции в создании лендинг страниц.

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

Особенности плагина:

  • Визуальный редактор, имеющий возможность предварительного просмотра изменений в реальном времени.
  • Наличие разработанных шаблонов (с одним и несколькими столбцами, таймеры обратного отсчёта и т. д.)
  • Использование текущей темы в качестве базовой для новых целевых страниц, а также возможность создавать новые полностью настраиваемые шаблоны.
  • Отслеживание преобразований.
  • Встроенная функция A/B-тестирования.
  • Встроенный мастер создания форм.
  • Премиум функции: Наличие аддонов и интеграция с программным обеспечением email-рассылок, другими инструментами работы с внешними ресурсами.

Достоинтва:

  • Процесс создания лендинг страницы совпадает с аналогичным процессом для создания стандартной страницы в WordPress, что делает его простым и понятным.
  • Результаты A/B-тестирования представлены наглядно, что упрощает работу с различными изменениями целевой страницы.
  • Имеется большое количество аддонов, которые позволяют значительно расширить базовые функциональные возможности.

Недостатки:

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

2. Parallax Gravity – Landing Page Builder

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

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

Особенности плагина:

  • Возможность включать в себя любое количество блоков контента на целевой странице.
  • Каждый раздел может иметь свой собственный фон (одноцветный или фон с изображением)
  • Для каждого раздела может быть использован тот же интерфейс, который используется в WordPress для постов и страниц.
  • Премиум функции: Наличие блоков с параллаксом, поддержка Google-аналитики, шорткоды для заголовков, кнопки и навигация между отдельными разделами.

Достоинства:

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

Недостатки:

  • Имеется только один тип для блоков с контентом, который вам придётся настроить под себя, чтобы получить нечто уникальное.
  • Некоторую работу придётся сделать вручную. Например, интегрировать лендинг страницу с вашим сервисом email-рассылок.

3. Qards

Стоимость: от $99

Плагин Qards – новое творение от команды Designmodo. Он предлагает неплохой функционал и работает с большинством тем WordPress.

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

Особенности плагина:

  • Поддержка функции перетаскивания drag-and-drop (в том числе медиа-файлов прямо с рабочего стола)
  • Возможность редактирования из пользовательской части сайта.
  • Полностью отзывчивые целевые страницы.
  • Не требуется навыков кодирования для того, чтобы работать с плагином.
  • Имеется большой набор красивых карт контента.
  • Имеются в наличии пользовательские CSS и HTML-редакторы для продвинутых пользователей.
  • Плагин работает с WooCommerce.
  • Доступны видео-уроки.

Достоинства:

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

Недостатки:

  • Нет функций поддержки собственных маркетинговых лендинг страниц, таких, как отслеживание изменений или сплит тестирование.
  • Плагин несколько дороговат – особенно лицензия Agency, хотя цена $199 позволяет использовать плагин всего на пяти сайтах.

4. Thrive Content Builder

Thrive Content Builder

Стоимость: от $59

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

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

Особенности плагина:

  • Поддержка функции перетаскивания drag-and-drop.
  • Возможность редактирования из пользовательской части сайта.
  • Возможность интеграции с пользовательской темой.
  • Имеются предварительно оформленные блоки контента и элементы страниц, такие, как кнопки, отзывы, формы для гарантий и многое другое.
  • Полностью отзывчивый для мобильных устройств.
  • Имеется визуальный редактор таблиц HTML.
  • Имеется возможность вручную редактировать HTML и CSS.

Достоинства:

  • Интуитивно понятный интерфейс, интегрированный со стандартными страницами WordPress (функциональность плагина может быть включена на любой странице).
  • Возможность редактирования из пользовательской части выгодно отличает этот плагин от других.
  • Имеется модуль, называемый Thrive Landing Pages, который позволяет пользователю осуществлять полный контроль над страницей, которую вы редактируете, например, удалять из неё заголовки, изменять макеты и др.

Недостатки:

  • Главный редактор вначале может показаться излишне сложным, он предоставляет большое количество опций.

5. VelocityPage

Стоимость: от $97

VelocityPage – отличный плагин WordPress, разработанный программистом Mark Jaquith. Jaquith, кажется, понимает не только недостатки и ограничения тем WordPress и лендинг страниц, но также знает и наиболее важные задачи для высокоэффективных целевых страниц.

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

Особенности плагина:

  • Возможность редактирования из пользовательской части с поддержкой drag-and-drop.
  • Совместимость с интернет-магазином WooCommerce.
  • Оптимизирован для работы с мобильными устройствами.
  • Возможность использовать HTML-код.
  • Имеется набор готовых блоков, которые можно использовать на любой странице.
  • Обещает работать с 94% тем WordPress.

Достоинства:

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

Недостатки:

  • Несмотря на то, что функция редактирования из пользовательской части очень полезна, в процессе редактирования вы не видите страницу в том виде, в каком она будет отображена на сайте. Вам придётся время от времени переключаться в режим просмотра.
  • Плагин несколько дороговат. Профессиональная лицензия для использования на неограниченном количестве сайтов составляет $247.

6. LeadPages

Стоимость: от $37 в месяц

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

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

Особенности плагина:

  • Поддержка редактирования функцией drag-and-drop и редактирования из пользовательской части с помощью интерфейса LeadPages.
  • Имеется три вида лицензий с тремя различными тарифными планами.
  • Имеется огромная библиотека шаблонов лендинг страниц.
  • Оптимизирован для работы на мобильных устройствах.
  • Возможность импортировать ваш собственный дизайн лендинг страниц.
  • A/B-тестирование.
  • Работает со всеми известными провайдерами.
  • Имеются персональные аккаунты для членов сообщества.
  • Возможность интеграции с Facebook.

Достоинства:

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

Недостатки:

  • Не позволяйте низкой цене обмануть вас. На самом деле это самый дорогой плагин в данном списке. Первый год использования будет стоить вам от $300. И это для самой дешёвой лицензии. Профессиональная лицензия составляет $480 за первый год, и это только начало.

Что же выбрать?

Сразу следует отметить, что ответ на этот вопрос будет зависеть от того, какие именно функции ожидает получить владелец сайта WordPress от плагина.

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

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

Parallax Gravity – Landing Page Builder — это плагин с базовым функционалом, но он может быть очень полезен, если ваша пользовательская тема совсем не поддерживает целевые страницы. С помощью этого плагина WordPress вы сможете использовать свою тему на большей части сайта, а потом просто установить пользовательский макет плагина на небольшом количестве отдельных лендинг страниц.

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

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

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

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

Высокоэффективные целевые страницы являются одним из топ-инструментов маркетинга, который может принести вам дополнительный успех в бизнесе, не тратя дополнительные средства на привлечение партнёров. Чем больше количество лендинг страниц на сайте, тем выше ваши успехи. (По данным HubSpot, сайты с 10-15 лендинг страницами позволяет получить доход на 55% больше, чем сайты с 10 и менее лендинг страницами.)

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

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

clubwp.ru

Что умеет хороший плагин целевой страницы?

* Landing Page или целевая страница, представляет собой «отдельную веб-страницу, отличную от вашего основного веб-сайта, которая была разработана для определенной цели».

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

  • Особенности. Что вы получите за свои вложения, и сможете ли вы создавать разные целевые страницы с данным плагином.
  • Может ли он работать с вашей текущей темой? Я думаю, вы не захотите изменить текущую тему только потому, что вам нужна функциональность целевой страницы.
  • Можете ли вы сделать целевую страницу, которая полностью отличается от вашего текущего дизайна? Мы хотим полной свободы. Чем больше вариантов дает плагин вашей целевой страницы, тем лучше.
  • Адаптирована ли она для мобильных устройств? Какую бы целевую страницу вы не создавали, необходимо быть мобильным. В наши дни более 80 процентов интернет-пользователей владеют смартфоном.
  • Простота использования.
  • Цена.

Топ плагинов целевой страницы

Qards Thrive Landing Optimize Press Beaver Builder WP Landing
Qards 5 лучших плагинов для создания landing page на WordPress OptimizePress Beaver Builder WordPress Landing Pages
Цена (для одного сайта) $99 $134 $97 $99 $0 (платные расширения)
Возможности 8/10 10/10 10/10 9/10 6/10
Простота использования 10/10 9/10 9/10 9/10 8/10
Совместимость с установленной темой? да да да да да
100% возможность настройки целевых страниц почти да да почти да
Адаптация для мобильных устройств? да да да да да
ПЕРЕЙТИ QARDS thrive op 2.0 beaver wlp

01. Qards

Qards site

Разработчики из команды Designmodo представили интересное решение для создания целевой страницы WordPress — Qards. Сильные стороны: а) что он работает с большинством тем WordPress, и б) что очень легко понять благодаря картографической структуре контента (как следует из названия).

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

  • Особенности:
    • Действительно обширный набор контента, которого должно быть достаточно для удовлетворения потребностей вашей целевой страницы.
    • Доступны несколько типов блоков контента, каждый из которых полностью настраивается.
    • По умолчанию дизайн представляет контент ярким и современным.
    • Все работает методом перетаскивания
  • Совместимость с установленной темой? Да, вы можете использовать плагин для своих целевых страниц и оставить остальную часть вашего сайта без изменений.
  • 100% возможность настройки целевых страниц? Почти.
  • Адаптация для мобильных устройств? Все целевые страницы являются полностью отзывчивыми и мобильными.
  • Простота использования. Не требуется никаких навыков программирования, полная поддержка метода перетаскивания, а также возможность редактирования прямо в интерфейсе.
  • Цена:
    • один сайт — $ 99,
    • агентство — $ 199.

перейти qards

02. Thrive Content Builder + Thrive Landing Pages

thrive themes site

Несмотря на наличие двух отдельных плагинов, Thrive Architect и Thrive Landing Pages служат одной цели — создание целевой страницы.

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

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

Итак, что включает полный пакет?

  • Особенности: 
    • Доступны 207 настраиваемых шаблонов целевых страниц.
    • Шаблоны тематизируются в группы, чтобы вы могли легко создавать сплоченные переживания.
    • Никаких знаний о кодировании не требуется. Вы получаете истинное редактирование интерфейса через Thrive Architect — просто используйте перетаскивание для создания / редактирования целевых страниц.
    • Существует несколько блоков контента (начиная от стандартных вещей, таких как текст или видео, до большего количества контента, ориентированного на маркетинг, например кнопок, отзывов, блоков выбора и т. Д.).
  • Совместимость с установленной темой? Да, целевые страницы не зависят от вашего текущего дизайна.
  • 100% возможность настройки целевых страниц? Да.
  • Адаптация для мобильных устройств? Все прекрасно работает. Также вы можете настроить необходимые параметры.
  • Простота использования. Интерфейс интуитивно понятен и прост в использовании. Вы можете сразу приступить к работе.
  • Цена:
    • один сайт — $ 67
    • 5 сайтов — $ 97

Вы также можете получить доступ к целевым страницам Thrive Architect / Thrive Landing Pages в рамках членства в Thrive Themes в размере 19 долларов США в месяц (при оплате за год).

перейти thrive

03. OptimizePress

OptimizePress site

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

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

Кроме того, OptimizePress также предоставляет различные функции и интуитивно понятный редактор перетаскивания. Однако это не полноценный WYSIWYG редактор (которыйможет считаться преимуществом или недостатком).

  • Особенности:
    • Более 30 шаблонов страниц на выбор.
    • Доступно более 40 элементов контента (текст, кнопки, изображения, функциональные поля и т. д.).
    • Доступен как тема и плагин.
    • Включены функции сообщества (вы можете создать с сайт сообщества).
    • Редактор перетаскивания.
    • Сплит-тестирование.
  • Совместимость с установленной темой? Да. Вы можете остаться с текущей темой, если хотите.
  • 100% возможность настройки целевых страниц? Да. Измените шаблон или создайте свой собственный с нуля.
  • Адаптация для мобильных устройств? Да, все на 100% совместимо с мобильностью.
  • Простота использования. Очень прост в использовании и интуитивно понятен, особенно благодаря предварительно разработанным шаблонам.
  • Цена:
    • для 3 сайтов — $ 97,
    • на 10 сайтов — $ 197.

перейти optimizepress

04. Beaver Builder

beaver builder site

Beaver Builder — это тема + плагин, но вы можете приобрести только плагин (в зависимости от функций, которые вам нужны).

Однако стоит отметить, что плагин Beaver Builder сам по себе уже предоставляет вам все функции построения целевой страницы.

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

  • Особенности:
    • Вы можете использовать его на записях и страницах.
    • Встроенные шаблоны целевых страниц.
    • Редактирование содержимого путем перетаскивания.
    • Редактирование интерфейса в режиме реального времени.
    • Импорт / экспорт. Поделитесь своей работой с другими или повторно используйте существующие проекты.
    • Широкий набор элементов контента (заголовки, фотографии, текст, видео и т. д.).
  • Совместимость с установленной темой? Да, но вы также можете приобрести тему вместе с плагином.
  • 100% возможность настройки целевых страниц? Немного ограничена используемой темой. Неограничена, если вы используете тему Beaver Builder.
  • Адаптация для мобильных устройств? Да.
  • Простота использования. Очень проста в использовании и интуитивно понятна. Никаких навыков программирования не требуется.
  • Цена:
    • Плагин Beaver Builder для неограниченного количества сайтов — $ 99,
    • Тема и плагин Beaver Builder — $ 199.

перейти beaver bulder

05. WordPress Landing Pages

wordpress-landing-pages-site

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

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

Это делает WordPress Landing Pages приятным глотком свежего воздуха для тех из нас, у кого нет бюджета для инвестиций. Однако, есть скрытая цена. Хотя плагин является бесплатным, предлагаемая функциональность не соответствует другим решениям в этом списке (особенно с точки зрения дизайна). Тем не менее — это хороший выбор для тех, кто просто хочет протестировать свои знания.

  • Особенности:
    • Визуальный редактор, в котором вы можете просматривать изменения, которые вы делаете в режиме реального времени.
    • Предустановленные макеты с различным дизайном на выбор.
    • Контроль скорости конверсии и встроенное разделенное тестирование.
    • Доступны дополнения (премиум).
  • Совместимость с установленной темой? Да, плагин работает со всеми темами WordPress.
  • 100% возможность настройки целевых страниц? Да, вы можете выбрать один из шаблонов, опираясь на дизайн текущей темы или работать с пустым демо-шаблоном.
  • Адаптация для мобильных устройств? Да.
  • Простота использования. Создание новых целевых страниц осуществляется с помощью аналогичного интерфейса, который используется для записей и страниц WordPress, поэтому все становится знакомым.
  • Цена:
    • $ 0 для базовой версии + платные дополнения для расширения функциональности.

перейти wpls

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

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

  • Если у вас нет бюджета — WordPress Landing Pages — это то, что вы можете попробовать в первую очередь.
  • Если вы хотите работать на нескольких сайтах — Beaver Builder станет разумным выбором.
  • Если вы хотите получить решение, которым легко пользоваться, вы можете просто установить и начать создавать целевые страницы за считанные минуты — я бы рекомендовал Qards.
  • Если нужен большой набор функций, ваш выбор — Thrive Landing Pages.

Я надеюсь, что эта статья помогла вам найти лучший плагин целевой страницы для вашего сайта.

Что вы думаете? Есть ли еще плагины, которые можно добавить к этому списку?

С уважением, Яровиков Олег

mylife-it.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.