Лендинг на WordPress? Простая инструкция для начинающих по его созданию

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

Что такое лендинг на Wordpress и почему он так нужен

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

Прототип создания лендинга
Прототип лендинга

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

Если знают, как сделать лендинг, то:

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

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

Как выбрать плагин

«Landing Page» невозможно создать без подходящего плагина. Этот инструмент позволяет самостоятельно сделать лендинг на Wordpress, обладает расширенным функционалом и имеет некоторые специфические нюансы. 

Самые важные функции в составе:

  • Опция создания перетаскиваемых элементов
  • Конструктор для страниц «drag and drop» или блоков, таймеров, форм подписок по электронной почте, текстов, отзывов, медиаформатов и т.д..
  • Готовые шаблоны (бесплатные/платные) – приспособления, ускоряющие процесс создания посадочных страниц и заточенные под любой их вид,  продукцию, услуги.
  • Тестировщик «а/в»
  • Программа, анализирующая дизайн целевой страницы, например, не загромождают ли отзывы интерфейс и есть ли от них толк для конверсии.
  • Слияние с электронными почтовыми сервисами 
  • Интеграция с почтовыми маркетинговыми ресурсами, собирающими пользовательские данные для более успешных продаж. 
  • Таблица стоимости 
  • Часть веб-редактора «drag and drop» для оперативной разработки и блоков, и ценовых предложений. 
  • Ассистент мультимедийных данных в форме звука, анимированной графики, видеоряда – функция, позволяющая как можно подробнее рассказать о преимуществах продаваемых товаров и подталкивающая купить/ заказать. 

Использовать плагин с таким набором параметров – одно удовольствие и сущая польза как для профи, так и новичка. Инструмент соберет страницу любого характера при помощи переноса элементов через ПО визуального html-редактора. 

Виды плагинов

«Thrive Architect»

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

«Beaver Builder»

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

«OptimizePress»

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

«Elementor»

Конструктор страниц плагин Elementor в WordPress
Конструктор страниц – плагин Elementor

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

Виджеты используемые в elementor
Виджеты Elementor

Изучавшие это многообразие тестировщики решили: оптимальные функции и элементы встроены в Elementor. Конструктор бесплатен, функционален, прост и надежен. В его пользу выступает и статистика – количество скачиваний уже превысило 4,5 млн. Усредненная пользовательская оценка колеблется от 4,8 до 5 и 5 возможных баллов. Разработчики продукта представляют множество полезных видео на YouTube. Там доходчиво объясняют про работу, затрагивая вскользь, как сделать лендинг клиентам.

Отзывы о плагине Elementor в WordPress
Отзывы плагину Elementor

Как найти и установить шаблон 

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

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

Для примера – food products или продукты питания. Когда шаблон подобран, стоит поближе ознакомиться с его описанием, т.е. опробовать демо версию. Понравившуюся тему следует установить и активировать. После завершения установки потребуется определиться – нужен ли лендинг на Wordpress на чистом шаблоне либо тот, что собирается конструктором. Для непрофессионалов в аккурат второй способ. Он не потребует определенных знаний и верстки. 

Процесс создания или как создать лендинг и блоки

Чтобы понять, как сделать лендинг, необходимо понимание базовых рабочих механизмов конструктора. Чтобы его установить, нажимаем на «плагины» – в аккурат «добавить новый». Теперь в поисковой строчке указываем название, например, «elementor», жмем на «установить» и ждем когда активируется конструктор.

Установка плагина элементор через админку WordPress
Установка плагина Elementor

Какую тему выбрать

После успешно пройденной установки, переходим к выбору тем. Вот основной список тем, которые наиболее подстроены под конкретный шаблон:

Шаблоны в Elementor
Шаблоны в Elementor
  • «luxor» (автомобильная) – бесплатна, креативна и одна из лучших среди ТОП +45;
  • «fitpeople» (спортивная) – адаптивна, с большим количеством вариантов дизайна, упрощает публикации деталей, повышает продажи;
  • «tourizto» (туристическая) – многофункциональна, с широкими возможностями настроек и готовыми демонстрациями, которые импортируясь, облегчают начало работы;
  • «4news» (издания новостей) – красочна, быстра, чиста, современна, построена на виджетах для упрощенного управления контентом;
  • «soothery» (спа-салоны) – инновационна, разработана для оперативного получения готовых страниц, стилизованных под услуги красоты и здоровья. 

Если выбирать из лучших универсальных, тогда стоит рассмотреть: Phlox, GeneratePress, Sydney. Это многоцелевые темы с использованием передовых веб-технологий. С ними не надо ломать голову, как сделать лендинг в лучшем понимании этого слова. 

Тема устанавливается примерно также, как и плагин – через админку платформы. После ее активации, нужно открыть настройки и задать статический параметр для главной страницы. Для этого кликаем по «настройки главной», отмечая, какая статическая страничка на ведущей роли. 

Настройки плагина Elementor через админку WordPress
Настройки плагина Elementor

Как отредактировать лендинг на Wordpress и его холст

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

Редактирование страницы для WordPress в Elementor
Редактирование страницы в Elementor

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

Как редактировать лендинг на Wordpress инструментами шаблона

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

Создание структуры Landing Page на wordpress
Создание структуры Landing Page

После переходим к установкам фона в режиме «стиль» – «классический». Вставляем компонент «elguide или внутренняя секция» на действующий участок блока, чтобы автоматически сделать пару колонок. Перетаскиваем полученные детали на рабочее пространство и добавляем секции. В результате чего имеем пару заголовков: первого уровня (h1), где указано название организации и второго (h2) с призывом действовать либо слоганом. 

Создание заголовков различных уровней
Создание заголовков различных уровней

Чтобы прописать заголовки, работаем в правой колонке «формы онлайн-заказов» или «обратной связи-звонка».

Лайфхак! Сделать все быстро и тривиально поможет «contact form 7». Этот плагин стороннего производителя бесплатен, помогает переоформить внутрисистемные формы посредством вставки шорткода в основной плагин. Для размещения шорткодов используем редактор с css кодом. Способ подойдет и новичкам для создания заголовка по типу надписи со стандартными шрифтами и цветами.

Профи смогут кастомизировать элементы как вздумается или изменить типографику, размеры отступов, задействовать эффекты многочисленности появления/ исчезновения и прочее. Важно! Текст любого типа, а также картинки, значки доступны к позиционированию простым методом перетаскивания. Блоки, где расписаны достоинства компании, сделать можно аналогично. Туда всегда возможно включить от описания услуг до отзывов. Шестиблочный сектор «потребность клиента» можно улучшить 3D-эффектом и появлением теней. 

Как оформить раздел «потребности клиентов»

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

Как опубликовать лендинг 

Публикуем после того, как проверим адаптивность отображения. Это делается в процессе редактирования через превью или «preview», т.е. опцию предварительного просмотра в окошке с правой стороны. Если все отлично, размещаем проект в Сеть. Жмем по ярко оранжевой кнопке (возможно и др. цвет) под названием «publish», что в горизонтальной панели. Во всплывающем блоке видим «custom domain» – указываем туда доменной адрес. Это данные в интернете, где базируется страница или поддомен.

Как выбрать хостинг, доменное имя: связка и установка на wordpress

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

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

Для установки связки на платформу, можно выбрать автоматический метод через развертывание cms у хостера (услуга бесплатна). Или ручным способом. Последний вариант, помимо ввода основных данных, запуска установки, предполагает и другие действия. Например, выбрать пункт cms, заполнить каждое высветившееся поле.

Как внести корректировки на хостинге

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

Подводим итоги, как создать лендинг самостоятельно 

Вышеописанный пример, как создать лендинг, доказал, что связка «wordpress-elementor» оптимальна для осуществления мечты в виде привлекающего внимание и продающего одностраничника. Если создавать проект, начиная с построения прототипа, остается только разместить и настроить его элементы.

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

Поделиться в: