Урок 376 Landing Page в WordPress: как сделать лендинг с помощью плагина WP Page

WP Page

Привет. Сейчас очень модны сайты-одностраничники - landing page их еще называют. Часто замечаю, что если ассортимент товара небольшой, допустим в продаже 3 вида, то продавцы охотно используют лендинги. Да и для инфобизнеса штуку лучше не найти. Все, наверное, сталкиваются с тем, что если вы хотите скачать/купить какой-либо цифровой продукт, то он размещается на одностраничнике. Это уже стандарт.

Я тоже, когда запускал продажи своего марафона, всю информацию "посадили" на одну страницу. Но для этих целей использовался отдельный сервис unbounce.com, месяц работы с которым стоит несколько тысяч рублей. В общем, с тех пор я подумал, нужно найти что-то подходящее для WordPress, чтобы не переплачивать.

Самый известный плагин для создания Landing Page в WordPress - это плагин WP Page. Именно его я решил попробовать. Он действительно хорош, делюсь своими впечатлениями.

к оглавлению ↑

Установка плагина WP Page

  1. Для начала вам как всегда нужно скачать плагин WP Page. Сразу оговорюсь, плагин платный. Но первые 7 дней тестировать можно бесплатно. На момент написания этой статьи стоимость плагина составляет 2162 рубля. Это лицензия пожизненная, не нужно будет больше платить. А то я раньше пользовался сервисом unbounce.com и отдавал $50 каждый месяц.
  2. После того, как скачаете плагин, просто нужно установить и активировать.
к оглавлению ↑

Как создать landing page в WordPress

  1. В админке WordPress появляется вот такой отдельный пункт меню:
    Landing Page WordPress
  2. Там нажимаем на кнопку "Добавить страницу" и попадаем в редактор, по умолчанию все "лендинг пейджи" будут в URL адрес wppage:
    Лендинг пейдж на WordPress
  3. Сразу в параметрах я изменил этот адрес на landing:
    Лендинг на WordPress
  4. Возвращаемся обратно в редактор и начинаем "творить". Очень много разных кнопочек, стрелочек и пр. для работы:
    Landing WordPress
  5. Кликнув по "стрелочкам", вы увидите весь огромный выбор (обратите внимание на полосу прокрутки, все стрелки не уместились на скриншоте, потому что их действительно много):
    Плагин для WordPress Landing Page
  6. Чем мне еще понравился данный плагин для создания landing page, это то, что идет в комплекте куча разных видеоуроков (их больше 20), которые помогут даже самым начинающим (на картинке выше тоже есть ссылка на видеоуроки):
    Создание Landing Page на WordPress
  7. К сожалению, у меня нет опыта создания "лендингов", поэтому тут я не специалист, но существующие кнопки, баннеры и прочее сильно помогают:
    Как сделать лендинг на WordPress
  8. И все это сразу же без использования дизайна вашего блога, то есть в чистом виде (без шапки, сайдбаров, футеров и пр.). Просто опубликовав или нажав на "Просмотреть запись" можно увидеть, как выглядит ваш лэндинг:
    WordPress landing page на русском
к оглавлению ↑

Параметры страницы в Landing Page

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

  1. Дизайн. Тут можно скорретировать фон страницы, тело, шапку, подвал. Можно загрузить собственные изображения или выбрать из имеющихся:
    Параметры landing page
  2. Медиа блок. Можно управлять блоком медиа:
    WordPress landing page инструкция
  3. Подписки. Тут можно вставить код от сервисов email рассылок:
    Плагин landing WordPress
  4. Интеркасса. Возможность подключения интеркассы для приема оплаты. Жалко только "Интрекасса", мне не хватает "Яндекс Касса" и "Робокасса".
  5. Можно с легкостью вшить комментарии от Facebook, Vkontakte, WordPress:
    Комментарии на лэндинге
  6. Во вкладке SEO с легкостью прописываются title, description, keywords.
  7. Во вкладке скрипты можно добавить какой-либо код в head, body.
  8. Также можно с легкостью вшить форму обратной связи:
    Форма обратной связи в Landing Page
к оглавлению ↑

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

  • Админка и настройки все на русском языке.
  • Полно видеоуроков для помощи.
  • Очень много разных готовых кнопок (см. ниже подробнее).
  • Возможность проведения А/В тестирования. То есть вы можете создать похожие страницы с отличием в заголовке, допустим. Отмеряете конверсию, выбираете лучший вариант и используете его.  A/B тестирование обязательно при создании landing page.
  • Легкость в редактировании фона и прочих вещей.
  • Очень широкая функциональность плагина. Есть все необходимое для создания полноценного лэндинга.
  • Все интуитивно понятно.

Готовые кнопки:

  • социальные кнопки;
  • вставка аудиозаписей;
  • вставки видео;
  • формы Google;
  • подписки;
  • шаблоны "Заказать", "Купить" и прочее;
  • списки с разными цветами и формами;
  • разные ленты;
  • стрелки;
  • боксы;
  • кнопки гарантий;
  • блоки отзывов;
  • графические заголовки;
  • таймеры;
  • разделители.

Как видите, очень много готовых инструментов для работы. Мне очень понравилось. А теперь представьте себе, что вы не сильно в верстке, как я, и пытаетесь сверстать одностраничник в голом php. Уф-ф-ф, мне стало страшно. 🙂

к оглавлению ↑

Вывод

Мне плагин WP Page понравился своей простотой, удобством и функциональностью. Не нужно обладать какими-то сверхзнаниями для работы с ним. Самое сложное - это продумать структуру лендинга. Мне, как человеку который практически не создавал landing page, пока это не очень просто. Тут, наверное, на начальных этапах нужно подглядывать у других что да как, чтобы примерную схему видеть у себя.

Друзья мои, за этот пост мне не заплатили ни копейки. Я на самом деле искал то, как сделать лендинг на WordPress. Из всех вариантов, мне больше понравился данный плагин WP Page. Вы можете бесплатно его протестировать в течении 7-ми дней, а потом решить: нужен ли он вам, подходит ли под ваши нужды. Если да, то потом с радостью купить, как это сделал я.

Спасибо за внимание. А я пойду учиться делать лендинги. 🙂

P.s. Вы используете в работе Гугл Хром? Достала навязчивая реклама? Узнайте, как убрать рекламу в браузере Google Chrome. Освободите себя от ненужной информации.

С уважением, Пётр Александров.
Подпишитесь на бесплатные уроки

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

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

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

24 комментария

по хронологии
по рейтингу сначала новые по хронологии
Анатолий http://good-seo.ru

Что-то не очень понравились результаты работы плагина на примерах использовавших его людей (вот здесь http://wppage.ru/clients/results/). Мне кажется, что лучше найти подходящий шаблон одностраничника на HTML и переделать его под себя. Ну это лично моё мнение, просто я сам так делал. Видел и раньше примеры страниц WPPage, и всегда они казались какими-то не очень красивыми.

Автор
Пётр Александров http://wpnew.ru

Тут на вкус и цвет. Можно и так сделать, я не пробовал. 🙂

Андрей http://zarobitok.ru/

Доброе время суток Петр, с наступающим Днем Победы!!!!

Плагин и в правда хорош особенно для пользователей которые только начинают осваивать движок WP также можно использовать плагин torpage стоимость немного ниже 2000 руб. также в плагине имеется настройки по подключению платежной системы z payment.

Автор
Пётр Александров http://wpnew.ru

И Вас с наступающим Днем Победы.

Z Payment - тоже хорошо, вот мне бы "Яндекс Касса", я ее начал использовать.

Антон http://jonyit.ru

ВРемя wp=page уже как 2 года кануло в лету)

Евгений http://dornamillion.ru/

WPLead бесплатный. Не скажу за функциональность, но примеры ничуть не хуже

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

Алексей Туманов

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

Максим http://kozachok.net/

Программа конечно классная, но я свой первый лединг делал в ручную.

Я этим плагином так и не воспользовался, стал делать сам такие страницы. От этого плагина стало быстро тошнить.

Кстати Петр, почему вы убрали рекламу Яндекса с сайта?

Автор
Пётр Александров http://wpnew.ru

Потому что на данный момент там другой рекламный блок крутится.

Петр, забыл, подскажите, как вы вывели ссылки комментаторов ниже имени?

seoonly.ru http://seoonly.ru/

Просто и со вкусом как говорится-)

> пытаетесь сверстать одностраничник в голом php.

> Уф-ф-ф, мне стало страшно.

тут любому станет страшно В php-то 🙂 Лучше в html да в обычном редакторе.

Алексей Туманов

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

Андрей Хвостов http://ingenerhvostov.ru

У меня давно стоит плагин WP Page. Есть в нём плюсы, как есть и минусы. Плюсы - это быстрота изготовления одностраничника, простота, а минус - дизайн однобокий, уже несовременный; зависимость от сайта, на котором сделан; если на своём блоге сделан, то могут ботов с сёрферами на него запустить. Если на скорую руку надо сделать, то данный плагин является оптимальным решением.

Александр http://sociallocker.ru

Если честно, то плагин делали пренебрежительно к другим wordpress плагинам. Они создают свою страницу, в области которой работают только их плагины. То есть, если ты хочешь, чтобы у тебя работал, какой-то фронтэнд плагин на странице wppage, то нужно совершить нелегкие процедуры в коде, чтобы он начал работать. Не ужели нельзя дублировать вызвать wp_head(), а не создавать новую функцую. Ведь все SEO плагины например работать внутри wp_page уже не будут.

Автор
Пётр Александров http://wpnew.ru

В плагине можно прописать все SEO штучки, это встроено.

Привет! Отличный блог!!! Читаю вот уже второй день и не могу остановиться. Все доходчиво, ясно-понятно. Вот только пропустила может...как сделать такое великолепное "оглавление" как в этой статье? Тыкните?:)

Автор
Пётр Александров http://wpnew.ru
Алексей Туманов

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

Алексей Туманов

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

Lina http://seocyber.net

Спасибо за плагин! У меня блог стоит на WordPresse и я пыталась создать на том же WP лендинг, используя темы. Но мне не понравился конечный вариант. Поэтому я решила создать лендинг при помощи конструктора. Долго выбирала и остановилась на q-page. Прочитав вашу статью, решила попробовать создать еще один лендинг на WP используя плагин. А потом можно уже будет провести тесты.

Виталий http://bizinte.com

Спасибо автору за статью и читателям за комментарии, буду разбираться:)

Наверх Рейтинг@Mail.ru