Лендинг на вордпресс


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

Quards — простой плагин для создания лендинг пейдж или сайта целиком

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

Инструмент содержит массу возможностей и функций:

  • добавление текста;
  • перетаскивание на страницу изображений;
  • генерация обложки;
  • управление меню и категориями;
  • добавление виджетов социальных сетей и подписок.

Thrive Landing Page WordPress — не free плагин с большой обновляемой базой шаблонов

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

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

  • кнопку призыва к действию;
  • таймер обратного отсчета;
  • отзывы текстовые, видео и на Google картах;
  • рейтинговая система;
  • описание и лиды.

WP Profit Builder — еще один не free плагин для создания эффективных страниц

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


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

Главное — выбор правильного оформления, которое вы сами можете настраивать. Об остальном позаботится продающий сайт одностраничник, сделанный при помощи WP Profit Builder.

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

Landing Pages — free плагин с детальной статистикой конверсии сайта

WordPress Landing Pages — спаситель для малобюджетных компаний и стартапов, ведь вам не придется платить за его использование — это free модуль. Вы сможете полностью создать сайт одностраничник, а также протестировать его оформление и конверсию при помощи a/b тестирования. Огромная польза этого free инструмента в том, что каждое изменение лендинг пейдж вы сможете проверять при помощи статистики. Таким образом можно создать идеальный продающий сайт с максимально возможной конверсией.
https://www.youtube.com/watch?v=flEd0sRTFUo


InstaBuilder — мощный плагин для создания одностраничного сайта за несколько минут

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

OptimizePress — модуль с живым редактором одностраничного сайта


С OptimizePress визитка или лендинг — это не проблема. В считанные минуты вы сможете создать сайт Вордпресс, который автоматически будет настроен под поисковую выдачу. Сгенерированные страницы при помощи плагина адаптивные для всех устройств (поисковики это высоко ценят). А самое интересное, что в модуле установлен «живой» редактор сайта — вы вносите изменение, и сразу видите результат. Это сэкономит время и нервы. А если вы хотите сэкономить еще больше времени, в каталоге дополнения есть 30 уже готовых шаблонов для сайта-визитки. Их можно редактировать. В процессе управления страницами у вас есть доступ к 40 функциональным элементам.

LeadPages — еще один продвинутый плагин с «полным фаршем»

Как и в других дополнениях, в нем есть все для создания визитки и продающего одностраничника:

  • простая редактура оформления;
  • 70+ готовых шаблонов с высокой конверсией;
  • SEO-оптимизация страниц;
  • адаптивный дизайн для смартфонов, планшетов и компьютеров.


Ultimate Landing Page — бесплатный инструмент, идеальный для создания визитки

Данный плагин позволяет сделать одностраничник самостоятельно с нуля, либо выбрать один из приведенных в каталоге шаблонов. Между шаблонами можно удобно переключаться для быстрого предпросмотра. Шаблоны редактируемые и предоставляются на бесплатной основе. Уже через 5 минут вы можете создать свою лендинг пейдж. И, что самое главное, в редакторе есть возможность вставить элемент Mail Chimp — это кнопка подписки. Это позволит вам бесплатно повысить количество подписчиков для развития имейл-маркетинга компании.

Выводы

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


В случае, если приведенные free-плагины вас не устраивают, есть еще один бесплатный модуль — Parallax Gravity. Он не такой мощный, как описанные выше, тем не менее дает возможность быстро создать одностраничник со всеми ключевыми элементами.

Похожие статьи

wordpresslib.ru

Что нужно знать о 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

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 → Формы.
    Лендинг на вордпресс Там видим уже автоматически созданную контактную форму «Контактная форма 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

Нужен ли мне лендинг?

Если перед вами стоит такой вопрос, то, вероятнее всего, лендинг вам все-таки нужен. Хотя для начала нужно определиться – что такое лендинг? Лендинг (а также: лендинг пейдж, лэндинг, целевая страница, посадочная страница, одностраничник) – это сайт, который содержит в себе информацию о какой-то услуге, товаре или компании (человеке). Говоря о лендинге, чаще всего имеют в виду автономный сайт, состоящий из одной страницы, на которой перечислена вся основная информация.

Лендинг удобно использовать для продажи определенного товара – монопода, смартфона, вебинаров… Однако сейчас в форме лендинга может быть выполнен и сайт веб-студии или ведущего свадеб или парикмахерской.

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

Плюсы и минусы лендинга

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

Начну с минусов.

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

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

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

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

Теперь перейдем к плюсам.

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

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

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

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

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

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

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

Делаем лендинг — с чего начать

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

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

Я не говорю о том, что нужно делать один в один! У вас просто должна быть общая картинка того, чтобы вы хотите получить в итоге.

Выбрали, придумали?

Значит, идем дальше. Не буду останавливаться на технической части (выбор и оплата домена, установка WordPress…) – итак, у вас наконец все готово к разработке!

Переходим к разработке

WordPress – инструмент многогранный и в основном благодаря наличию моря плагинов. Поэтому и лендинг мы будет делать тоже при помощи плагина – а именно Free Landing Pages Builder by Wishpond. Пользоваться этим плагином совсем несложно, вы разберетесь буквально за пару минут!

Мне он нравится тем, что он очень наглядный, поэтому в нем удобно работать, все изменения можно производить прямо на макете. Но – плагин англоязычный. И еще один момент, который вам тоже нужно сразу узнать – он условно бесплатный. При использовании его формы отправки на бесплатном тарифе вы сможете получить лишь 200 лидов в месяц – если у вас получается большее количество заказов, то нужно будет перейти на один из платных тарифов. Я предполагаю, что самостоятельно лендинги делают на начальном этапе запуска какой-то услуги или товара, поэтому такого количества должно хватить. А возможно, вам вообще лендинг нужен в качестве своего сайта-визитки… Ну, в общем, просто имейте в виду.

Как и обычно, вам нужно зайти в админпанель своего WP-сайта, скачать и активировать этот плагин. В вашем списке появится еще одна строчка – Landing pages – и, перейдя в этот пункт, вы можете начать создавать свой лендинг.

Лендинг на вордпрессНаведите на картинку любого шаблона курсор: “Choose Template” – выбрать шаблон; “Preview” – превью (предварительный просмотр в окне справа). Советую сначала посмотреть превью шаблона и лишь потом брать его в работу. Кстати, в превью его возможность посмотреть шаблон и на мобильном устройстве – удобно!

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

Определились шаблоном? Нажимайте “Choose Template” — переходим к следующей части. Вам высветится окошко “Give Your Landing Page A Name” – дайте название своему лендингу.

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

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

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

Лендинг на вордпрессПосле настройки лендинга не забудьте прошерстить настройки (Settings) – там можно, в частности, настроить SEO (задать название страницы и описание), “Share settings” – название, описание и картинка, которые будут показываться, если кто-то напишет ссылку на вашу страницу в соц. сетях. Тут же вы сможете еще, к примеру, добавить шрифты (Add/Edit Fonts), если представленных изначально вам покажется мало.

Публикация

Оформили лендинг так, как хотели? Проверили адекватность отображения на других устройствах? Тогда переходим к публикации вашего проекта в сети.

Нажимайте яркую оранжевую кнопку “Publish” в горизонтальной панели!

Лендинг на вордпрессВ появившемся окошке выбирайте “Custom Domain” и вводите адрес сайта, на котором вы хотите разметить получившуюся страницу. Но я советую разместить сайт на поддомене (например, 1.example.ru) и далее поясню почему.

Внесение изменений на хостинге

Теперь вам нужно внести одно, но крайне важное изменение на хостинге – поменять запись CNAME используемого домена на wishpond.com. Так как на хостинге Timeweb можно поменять CNAME только поддомена, поэтому я и рекомендовал выше использовать поддомен.

Для того, чтобы внести изменения, войдите в свою панель управления хостингом, выберите пункт «Домены и поддомены», затем рядом с поддоменом нажмите на зеленую шестеренку («Настройки поддомена»). Выберите вкладку CNAME, пропишите там “wishpond.com” и сохраните:

Лендинг на вордпрессИ все! Проверяйте работоспособность сайта и вносите изменения, если что-то не нравится!

Удачи.

timeweb.com

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

Создание лендинга на CMS WordPress

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

Самое главное, это в административной панели перейти в раздел «Плагины». Кликнуть по кнопке «Добавить новый». Вбить в поисковую строку «Free Landing Pages Builder by Wishpond», установить и активировать плагин. По названию понятно, что дополнение распространяется бесплатно.

Естественно, это не единственный плагин с подобным функционалом. Также могу порекомендовать «Elementor», «KingComposer». Все дополнения в плане функционала схожи, но мне удобнее всего работать именно с вышеназванным плагином.

Преимущество плагина by Wishpond

  1. Так как дополнение выступает в роли конструктора, лендинг на WordPress мы будем буквально собирать с помощью мышки. Установить блоки, удалить их, переместить можно за считанные секунды. Есть полноценная панель инструментов.
  2. Функциональность целевой страницы – это замечательно. Но нужно сделать еще ее и красивой, с чем плагин отлично справляется. Панель инструментов позволяет «от и до» менять даже не общий дизайн, а внешнее оформление любого блока и любой области лендинга.
  3. Есть возможность анализа статистики LP – сколько человек посетило страницу, сколько лидов за час/день/неделю, количество просмотров страницы и так далее.
  4. Больше сотни бесплатных шаблонов (тем конкретно для лендингов, а не многостраничных страниц). Менять в этих шаблонах вы можете все, что угодно – но нужно будет работать с кодами. Совет: если с кодами возиться не хотите при редактировании тем, есть специальные плагины для визуального редактирования кода.
  5. Удобное управление целевыми страницами. Это огромный плюс для веб-мастеров, которые собираются создать не один одностраничник, а несколько.
  6. С помощью плагина LP можно дополнить готовыми всплывающими окнами. Есть возможность создания своих форм.

Недостатки плагина by Wishpond

  1. Отсутствует русификация. Но это не особо большая беда, поскольку интерфейс интуитивно понятен. Если какие-то термины вам непонятны, добро пожаловать в мир онлайн переводчиков!
  2. Есть платная версия дополнения. И чем чаще вы будете пользоваться плагином, тем больше будет желания его приобрести. При постоянной работе осознаешь, что некоторых функций все-таки не хватает, а для их активации нужно купить плагин. Если конкретизировать, то бесплатное дополнение позволяет собирать не более двухсот лидов. Но от этого ограничения можно избавиться путем установки сторонних форм подписок, а не встроенных.
  3. Есть копирайт, который будет мелькать внизу сайта – проблема небольшая, но масштабный серьезный проект с чужим копирайтом? Это как минимум нелепо.
  4. Дополнение сильно нагружает сервера. Поэтому если ваш LP будет открываться 10 секунд, не удивляйтесь. Отметим, что если напичкать целевую страницу всевозможными формами, веб-ресурс будет еще медленнее открываться – а это прямой путь к потере большого количества лидов.

Инструкция по созданию целевой страницы на WordPress

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

  1. Как я уже сказал, русского языка нет, поэтому жмем для регистрации по надписи «SIGN UP».
  2. Выбираем пункт «STAR TRIAL FREE».
  3. Остается только ввести E-mail, указать пароль (запишите его, ибо восстанавливать пароль в плагине одно мучение).
  4. Теперь нажимаем по единственной кнопке в окне — «Записаться»
  5. Перед нами откроется куча полей. Но пока они нас не интересуют. Поэтому сразу приступаем к созданию страницы, нажимая на кнопку «NEW LANDING PAGE».

Разбирать подробно все функции от «а до я» не буду. Пробежимся по самым важным аспектам дополнения, которые жизненно необходимы при создании Landing Page на WordPress.

  1. Жмем по кнопке «Landing Page».

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

  1. Выбрали понравившуюся тему и оценили ее? В таком случае кликаем по надписи «Choose Template» и едем дальше.
  2. Выбранная тема должна открыться. В этом окне мы можем отредактировать нужную область. В левой области экрана вся панель инструментов. Что-то поменяли? В таком случае справа отобразятся наши изменения. Блоки перемещать будем также в этом окне. Все настройки не забудьте сохранить. Основная область, на которой нужно зациклить внимание, находится в верхней части окна. Здесь самые главные функции.
  3. Настраиваем мета-теги через функцию «Setting». Этот пункт нужен не для настройки внешнего вида целевой страницы, а для его SEO-оптимизации. Пропишите теги (ключевые слова), по которым ищут пользователи продаваемый вами товар. Также здесь мы можем изменить шрифты, установить новые шаблоны, скачать их и так далее.
  4. Проверяем адаптивность сайта через пункт «Preview». Изменили дизайн, настроили блоки, теперь активируем предпросмотр и видим, как сайт выглядит с ПК, планшета, смартфона. Важно, чтобы со всех устройств лендинг был красив, удобен и понятен.
  5. Чтобы сохранить все изменения, жмите по кнопке «Save as draft». Сделать это нужно обязательно! Если закроете случайно или намеренно страницу, все ваши нововведения улетучатся.
  6. Если вы наполнили сайт контентом, установили все блоки, убедились, что формы подписки работают успешно, можно приступать к публикации лендинга. Для выполнения этой задачи кликаем по «Publish».
  7. Перед тем, как лендинг для WordPress опубликуется, нам нужно будет указать его название – как сделать правильное название целевой страницы, читайте здесь. Также нужно вбить адрес нашего сайта, на котором будет опубликован лендинг – именно поэтому я говорил, что нужно заранее подготовить пустой ресурс на данной CMS.

LP по указанному URL-адресу сразу должен заработать. Если вы все сделали правильно, можно приступить к продвижению лендинга с помощью контекстной рекламы, SEO оптимизации и так далее. Я перечислил далеко не все тонкости и нюансы плагина. Но чтобы создать вполне адекватный Landing для WordPress, пусть и не эксклюзивный, достаточно совершить выше перечисленные действия.

Ответы на частые вопросы 

1. Это самый простой способ создания Landing Page?

Нет. Способ подходит для тех, кто уже работал с самостоятельными CMS и разбирается в WP. Если нужно сделать лендинг за 5 минут без работы с кодами и плагинами, пользуйтесь лучшим, по моему мнению, онлайн-конструктором Bloxy.ru. Подробнее о нем можете прочитать в этой статье.

2. Есть ли видео-уроки по созданию лендинга на ВордПресс бесплатно с помощью этого плагина?

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

3. Как активировать стороннюю форму подписки?

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

4. Невозможно работать с плагином, выдает ошибку «occured error».

Если не удается запустить плагин, ищите причины в следующем:

  • У вас установлены другие дополнения, которые не могут работать с «Free Landing Pages Builder by Wishpond». Удалите ненужные плагины.
  • У вас установлена не стандартная тема из коллекции WP. Нужно сменить шаблон и убедиться, что он никак не корректировался вами.
  • У вас проблемы с хостинг-провайдером. Если веб-ресурс работает на локальном сервере, плагин запустить не удастся. Нужно, чтобы провайдер поддерживал язык программирования PHP. Также лучше делать сайты на последних версиях PHP, чтобы дополнение гарантированно работало.

5. Можно ли сделать подвижными кнопки, эффект увеличения элемента при наведении на него курсора, как на современных целевых страницах?

Есть специальная опция «Анимация» для реализации подробных задач. Также присутствует масса настроек анимации.

6. «Я смогу работать с встроенными элементами и формами только до того момента, пока не будет 200 лидов»?

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

7. Как видят лендинг поисковые системы?

Проблем с индексацией не возникает. Поскольку Яндекс и Google распознают сайт не как LP, а как очередной проект на WordPress. Для более быстрой индексации веб-ресурса заполните его уникальным контентом. Сделать это можно также через плагин, либо через саму административную панель WP.

8. Landing Page «расплывается» при его открытии со смартфона, изменение настроек в плагине не помогает, что делать?

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

9. Как установить таймер (обратный счетчик) на LP?

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

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

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

Итог

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

land-site.ru


You May Also Like

About the Author: admind

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

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

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