Как создать посадочную страницу на WordPress своими руками

Понятие «посадочная страница» («лендинг», или landing page) обычно подразумевает, что такая страница будет точкой входа посетителя на ваш сайт.

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

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

Что особенного в создании посадочных страниц на WordPress?

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

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

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

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

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

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

Способ №1: Очевидный — плагины

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

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

Однако, мне удалось найти достаточно функциональный и бесплатный плагин WordPress Landing Pages. С ним достаточно просто работать и он позволяет реализовать базовые функции, которые необходимы для создания landing pages на WordPress.

Способ №2: Визуальные конструкторы страниц

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

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

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

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

Способ №3: Генераторы посадочных страниц

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

Для того, чтобы создать посадочную страницу на сайте WordPress на основе генераторов страниц, выполните следующие действия:

  1. Скачайте загрузочную страницу вместе с файлами стилей и изображений, если такие есть.
  2. Если файлы были в архиве — сначала разархивируйте.
  3. Переименуйте файл index.html, например, в page-landing-template.php.
  4. Отккройте файл в редакторе и внесите следующие изменения:
    • В самом начале файла добавьте строку: <?php /* Template Name: Landing Page */ ?>
    • Измените путь ко всем внешним файлам, добавив путь к текущей теме. Например, строка <link rel=”stylesheet” href=”css/style.css”> станет <link rel=”stylesheet” href=”<?php bloginfo( ‘template_url’ ); ?>/css/style.css”>
    • Перед закрывающим тегом </body> добавьте: <?php wp_footer(); ?>
  5. Загрузите все файлы в папку темы WordPress.

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

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

Способ №4: Шаблон страниц, созданный вручную

Это «старая школа» разработки, без плагинов, чистый код.

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

Лучший способ создать посадочную страницу в WordPress вручную с помощью шаблонов страниц — взять стандартный шаблон page.php из вашей темы, переименовать его и поиграться со струкрурой CSS/HTML. Вы сможете удалить ненужные боковые панели, подписи, ссылки и т.п., добавить новые элементы оформления, фона и т.д.

Не забудьте также про файлы header.php и footer.php, скорее всего, их тоже нужно будет «облегчить» и включить в новый шаблон через функции get_header(‘lp-example’); и get_footer(‘lp-example’); соответственно.

 

Как сделать так, чтобы посадочные страницы на WordPress выглядели круто

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

Можно, конечно, создать эти элементы самостоятельно в Photoshop или даже в CSS/HTML, но есть значительно больее простое и быстрое решение — плагин Shortcodes Ultimate.

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

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

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

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