logo Oblomow.ru

Создание Landing Page на WordPress

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

Конечно, есть множество способов создать Landing Page, но в данной статье рассмотрю способы создать одностраничник на WordPress.

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

Итак, я вижу всего 3 варианта создания лендинга на вордпрессе:

  1. Поиск или создание темы-лендинга;
  2. Вставка на страницу кода лендинга, созданного другим способом
  3. Поиск или создание плагина для лендинга.

Landing с помощью темы WordPress

Этот вариант я считаю самым лучшим, т.к. ни один плагин не даст вам такого функционала как php код, на котором пишутся страницы для WP.

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

Идеально будет написать страницу самому или нанять для этого фрилансера.

Если же вы всё таки выбрали искать уже готовую тему, то скорее всего вас ожидают две проблемы: сложно выбрать достаточно функциональную тему и ещё сложнее будет контролировать структуру лендинга в выбранной теме.

Примером таких тем является Zerif Lite и его производные.

Вставка кода лендинга

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

Ярким примером такого сервиса может быть сервис tilda.cc и аналоги.

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

Landing с помощью плагинов

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

Я сразу скажу, что посмотрел далеко не все варианты, но впечатлить меня смогли только 2 плагина: Elementor и Page Builder от SiteOrigin.

Page Builder от SiteOrigin

Результат работы этого плагина интересен, но всё равно уступает созданию отдельного шаблона.

Количество установок (более миллиона) говорит нам о том, что плагин популярен и, возможно, имеет не плохой функционал.

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

Elementor

Возможно я зря уделил этому плагину так мало времени, но он всё равно установлен у меня на сайте.

На момент написания этой статьи имеет 100 000 установок и свежие обновления.

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

Из самого интересного:

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

Как скрыть элементы темы на WordPress?

Изначально предполагается, что любая страница созданная на WordPress будет находиться в заданных ей рамках. Можно, конечно, разрешить странице использовать шаблон на всю ширину, но как скрыть элементы темы на вордпресс(header и footer), если они не нужны?

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

Elementor как раз является этим решением! Удивительно, что я не смог нагуглить этого и наткнулся на этот функционал плагина фактически случайно. Необходимо просто выбрать вид шаблона “Elementor Canvas” на странице редактирования страницы или записи. После этого все лишние элементы темы исчезнут и на экране будет только тот код, который задан на странице. Независимо от того, сделана она через Elementor или нет.

Альтернативное решение или WP Maintenance

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

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

Из всего многообразия плагинов подошёл только WP Maintenance, так как он единственный предоставил мне весь экран.