Как создать целевую страницу в WordPress

Название целевая страница в основном предназначен для представления сценария, в котором посетитель приходит на ваш сайт WordPress и земли на этой конкретной странице, что делает ее точкой входа на ваш сайт.

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

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

Так что же делает целевые страницы на WordPress особенными?

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

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

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

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

Итак, вкратце, элементы, которые делают хорошую целевую страницу в WordPress, а также элементы, на которых мы сосредоточимся в этом посте:

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

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

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

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

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

Способ № 2: перетаскивание конструкторов тем

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

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

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

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

Способ № 3: лид-страницы

(Примечание. Это платное решение.)

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

Планы начинаются с 37 долларов в месяц.

Я перечисляю его здесь, потому что это удивительно простой в использовании инструмент. Так что, если вы предпочитаете инвестировать свои деньги, а не свое время, LeadPages — это решение для вас.

Способ №4: Взлом LeadPages

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

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

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

Чтобы справиться с этим. Сделайте следующее:

1. Начните с посещения этот обзор от LeadPages и выбрать понравившийся шаблон.

2. Просмотрите доступные варианты и загрузите наиболее перспективный шаблон. (Примечание. Для этого требуется согласие.)

3. Распаковать архив и переименовать index.html файл, скажем, page-landing-template.php

4. Отредактируйте файл и сделайте следующее:

• В самом верху поместите эту строку: «
• Измените путь к каждому внешнему файлу, добавив путь к вашей текущей теме. Например, строка вида , becomes 

• Прямо перед закрытием tag add:

5. Загрузите файлы шаблона на свой FTP-сервер прямо в папку вашей текущей темы.

(Примечание. Возможно, вы заметили, что в приведенном выше примере и стили, и файлы JS жестко запрограммированы в заголовке. Это не лучшее решение для WordPress, и его следует избегать при создании собственной темы. Однако здесь мы работаем с тем, что у нас есть из шаблона LeadPages, и пытаемся включить эту целевую страницу в WordPress как можно быстрее, поэтому мы просто оставим все как есть.)

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

Способ № 5: Созданный вручную настраиваемый шаблон страницы

Это самый олдскульный подход, когда мы говорим о WordPress.

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

Примечание. Метод № 4 в этом списке в основном заключается в создании пользовательского шаблона страницы, а затем в размещении внутри него стандартного шаблона LeadPages.

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

Например, работая с предыдущей темой WordPress по умолчанию — Twenty Fourteen, вы можете легко избавиться от стандартной левой боковой панели, шапки, футера и всего остального. Что я сделал здесь, это:

1. я взял по умолчанию страница.php файл, сделал копию и назвал его страница-LP-example.php.
2. Тогда я взял по умолчанию заголовок.php а также нижний колонтитул.php файлы, а также сделал их копии (заголовок-lp-example.php а также нижний колонтитул-lp-example.php).
3. В страница-LP-example.phpя изменил значение по умолчанию get_header а также get_footer звонки тем, кто использует мои новые шаблоны: get_header(‘lp-пример’); а также get_footer(‘lp-пример’);.
4. Также в страница-LP-example.phpя удалил вызов получить_сайдбар();.
5. Наконец, я удалил все ненужные HTML-блоки на целевой странице из всех трех файлов.
6. Я назвал шаблон «Пример LP».

Вот эффект:

А вот и код финальных файлов. заголовок-lp-example.php:

<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) & !(IE 8)]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width"> <title><?php wp_title( '|', true, 'right' ); ?></title> <link rel="profile" href=" <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>"> <!--[if lt IE 9]> <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script> <![endif]--> <?php wp_head(); ?>
</head> <body <?php body_class(); ?>>
<div id="page" class="hfeed site"> <div id="main" class="site-main">

страница-LP-example.php:

<?php /* Template Name: LP Example */
get_header('lp-example'); ?> <div id="main-content" class="main-content"> <div id="primary" class="content-area"> <div id="content" class="site-content" role="main"> <?php // Start the Loop. while ( have_posts() ) : the_post(); // Include the page content template. get_template_part( 'content', 'page' ); endwhile; ?> </div><!-- #content --> </div><!-- #primary --> </div><!-- #main-content -->
<?php get_footer('lp-example');

нижний колонтитул-lp-example.php:

</div><!-- #main --> <footer id="colophon" class="site-footer" role="contentinfo"> <div class="site-info"> </div><!-- .site-info --> </footer><!-- #colophon --> </div><!-- #page --> <?php wp_footer(); ?> </body> </html>

Теперь все, что осталось, — взять эту целевую страницу и использовать ее для демонстрации предложения.

Бонус: как прокачать целевую страницу на WordPress

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

Вы можете создавать эти элементы вручную, либо в Photoshop, либо с помощью CSS/HTML, но есть более быстрое решение, и оно называется Shortcodes Ultimate.

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

Вывод

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

_ Что вы здесь думаете? Какой способ создания целевой страницы в WordPress вы предпочитаете? _

Не забудьте присоединиться к нашему ускоренному курсу по ускорению вашего сайта WordPress. С помощью некоторых простых исправлений вы можете сократить время загрузки даже на 50-80%: