Два способа по созданию wordpress landing

Приветствую!
В сегодняшнем посте рассмотрим один из часто задаваемых вопросов как на движке wordpress создать landing.
В двух словах, что такое landing – это целевая страница с помощью, которой происходит влияние на посетителя для дальнейшего его действия покупки товара, подписки, регистрации.
В основном landing состоит из одной или нескольких страниц, количество страниц определяется исходя, как будет представлен wordpress landing (к примеру, для создания landing страницы для продаж придется сделать 3 страницы).
1 – основная, где будет отображаться товар, продукт.
2 и 3 трансляция по оплате (оплата прошла успешно и оплата не прошла). Смотрим на мой landing для продаж здесь.

wordpress landing — способы по его созданию

Способ 1
Итак, самый простой способ по созданию на движке wordpress landing – это использовать плагины. На сегодняшний момент, поискав в сети можно найти такие плагины как torpage и wppage стоимостью, за первый 33$ и второй 47$. С одной стороны дороговато, но создания страницы landing на заказ может обойтись в два раза дороже и это только одна страница, для ваших целей. С помощью плагинов torpage и wppage вы сможете создавать не ограниченное количество landing на движке wordpress.
Положительные стороны torpage и wppage

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

Отрицательные стороны torpage и wppage писать не буду, так как работал с ними в тестовом режиме.

Способ 2

Данный способ подойдет тем пользователям, у которых уже имеется написанный (созданный) landing. Рассмотрим, как привязать к движку вордпресс и теме WP landing. Пример будет показан на готовом landing — подписка на сайте для сбора целевой аудитории подписчиков.

Пример страницы лендинг

Итак, поехали.
Как говорилось ранее, landing создается из нескольких страниц в данном примере это одна страница. Если откроете скаченный шаблон, в нем будет 3 файла.
1 — index.html (страница landing, вид показан на скриншоте выше).
2 – css (папка со стилями).
3 – images (папка с картинками).
4 – пункт название landing или папки где размещены все файлы.

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

Клик для увеличения

Теперь перейдя по ссылке http://название сайта/landingwp/ он откроется.

Второй способ. Немного сложнее, но, разобравшись, вы сможете управлять landing через админку wp своей темы. Для экого переносим папку landingwp (или свой лендинг) в папку wp-content

Клик для увеличения

Затем переходим в свою тему путь будет
wp-content/themes/Ваша_тема
и закидываем заранее отредактированный файл index.html (своего лендинга) для этого открываем его с помощью notepad в самом верху вставляем код

1
2
3
4
5

< ?php 
/* 
Template Name: книга вордпресс 
*/
 ?>

• Данным действием мы создали шаблон страницы под названием «книга вордпресс».

Затем подключаем style.css

Находим строку (в скаченном файле она 6)

1

<link href="css/style.css" rel="stylesheet" type="text/css" />

И прописываем путь к wp-content/landingwp будет это вот так

1

<link href="/wp-content/landingwp/css/style.css" rel="stylesheet" type="text/css" />

Данное действие необходимо прописать в строках (19, 38 и 43) после сохраняем данный файл как page-1.php и переносим в свою тему WP на хостинг.

Клик для увеличения

1 – wp-content/landingwp (папка с темами).
2 – ваша тема ее название.
3 – файл который мы правили и сохранили.

Теперь перейдя в админку сайта и нажав Страницы – Добавить новую
в атрибутах можно выбрать шаблон

Это и будет прикрепленный лендинг к вордпресс.

Также его можно сделать главным, перейдя Настройки – Чтения и установить как статическую страницу.

Все вопросы задаем в комментариях. Еще один способ по созданию таких страниц рассмотрим в следующем посте.