Программирование на Python и Objective-C в Mac OS

Программирование на Python и Objective-C под Mac OS и для iPhone / iPod Touch

Создать лендинг на wordpress: Как сделать лендинг на WordPress: разбираемся пошагово

Содержание

Как создать лендинг на WordPress — WordPressify

Этот урок будет посвящён созданию лендинга на WordPress с нуля. Также вам не понадобится никаких знаний кода для этого.

Единственное требование – вам нужно уже заранее установить себе где-нибудь WordPress, об этом у меня есть отдельный урок.

Вступление. Можно ли создать лендинг на WordPress? Сравнение с другими платформами

Да, безусловно можно.

Есть один миф, который тянется ещё с начала 2000-х годов, типо WordPress – это платформа для блогов. Именно спасибо этому мифу – в 2008-м году я ему поверил и потратил год жизни на изучение бесполезного сегодня движка, джумлы, а мог бы начать изучать WordPress сразу.

Итак, сегодня на WordPress можно создать практически всё, что угодно. А то, получится ли у вас классный сайт или нет – зависит только от прямоты рук. Суровая правда.

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

Давайте сделаем сравнение, если вы будете создавать лендинг на WP (WordPress) или на другой платформе.

WordPress Другая платформа
Сайт только ваш. Навсегда. В любой момент вы можете скачать копию своего сайта на флешку и держать у вас в столе 😁 Сайт по сути принадлежит тому сервису, у которого вы его создаёте. Иногда они разрешают делать экспорт контента. Но перенос сайта оттуда – это всегда создание сайта с нуля.
Полностью бесплатен. Всё, за что вам понадобится платить – это хостинг (аренда места на сервере для размещения вашего сайта), тут вам вполне может подойти Beget за 165р/мес. Да и от этого ценника легко избавиться при помощи партнёрской программы. До тех пор, пока хотите, чтобы ваш сайт жил, придётся выкладывать $$$. Встречаются и бесплатные тарифные планы, но они специально так урезаны, что полноценный сайт на них не создать. Что делать, когда вы больше не захотите тратиться на тариф? Скажете сайту до свидания, т к смотрим первый пункт – скачать сайт нельзя!
Вы ни от кого не зависите. Так как на WordPress работает почти половина сайтов интернета и так как в разработке принимают участие тысячи людей по всему миру, то баги исправляются сразу, как появляются. Но ко всему прочему, вы и сами можете нанять фрилансера или команду, которые исправят и допилят вам всё, что пожелаете. Вы зависите от команды разработчиков этого сервиса. Если вдруг у вас появился какой-то баг, который сильно мешает вам, то не факт, что он будет исправлен… когда-либо.
Ваш сайт начнёт расти и развиваться и будет появляться новый функционал? Без проблем. Вы либо найдёте себе что-то по душе среди десятков тысяч расширений (плагинов), как платных, так и бесплатных, либо опять-таки можно нанять фрилансера или команду, которые разработают вам всё, что пожелаете. Пример: захотели интернет-магазин? – вот вам бесплатный плагин WooCommerce. Даже самый дорогой тарифный план сервиса вам в этой ситуации не поможет.

Тут важно обратить внимание на тот момент, что вы можете найти в интернете статьи, где восхваляются различные сервисы-конструкторы сайтов и хейтится WordPress, но тут мы возвращаемся к пункту №2. Эти конструкторы платные и они нанимают людей, которые пишут им эти статьи.

Какой лендинг мы будем создавать в этом уроке?

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

Вот так он будет выглядеть:

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

Коротко про редактор контента в WordPress – Gutenberg

Раньше в WordPress не было возможности визуального редактирования контента, но разработчиков не устраивала эта нехватка функционала, и где-то 10 лет назад до написания этого поста начали появляться различные плагины-конструкторы, среди них наиболее примечательными были Visual Composer, Elementor и Divi Builder.

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

Gutenberg – это новый визульный редактор WordPress, благодаря которому мы и сможем создавать лендинги при помощи блоков. Он стал частью WordPress в декабре 2018-го.

Можете например поиграть с Gutenberg в этом официальном Демо.

Пошаговая инструкция по созданию лендинг пейдж для WordPress

Ну что, погнали? ⚡️🔥🌪

1. Выбор темы

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

Могу дать вам пару советов:

  • Обратите внимание на стандартные бесплатные темы WordPress, например «Twenty Twenty» или «Twenty Twenty One», обычно эти темы работают прекрасно, и вполне возможно, что они подойдут под ваши задачи.
  • Тема должна работать с редактором Gutenberg. Не с Elementor, не с Divi Builder, а с Gutenberg. Окей, я ничего не имею против Elementor, но только сегодня не 2015-й год.
  • Поищите Демо темы, прежде чем ставить её себе на сайт. У платных тем обычно это нетрудно найти, а у бесплатных иногда придётся постараться. Например вот демо для Twenty Twenty.
  • Если тема, которую вы скачали, предлагает вам ещё и импорт демо-контента, то это же прекрасно! Заходим в админке в Инструменты > Импорт и делаем необходимые шаги.
  • Также рекомендую почитать этот пост, где я рассказываю, какие платные темы не нужно использовать.

Для нашего урока я решил воспользоваться бесплатной темой Go. В основном потому что вместе с ней в комплекте идёт прикольный плагин CoBlocks, который значительно расширяет наш стандартный редактор Gutenberg новыми блоками. Использовать его не обязательно конечно, но возможностей с ним будет намного больше.

Сначала давайте установим тему, это можно сделать прямо из админки WordPress, перейдя во «Внешний вид > Темы» и нажав кнопку «Добавить».

Ставлю и активирую тему «Go».

2. Ставим дополнительные плагины (необязательно)

После того, как вы активировали вашу тему «Go», она предложит вам установить плагин «CoBlocks» автоматически (помните, я упоминал, что он нам пригодится для дополнительных блоков в конструкторе).

Соглашаемся и нажимаем «Начать установку плагина».

3. Настраиваем саму тему

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

В большинстве тем сейчас (и в теме «Go») эти настройки находятся либо во «Внешний вид > Настроить», либо непосредственно с сайта нажимаем на верхней панели «Настроить».

Подробнее на видео:

4. Создаём новую страницу для лендинга

Переходим Страницы > Добавить новую. Тема «Go» даже предлагает выбрать один из предустановленных шаблонов и уже редактировать его.

Но мы с вами конечно же нажмём «Add blank page» и будет редактировать страницу с нуля.

Указываем заголовок страницы и нажимаем «Hide page title», потому что непосредственно на лендинге он нам не понадобится.

5. Как поставить любую страницу в качестве главной страницы сайта

Вот допустим вы перешли в меню «Страницы» и у вас там какое-то определённое количество страниц. Ну больше чем одна. И предположим, что это ваши лендинги на разные случаи жизни.

У каждого лендинга может быть свой URL-адрес, который вы можете установить например нажав на ссылку «Свойства», но как установить определённый из них в качестве главной страницы?

Легко, для этого переходим «Настройки > Чтение». И выбираем наш лендинг.

Всё очень легко тут 🙂

6. Блок «Обложка» или первый экран нашего лендинга

Наконец-то мы добрались и до создания контента для нашего лендинга!

Начнём мы с первого экрана конечно же. Сделаем его вот таким:

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

Это мы будем делать при помощи блока Gutenberg «Обложка», который доступен в Gutenberg по умолчанию, то есть плагин CoBlocks для него не нужен!

В итоге мы:

  • Добавили заголовок
  • Добавили текст-описание
  • Добавили две кнопки
  • Настроили разные стили для кнопок
  • Выровняли всё по центру
  • Изменили цвет фона первого экрана
  • Добавили необходимые отступы

Всё это – на видео:

7. Блок с преимуществами

Если блок «Обложка» доступен в Gutenberg по умолчанию, то блок с преимуществами «Функции» доступен только при установке плагина «CoBlocks».

Вот так он будет выглядеть на нашей посадочной странице:

Добавим и настроим его на этом видео:

7. Фиксированный фон с волной

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

Более понятно будет на видео:

9. Блок призыва к действию

Какой же лендинг без блока призыва к действию?

Прежде всего, мы сделаем якорную ссылку с первого экрана на этот блок, для этого установим HTML-якорь этого блока во вкладке «Дополнительно».

На некоторых темах WordPress могут быть лишние расстояния между блоками, особенно, если вы покрасили их в какой-то цвет, для этого добавьте этот код во «Внешний вид > Настроить > Дополнительные стили».

.alignfull {
    margin-top: 0;
    margin-bottom: 0;
}

10. Финиш 🏁

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

Кроме того, когда вы разберётесь с лендингами, рекомендую продолжить моим видеокурсом по созданию интернет-магазинов на WordPress!

Бонус! Видеоурок

Относительно недавно записывал видео, где делал обзор темы «Go», и там делал примерно те же самые шаги, что и в этом уроке.

Вот оно:

Как сделать лендинг на WordPress: 5 современных плагинов для создания целевой страницы

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

Ищите плагин WordPress, который поможет создать рабочую landing page?

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

Thrive Architect

Цена: $59 — $247 в год

Thrive Architect  — это плагин, который поставляется с drag & drop редактором и большим выбором шаблонов целевых страниц. Благодаря функциональности редактора drag & drop, вы сможете настроить практически любой аспект целевой страницы и создать сайт с нуля или выбрав один из 150 + шаблонов.

OptimizePress

Цена: $97 — $297 в год

OptimizePress был самый оптимальным вариант для создания лендинг на WordPress. С его помощью можно запустить страницу продаж, членский портал или authority-блог. Плагин имеет редактор, аналогичный Thrive Architect, что дает возможность создавать макет любой сложности в реальном времени. Все изменения выводятся сразу в визуальный редактор.

Установив данный плагин, вы получаете 30 готовых и адаптивных шаблонов, большую библиотеку элементов и совместимость с любой темой.

Leadpages

Цена: бесплатный

Leadpages — нечто большее, чем просто плагин WordPress. Это платформа, позволяющая создать лендинг на WordPress, в неограниченном количестве. Вам просто необходимо выбрать шаблон, настроить его, с помощью визуального редактора, и нажать «Опубликовать». Дополнительно вы можете использовать функцию Leadboxes для публикации кликабельных картинок, которые отлично подходят для обновления контента.

Beaver Builder

Цена: $77 — $197

Beaver Builder – еще один плагин с drag & drop редактором, который также можно использовать в качестве инструмента для создания целевой страницы. Тут имеется удобный и понятный визуальный редактор, поэтому создавать привлекательные пользовательские макеты страниц будет очень просто. В комплекте имеется свыше 100 уже готовых шаблонов. Вы можете добавить любые виджеты WordPress на свою страницу, а также выбрать форму кнопок, контактные формы и многое другое.

Coming Soon Pro by SeedProd

Цена: $29 — $99

Coming Soon Pro не похож ни на один другой плагин из этого списка. В нем нет редактора drag & drop и он не имеет большого количества шаблонов.  Благодаря этому, данный плагин устанавливается за считанные секунды.

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

Итог

Чтоб запустить рабочую landing page  на WordPress, не обязательно быть веб-дизайнером или иметь какие-то дополнительные знания. Представленные плагины для целевых страниц помогут вам сэкономить много сил и времени.

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

Как создать лендинг для WordPress (Видео +бесплатный шаблон)

Привет ребят. В этот раз я подготовил для вас еще один бесплатный шаблон лендинга для WordPress + видео-урок по тому, как я его создавал. Ссылка на все инструменты, сервисы и прочее в описании под этим видео.

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

Как создать лендинг для WordPress с нуля

Основные инструменты и сервисы:

➡ Хостинг, домен и CMS регистрируем тут: https://clck.ru/JLr9M
➡ Генератор логотипов для сайта тут: https://clck.ru/MPpyv
➡ Мой бесплатный курс по созданию сайтов с нуля тут: https://clck.ru/PwJAv

Шаблон сайта + видео-инструкция по установке:

?Шаблон сайта из видео можно скачать тут: https://yadi.sk/d/faJWhVx9JUks9A
?Инструкция по размещению сайта на хостинге и подключение домена: https://youtu.be/rvl3gDmuj_o

Название плагинов и тем, которые я использую в видео:

  1. Тема — ASTRA
  2. Плагины:
  • Elementor
  • Elementor — Header, Footer & Blocks
  • Essential Addons for Elementor
  • Livemesh Addons for Elementor
  • jQuery Smooth Scroll
  • Contact Form 7
  • Popup Maker

Шрифты и цвета из урока:

Шрифты и цвета, которые я использовал в уроке:
Шрифт — Source Sans Pro

Цвета:
#FF7951 — Основной цвет (оранжевый)
#532437 — Градиентный bac (темно-фиолетовый)
#100C1B — Градиентный bac (темно-синий)
#FF6383 — Мелкие подзаголовки (фиолетовый)
#F0F0F0 — Цвет текста (серый)
#54595F — Цвет текста (черный)

Дополнительные материалы к уроку:

  1. Как придумать доменное имя для своего сайта: https://clck.ru/NBhsQ
  2. Как зарегистрировать домен и подключить его к сайту: https://youtu.be/6bkvslQMH6E
  3. Бесплатные изображения для сайта можно брать тут: https://clck.ru/JfNoy
  4. Бесплатные иконки для сайта можно брать тут: https://clck.ru/NBhcs
  5. Генератор политики конфиденциальности тут: https://clck.ru/JLtr3
  6. Google кириллические шрифты тут: https://clck.ru/EACPK

Таймкоды на темы из видео:

0:34 — старт урока
0:58 — организационные моменты

Начинаем создавать лендинг:
3:07 — что потребуется для создания лендинга
5:13 — настраиваем Астру (шрифт, лого, фавикон)
9:50 — наполняем страницу «Политика конфиденциальности»
11:40 — как работать в Elementor (обзор инструментов)

Работа в Элементоре:
15:58 — начинаем создавать лендинг
16:45 — первый экран лендинга (создаем и настраиваем)
32:46 — второй экран лендинга (создаем и настраиваем)
44:28 — настраиваем разделитель секции (переход из 1 к 2 экрану)
46:35 — третий экран лендинга (создаем и настраиваем)
52:08 — четвертый экран лендинга (создаем и настраиваем)
55:23 — пятый экран лендинга (создаем и настраиваем)
1:04:05 — шестой экран лендинга (создаем и настраиваем)
1:15:44 — добавляем якорные ссылки (anchor)

Контактная форма и поп-ап окна
1:20:37 — активируем контактную форму 7 и попап мэйкер
1:21:17 — настраиваем контактную форму 7
1:26:16 — настраиваем попап мэйкер
1:28:42 — добавляем и настраиваем два попап окна

Настраиваем мобильную и планшетную версии
1:37:18 — настраиваем планшутную версию
1:42:13 — настраиваем мобильную версию

Настраиваем подвал и шапку сайта
1:46:57 — активируем плагин, создаем шапку в Elementor
1:49:03 — создаем меню шапки сайта
1:59:15 — создаем подвал сайта

Настраиваем главную страницу сайта
2:04:46 — выставляем лендинг в качестве главной страницы

Заключение

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

Создание landing page на WordPress

Привет, друзья. Сегодня статья для тех, кто хочет научиться создавать landing page на Wordress. Мне попался очень интересный видеокурс на youtube, в котором парень показывает полный процесс верстки и адаптации созданного шаблона для его работы на WordPress. Кроме того, для меня было много интересного и в подходе к верстке в целом. Как говорится: «век живи — век учись».

Начинается все с прототипа, затем верстка с использованием препроцессора, а потом уже «посадка» на CMS. Очень все занимательно, рекомендую посмотреть. Обязательно найдете что-то новое для себя.

Создание лендинг пейдж на WordPress

Итак, первая часть курса по созданию landing page на WordPress:

2 часть:

3 часть:

4 часть:

5 часть:

6 часть:

7 часть:

8 часть:

9 часть:

10 часть:

11 часть:

12 часть:

13 часть:

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

Создание лендинга на WordPress (ВордПресс)

Алгоритм разработки Landing Page на ВордПресс

Многие разработчики сайтов считают, что одностраничник применяется с целью рекламы, а не как полноценный сайт. Одностраничник отлично справляется с поставленной задачей: активно рекламировать необходимый товар или продукт, заинтересовать потенциальных клиентов, рассказав о нем детально, и существенно увеличить объемы его продаж. Создание landing page не такая простая задача, как думают многие начинающие разработчики, которые могут пока только работать с самыми простыми «движками».

Поэтому сегодня речь пойдет о разработке лендинга на WordPress. Он дает возможность легко и быстро разработать качественный одностраничник. Существует множество платных плагинов для данной CMS, которые реально стоят того, чтобы их купить. Но сегодня будем говорить только о бесплатных способах разработки одностраничника на WordPress.

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

Разработка Landing Page на CMS WP

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

Важно найти раздел «Плагины». Он находится в админ. панели. Отыскав его, следует кликать на «Добавить новый». В поисковой строке следует написать «Free Landing Pages Builder by Wishpond». Когда найдете указанный плагин, его следует установить, а после провести его активацию. Название говорит само за себя, но если кто-то не изучал английский, то плагин является бесплатным.

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

Хотите развивать свой бизнес в Интернете и иметь больше заказов?

Достоинства by Wishpond

  1. Это дополнение схоже с конструктором, поэтому одностраничник на WordPress придется собирать, используя мышку. Установка блоков, их удаление или перемещение происходит буквально за несколько секунд. Также имеется качественная панель инструментов.
  2. Лендинг должен иметь необходимые функции, но он также должен быть и привлекательным. Плагин позволяет все это сделать. Имеющаяся панель инструментов предоставляет огромные возможности по подгонке не только самого дизайна страницы, но и каждого модуля или блока в отдельности.
  3. Существует и возможность получения статистических данных: количество посетителей, количество лидов за разные временные промежутки, число просмотров страницы и др.
  4. Бесплатных шаблонов именно для лендингов имеется более ста штук. Изменять в них можно все, что необходимо, но нужно будет поколупаться в коде. Здесь можно порекомендовать тем, кто не имеет желания разбираться в коде, использовать специальные плагины, которые позволяют визуально редактировать код.
  5. Управлять одностраничниками удобно. И это особенно важно для тех веб-программистов, которые разрабатывают несколько landing page.
  6. Можно дополнить лендинг всплывающими окнами, если есть в этом необходимость. Плагин позволяет это осуществить. Кроме того, здесь же есть возможность создания и своих форм.

Минусы by Wishpond

  1. Русскоязычная версия отсутствует. Для тех, кому интерфейс не кажется интуитивно понятным и простым, на помощь придут словари или онлайн-переводчики. В принципе, это не должно стать большим препятствием в работе.
  2. Плагин, конечно, имеет и платную версию, которая имеет более богатый функционал. Соблазн ее купить будет увеличиваться пропорционально времени использования плагина. Если постоянно работаешь с дополнением, то начинаешь понимать, что отдельных функций все же не хватает, а чтобы их активировать, необходимо дополнение купить. Если быть точным, то данный плагин дает возможность собирать не больше двух сотен лидов. Можно и обойти данное ограничение, оформив сторонние подписки.
  3. Внизу сайта остается копирайт. Казалось бы мелочь, однако, если проект довольно серьезный, то чужой текст выглядит, как минимум, странно.
  4. Плагины дают серьезную нагрузку на сервера. Это значит, что лендинг может грузиться около десяти секунд. Стоит заметить и тот факт, что, если разместить на лендинге еще и другие формы, то страница будет загружаться еще медленней. А это все грозит потерей целевых посетителей.

Как создать лендинг на WP

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

  1. Чтобы зарегистрироваться, следует нажать на «Sign Up». (Вы же помните, что русский язык отсутствует?).
  2. Теперь можно выбрать «Star Trial Free».
  3. Далее следует указать e-mail и ввести придуманный пароль. К слову, его лучше где-то записать, чтобы не забыть, поскольку возни с его восстановлением предостаточно
  4. В окне имеется только одна кнопка, по ней и следует кликнуть.
  5. Вам будет представлено множество полей, которые на данный момент не нужны. Чтобы начать создавать одностраничник, следует нажать на кнопку «New Landing Page».

Останавливаться на всем имеющемся функционале не будем. Рассмотрим только самые необходимые позиции для разработки лендинга на этом «движке».

  1. Кнопка «Landing Page». Нажмите ее.

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

  1. Если с темой полностью определились, то можно нажимать «Choose Templat» и двигаться далее.
  2. Тут тема, которую вы выбрали, должна открыться. В данном окне можно вносить коррективы в нужной области. Слева находиться панель с инструментами. Справа будут отображаться все внесенные изменения. Если нужно переместить блоки, о совершать эти операции нужно здесь же. Все изменения сохраните. Помните, что акцент необходимо делать на верхней части страницы.
  3. Функция «Setting» позволяет провести настройку meta-тег. Данную операцию следует провести для того, чтобы дальнейшая СЕО-оптимизация была более качественной. Не поленитесь указать теги (ключи, которые будут вводить потенциальные клиенты, в попытке найти предлагаемый вами товар). Эта функция также позволяет корректировать шрифты, устанавливать необходимые дополнения, скачивать плагины и д.т.
  4. «Preview» позволяет проверить адаптивность веб-ресурса. после всех внесенных изменений и настроек, следует посмотреть, как именно будет видеть ваш одностраничник пользователь, который зашел на сайт с ПК, а как сайт будет отобраться мобильным пользователям. Помните, что сайт должен корректно отображаться для всех посетителей, не зависимо от того, с какого устройства они зашли на лендинг.
  5. «Save and draft» стоит нажать, когда нужно сохранить все внесенные коррективы. Можно, конечно и пропустить это действие, но тогда вся ваша работа пропадет и придется начинать все с начала.
  6. Когда все необходимая информация уже размещена на сайте, все блоки установлены на свои места, а формы для подписки не дают сбоев, можно публиковать одностраничник. Кнопка «Publish» поможет это сделать.
  7. Следует указать название лендинга прежде, чем он опубликуется. Именно поэтому и упоминалось ранее, что потребуется подготовка пустого веб-ресурса на этом «движке».

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

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

Ответы на вопросы, которые задают чаще всего

  1. Является ли этот способ разработки одностраничника самым простым?

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

  1. Можно ли найти уроки в формате видео по разработке лендинга на WP бесплатно и с использованием указанного плагина?

Таких материалов для данного плагина нет. Но есть для других дополнений, о которых упоминалось выше.

  1. Каким образом можно активировать стороннюю форму подписки?

Чтобы добавить сторонние формы, необходимо применить HTML-элемент, в который следует вписать код. Форму следует разместить в нужной области.

  1. Работать с указанным плагином не получается. Выскакивает сообщение об ошибке.

Неудачи запуска плагина могут крыться в следующих моментах:

  • У вас получается конфликт дополнений. Следует удалить плагины, которые вам не нужны;
  • Тема, которая у вас установлена, является нестандартной. Поэтому следует изменить шаблон. Обязательно проверьте, не вносились ли какие-то изменения в него;
  • Проблемы с провайдером. При работе сайта на локальном сервере, плагин работать не будет. Необходимо, чтобы PHP поддерживался провайдером. Кроме того, лучше создавать одностраничники на последних версиях указанного языка программирования. Тогда плагин точно будет работать.
  1. Возможно ли применить эффект приближения элемента при наведении на него курсора, или «оживить» кнопки, чтобы придать современности лендингу?

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

  1. Работа со встроенными элементами возможна только до достижения двухсот лидов?

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

  1. Поисковики видят lending page?

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

  1. Лендинг «плывет» на мобильных гаджетах, а изменение настроек не решает проблему. Как быть?

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

  1. Можно ли установить таймер на лендинг?

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

  1. Надо внести изменения в цветовую гамму и шрифты, но через плагин воплотить задуманное не получается.

Причин неудачи может быть множество. Быстрее и легче поставить «SiteOrigin CSS», который поможет внести нужные коррективы. Все необходимые действия следует совершать через WYSIWYG.

Вывод

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

Как сделать лендинг на WordPress? Подробная инструкция ᐉ Веб-студия Brainlab

Содержание :

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

Алгоритм разработки Landing Page на ВордПресс

И так, чтобы создать лендинг на Вордпресс необходимо проделать следующие шаги: 

  • Определить цели, провести анализ продукта и ЦА. Также провести аудит конкурентов.
  • Подготовить контент и создать прототип дизайн-макет.
  • Определиться с доменом и хостингом, установить CMS (в нашем случае WP).
  • Установить специальные плагины ( о них мы поговорим дальше).
  • Провести адаптивную верстку сайта. Это актуально в случае, если функциональности темы недостаточно.
  • Подключить специальные инструменты. Например, сервис обратного звонка, онлайн-консультанта и т.д.
  • Проверить сайт и провести А/Б тестирование.
  • Начать разрабатывать тактику seo продвижения.

Качественный Landing полностью соответствует следующим признакам:

  • адаптивный;
  • релевантный;
  • имеет эстетичный внешний вид;
  • удобный в пользовании;
  • отсутствуют лишние элементы.

Выбор хостинга, регистрация домена, установка WordPress

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

Дальше переходим к установке WP. Здесь есть два способа:

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

Поиск и установка шаблона лендинга на WordPress

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

Чтобы найти шаблон необходимо зайти в админку WP и в левом меню проделать следующее: “Внешний вид” —  “Темы” —  “Добавить новую”. 

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

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

Плагины для создания лендинга на WordPress

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

Плагин Free Landing Pages Builder by Wishpond

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

                Преимущества                   Недостатки 
Скорость выстраивания страницы Нет русскоязычной версии
Обширные возможности в области дизайна Оказывает нагрузку на сервер
Много красивых и бесплатных тем
Все внесенные изменения можно видеть прямо в макете
Специальные инструменты для отслеживания статистики

Elementor Page Builder

Удобный плагин с открытым кодом. Есть платный и бесплатный вариант. Из отзывов веб-мастеров можно сказать, что для создания лендинга вполне достаточно и бесплатной версии. Но, чтобы понять подойдет ли он вам, рассмотрим плюсы и минусы плагина.

Преимущества  Недостатки 
Быстрая загрузка Недостаточное количество виджетов
Редактирование происходит в режиме реального времени
Огромное количество бесплатных шаблонов
С плагином может разобраться даже новичок

Плагин JetBlocks

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

 Особенности:

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

Thrive Architect

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

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

OptimizePress

Самый популярный плагин с безупречной ситуацией. Большую популярность он приобрел среди бизнесменов. Рассмотрим плюсы и минусы.

Плюсы  Минусы
Простой и интуитивно понятный Высокая стоимость  
Наличие функции А/Б тестирование
Широкий выбор рассылок
Наличие привлекательных шаблонов

Beaver Builder

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

Особенности: 

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

Да, Ворд Пресс позволяет создать качественный лендинг, главное подобрать подходящий плагин и проработать стратегию создания сайта.

Колесников Дмитрий

Технический директор, студии BRAINLAB

Почему лендинг на wordpress это плохо

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

Плюсы создания Landing Page на вордпресс

  • Можно создать бесплатно
  • Есть множество шаблонов и плагинов
  • Много обучающих материалов по теме
  • Не обязательно знать HTML, CSS JS, PHP
  • Время разработки (за полчаса можно сделать страницу)

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

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

Если вы запускали платную рекламу, то это деньги, выброшенные на ветер. И работа,которую вы проделали, все впустую. Поэтому, прежде чем создавать лендинг на WordPress, нужно 10 раз подумать. Лучше заплатить специалистам некоторую сумму, они сделают качественный Landing, который будет работать быстро и на регулярной основе генерировать заявки, чем столкнуться с подобными проблемами. А что вы думаете по этому поводу?

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

Вы хотите создать настраиваемую целевую страницу на своем сайте WordPress?

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

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

Вот краткий обзор того, что мы рассмотрим в этом руководстве.

Что такое целевая страница?

Целевая страница — это специальная страница, предназначенная для увеличения продаж или привлечения потенциальных клиентов для бизнеса.

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

В чем разница между домашней страницей и целевой страницей?

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

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

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

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

  • Целевая страница для ваших платных рекламных кампаний
  • Страница для подписчиков из вашего списка рассылки, посетителей из социальных сетей и т. Д.
  • Пользователи, переходящие на страницу определенного продукта или услуги
  • и многие другие…

При этом давайте посмотрим, как создать красивую пользовательскую целевую страницу в WordPress без каких-либо знаний CSS, HTML или PHP.

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

Готовы? Приступим к первому способу.

Метод 1. Создание целевой страницы WordPress с помощью SeedProd

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

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

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

Примечание: На WordPress.org есть бесплатная версия плагина SeedProd, но мы будем использовать версию Pro, поскольку она предлагает более мощные функции.

После активации вам будет предложено ввести лицензионный ключ. Вы можете найти эту информацию в своей учетной записи на веб-сайте SeedProd.

Затем вам нужно посетить страницу SeedProd »Pages и нажать кнопку« Добавить новую целевую страницу ».

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

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

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

Это загрузит интерфейс конструктора страниц SeedProd. Этот простой конструктор перетаскивания покажет предварительный просмотр вашей страницы справа и панель инструментов слева.

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

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

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

Вы также можете изменить цвета фона, добавить фоновые изображения, изменить цвета и шрифты в соответствии с вашим брендом или темой.

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

SeedProd также совместим с WooCommerce. Это позволяет создавать целевые страницы продуктов, целевые страницы электронной коммерции, рекламные страницы для продаж и других мероприятий.

Блоки

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

Подключение ваших целевых страниц к сторонним инструментам

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

SeedProd позволяет очень легко подключить ваши целевые страницы к популярным сервисам электронного маркетинга, таким как Constant Contact или Mailchimp. Просто перейдите на вкладку «Подключиться» и выберите поставщика услуг электронной почты.

Необходимо подключиться к услуге, которой нет в списке? Не волнуйтесь, SeedProd работает с Zapier, который действует как мост между SeedProd и более чем 3000+ других приложений на Zapier.

Сохранение и публикация вашей целевой страницы

Закончив редактирование страницы, вы можете просто нажать кнопку «Сохранить» и затем выбрать «Опубликовать».

Публикация целевой страницы позволит разместить ее на вашем веб-сайте.

Использование персонализированного домена для целевой страницы

У вас есть собственный домен, который вы хотите использовать для своей целевой страницы?

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

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

Просто перейдите на вкладку «Настройки страницы» и затем щелкните раздел «Пользовательский домен».

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

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

Метод 2. Создание целевой страницы в WordPress с помощью Beaver Builder

Beaver Builder — еще один популярный конструктор страниц WordPress с функцией перетаскивания. Он позволяет легко создавать целевую страницу с использованием готовых шаблонов, которые можно изменять с помощью простых инструментов перетаскивания.

Во-первых, вам необходимо установить и активировать плагин Beaver Builder. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.

После активации вам необходимо посетить страницу Настройки »Beaver Builder , чтобы настроить параметры плагина.

На вкладке «Лицензия» нажмите кнопку «Ввести лицензионный ключ», чтобы добавить лицензионный ключ. Вы можете найти эту информацию в своей учетной записи на веб-сайте Beaver Builder.

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

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

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

Выберите целевую страницу или полноразмерный шаблон в поле «Атрибуты страницы» в правом столбце и сохраните страницу, чтобы применить изменения.

Теперь вы готовы создать целевую страницу.

Нажмите кнопку «Запустить Beaver Builder» в редакторе сообщений, чтобы запустить интерфейс конструктора.

Откроется

Beaver Builder с шаблоном целевой страницы вашей темы. Вам нужно нажать на кнопку добавления в правом верхнем углу экрана и переключиться на вкладку «Шаблоны».

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

После выбора шаблона Beaver Builder загрузит его в окно предварительного просмотра.

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

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

После добавления строки перейдите на вкладку модулей. Модули — это элементы контента, которые вы можете добавить на свою целевую страницу.Beaver builder поставляется со всеми необходимыми модулями, включая текст, заголовки, кнопки CTA, видео, аудио, анимированный таймер обратного отсчета и многое другое.

Если вы удовлетворены дизайном, вы можете нажать кнопку «Готово» вверху, а затем сохранить или опубликовать свою страницу.

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

Метод 3.Создание целевой страницы в WordPress с помощью Divi

Divi — популярный плагин для создания страниц WordPress, созданный командой Elegant Themes. Он поставляется как тема с поддержкой конструктора страниц, и вы также можете использовать его как автономный конструктор страниц.

Во-первых, вам нужно установить и активировать плагин Divi Builder.

Примечание. Если вы устанавливаете тему Divi, вам не нужно устанавливать плагин компоновщика страниц. Просто следуйте нашим инструкциям по установке темы WordPress.

После активации вы можете перейти на страницу Pages »Добавить новую страницу , чтобы создать свою целевую страницу. На экране редактирования страницы нажмите кнопку «Использовать Divi Builder», чтобы запустить конструктор страниц Divi.

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

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

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

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

Просто нажмите кнопку «Использовать этот макет», чтобы продолжить.

Вас могут попросить указать имя пользователя вашей учетной записи Divi и ключ API.Вы можете найти эту информацию в своей учетной записи на сайте Elegant Themes.

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

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

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

Divi использует разделы, строки и модули для построения макетов. Вы можете добавить раздел, строку или модуль, щелкнув значок + в любом месте страницы.

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

Когда вы закончите редактирование, вы можете просто нажать кнопку «Опубликовать» в правом нижнем углу экрана.

Теперь вы можете нажать кнопку «Выход из Visual Builder» на панели инструментов администратора WordPress, чтобы выйти из редактора.

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

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

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.

Примечание: Чтобы помочь нашим читателям избежать паралича выбора, наша статья не включает все конструкторы целевых страниц, такие как Elementor, Leadpages, Instapage, Unbounce, ClickFunnels и т. Д. Три лучших решения, которые мы выбрали, являются лучшими решениями для малого бизнеса, потому что они просты в использовании, оптимизированы по скорости и доступны для малого бизнеса.

Сравнение трех лучших плагинов для целевой страницы WordPress и как создать один

Если вы ищете эффективный и простой способ создать целевую страницу WordPress, то вы попали в нужное место! 👏

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

На сегодняшний день модельный ряд: Elementor, Divi и Thrive Architect.

Почему эти плагины для целевой страницы WordPress?

Если вы проведете хотя бы малейшее исследование в Интернете, вы быстро обнаружите, что плагинов для целевых страниц WordPress больше, чем вы можете представить. Есть буквально десятки решений как на платном, так и на бесплатном концах спектра. Так почему мы выбрали Elementor, Thrive Architect и Divi для этого поста?

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

  • Elementor — самый популярный бесплатный плагин для создания страниц для WordPress.Его пользовательская база составляет более 5 миллионов человек, и он предоставляет исключительный набор бесплатных функций. Это делает лучшим решением для тех, кто хочет ограничить бюджет . 💸
  • Divi — один из самых популярных фреймворков для построения страниц для WordPress в целом. Пакет Divi включает не только плагин для построения страниц, но и целую тему WordPress, основанную на том же механизме построения страниц. Кроме того, вы также получаете доступ к дополнительным плагинам и шаблонам за ту же плату за подписку.Это лучшее решение для пользователей, которые хотят создать весь свой веб-сайт с помощью одного инструмента , а не использовать комбинацию разных тем и плагинов. 💪
  • Thrive Architect объединяет оба мира, уделяя больше внимания деловой стороне вещей, позволяя создавать целевые страницы и страницы продаж. Это может стать вашим решением, если вы немного больше ориентированы на конверсию и главное, чего вы хотите от инструментов своего веб-сайта, — это измеримые бизнес-результаты.📈

👉 Выберите нужный плагин на основе информации выше и посмотрите, как с его помощью создать отличную целевую страницу WordPress:

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

Вот шаги:

  1. Установите Elementor
  2. Создайте новую целевую страницу с помощью Elementor
  3. Настройте свою целевую страницу с помощью Elementor
  4. Добавьте новый контент на целевую страницу
  5. Сохраните и опубликуйте свою целевую страницу

Шаг 1. Установите Elementor

Elementor — это плагин, который можно легко установить через панель управления WordPress.Войдите в систему и перейдите в Plugins → Add New .

Введите «Elementor» в поле поиска. Вы увидите плагин в списке. Нажмите кнопку «Установить сейчас» , а затем — кнопку « Активировать », когда она появится.

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

Шаг 2. Создайте новую целевую страницу с помощью Elementor

Начните нормально работать над своей целевой страницей.Перейдите на страниц → Добавить новый . Нажмите на кнопку Edit with Elementor , которая находится вверху.

Это откроет основной интерфейс Elementor.

На этом этапе вы можете выполнять свою работу двумя разными способами:

  • либо начните с нуля, либо создайте свою целевую страницу поэлементно.
  • начните с шаблона и измените его в соответствии с вашими потребностями.

Я поклонник второго подхода, поскольку с ним легче справиться новичку.Для начала щелкните значок каталога в центре, вот этот:

Вы увидите каталог готовых шаблонов Elementor. Выберите тот, который вам нравится, и нажмите кнопку Insert рядом с ним. При выборе шаблона выберите то, что соответствует общей цели вашей целевой страницы.

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

Шаг 3. Настройте целевую страницу с помощью Elementor

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

Если вам не нужны некоторые из этих разделов, вы можете нажать на значок «X» рядом с шестью точками и удалить все это целиком.

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

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

Таким же образом можно заменить любое изображение на странице. Щелкните изображение, а затем замените его на боковой панели.

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

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

Здесь вы можете установить такие вещи, как:

  • фон раздела
  • наложение фона
  • границы
  • типографика

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

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

Шаг 4. Добавьте новый контент на целевую страницу WordPress

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

Для этого щелкните любой из значков «+» рядом с значками с шестью точками .

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

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

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

Шаг 5. Сохраните и опубликуйте свою целевую страницу

Последний шаг — публикация вашей целевой страницы. Для этого нажмите кнопку « Опубликовать » в нижнем левом углу.

И все! Ваша целевая страница WordPress запущена! 🍾

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

Вот шаги:

  1. Установите Divi
  2. Создайте новую целевую страницу с помощью Divi
  3. Настройте свою целевую страницу с помощью Divi
  4. Добавьте новый контент на целевую страницу
  5. Сохраните и опубликуйте свою целевую страницу

Шаг 1. Установите Divi

Во-первых, вы должны решить, какую версию Divi вы хотите использовать:

Если вы планируете сохранить текущую тему WordPress и просто добавить к ней некоторые новые функции построения целевой страницы, вам следует использовать плагин Divi Builder.

И тема, и плагин доступны по одинаковой абонентской плате — 89 долларов в год.

В этом руководстве мы собираемся использовать плагин. Чтобы установить Divi Builder, вам сначала необходимо загрузить его из своего профиля клиента на веб-сайте Divi.

Затем перейдите в Плагины → Добавить новый на панели инструментов WordPress. Нажмите кнопку Загрузить подключаемый модуль и выберите архив Divi на рабочем столе. Щелкните Установить сейчас .

Загрузка Divi на ваш сервер может занять минуту, так как это большой файл.Когда все будет готово, вы увидите следующий экран:

Щелкните Активировать подключаемый модуль , чтобы завершить процесс.

Шаг 2. Создайте новую целевую страницу с Divi

Начните создавать свою целевую страницу WordPress, перейдя в Pages → Add New . Нажмите кнопку Use Divi Builder , которая находится в центре.

Появится краткий ознакомительный тур. Ознакомьтесь с ним, чтобы узнать, как перемещаться по базовым интерфейсам Divi.

Divi позволяет создать новую целевую страницу тремя основными способами:

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

Для начала щелкните средний блок и выберите один из готовых макетов. Divi поставляется с сотнями шаблонов, разбитых на категории в зависимости от ниши и назначения.

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

Чтобы импортировать шаблон, нажмите кнопку Использовать этот макет . Импорт может занять минуту. Когда все будет готово, вы увидите текущий дизайн целевой страницы WordPress во всей красе. Теперь давайте настроим его!

Шаг 3. Настройте целевую страницу с помощью Divi

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

Любой раздел также можно удалить, нажав на значок корзины , который вы видите на скриншоте выше.

Чтобы отредактировать любой текст, просто щелкните по нему и начните печатать. Там же вы также можете стилизовать текст, добавив полужирный шрифт или курсив, изменив цвет и т. Д.

Замена изображений или значков выполняется аналогичным образом.Щелкните блок, содержащий изображение / значок, а затем щелкните значок с черной шестеренкой рядом с ним.

Откроется новая панель редактирования. Прокрутите до вкладки с надписью Image & Icon . Вы можете выбрать свой новый значок из списка.

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

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

Доступны три вкладки. На втором — Design — можно найти большинство вариантов, связанных с внешним видом.

Некоторые вещи можно редактировать здесь:

  • макет рассматриваемого элемента
  • ширина, высота и другие параметры размера
  • границы
  • тени
  • анимация (постепенное появление, отскоки, масштабирование и т. Д.)

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

Шаг 4. Добавьте новый контент на целевую страницу WordPress

В большинстве случаев вы также захотите добавить новые элементы на свою целевую страницу. Вы можете сделать это, нажав любую из кнопок «+» либо между существующими разделами, либо в самом низу страницы.

Вы можете выбрать один из нескольких типов секций.

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

Выбрав тип раздела, вы сможете выбирать из множества отдельных блоков контента Divi.

После выбора любого из них вы увидите окно, похожее на те, которые мы видели раньше — здесь вы можете настроить стиль и содержание нового блока.

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

Шаг 5. Сохраните и опубликуйте свою целевую страницу

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

И все! Ваша целевая страница WordPress запущена! 🍾

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

Вот шаги:

  1. Установите Thrive Architect
  2. Создайте новую целевую страницу с помощью Thrive Architect
  3. Настройте свою целевую страницу с помощью Thrive Architect
  4. Добавьте новый контент на целевую страницу
  5. Сохраните и опубликуйте свою целевую страницу

Шаг 1. Установите Thrive Architect

Thrive Architect доступен либо как отдельный плагин, либо как часть более крупного членства в Thrive (что дает вам доступ к еще восьми инструментам и плагинам):

  • Сам по себе Thrive Architect стоит от 67 долларов в год
  • Членство в Thrive стоит 19 долларов в месяц

Независимо от того, что вы выберете, установка Thrive Architect работает одинаково.Перейдите в свой профиль клиента и загрузите плагин Thrive Product Manager .

После того, как он у вас есть, перейдите в Плагины → Добавить новый на панели инструментов WordPress. Нажмите кнопку Загрузить подключаемый модуль и выберите ZIP-архив подключаемого модуля на рабочем столе. Щелкните Установить сейчас .

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

На боковой панели панели инструментов WordPress нажмите Product Manager и следуйте инструкциям по проверке вашего веб-сайта.

Затем нажмите Установить продукт рядом с Thrive Architect .

Установка займет меньше минуты.

Шаг 2. Создайте новую целевую страницу с помощью Thrive Architect

Чтобы начать работу над целевой страницей, перейдите на страницу → Добавить . Нажмите на большую кнопку Launch Thrive Architect .

Thrive Architect уже знает, что вы, вероятно, хотите построить, поэтому предлагает начать с готовой целевой страницы.

Thrive Architect имеет более 60 современных шаблонов целевых страниц в каталоге (так называемые smart, целевые страницы) и более 200 устаревших целевых страниц (более старые разработки).

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

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

Вы можете импортировать понравившийся дизайн целевой страницы, щелкнув по нему, а затем нажав кнопку «Применить шаблон» .

Шаг 3. Настройте целевую страницу с помощью Thrive Architect

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

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

Вы также можете удалить любой раздел, нажав на значок корзины (см. Снимок экрана выше).

Текстовое содержимое можно редактировать, щелкнув его и набрав.

Любой раздел или блок также имеет свой набор настроек и кастомизаций. Просто нажмите на блок, чтобы увидеть их.

В зависимости от выбранного блока вы можете настроить:

  • общие настройки макета (ширина и размеры)
  • типографика
  • фон
  • границы
  • анимация
  • тени
  • HTML-атрибуты
  • поведение прокрутки и многое другое

Шаг 4. Добавьте новый контент на целевую страницу WordPress

Thrive Architect поставляется с десятками различных блоков контента, которые вы можете добавить на свои целевые страницы WordPress.Вы можете выбрать свой блок, нажав кнопку «+» на правой боковой панели.

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

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

Для некоторых типов блоков вы можете выбрать один из готовых дизайнов самого блока.Вот как это выглядит для блока с призывом к действию :

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

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

Шаг 5. Сохраните и опубликуйте свою целевую страницу

Когда вы закончите, не забудьте сохранить свою работу. Щелкните стрелку рядом с кнопкой СОХРАНИТЬ РАБОТУ в нижнем левом углу экрана, а затем щелкните Сохранить и вернуться в редактор сообщений .

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

И все! Ваша целевая страница WordPress запущена! 🍾

Обзор лучших плагинов для целевой страницы WordPress

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

  • Elementor — идеальное решение для пользователей с ограниченным бюджетом, которые не хотят ничего тратить на свои целевые страницы. 💸
  • Divi отлично подходит, если вы хотите перейти на всю структуру дизайна WordPress, которая может обрабатывать не только ваши целевые страницы, но и дизайн всего сайта. 💪
  • Thrive Architect идеально подходит для пользователей, которые ценят инструменты, ориентированные на результат, которые предоставляют не только набор инструментов, необходимый для создания хорошей целевой страницы, но также могут помочь вам оптимизировать эту целевую страницу и получить от нее опыт пользователей.📈

Что вы думаете об этих плагинах для целевой страницы WordPress? Не стесняйтесь поделиться своим любимым.

Похожие сообщения

НОВИНКА! Как создать целевую страницу в WordPress [Простое руководство]

Вы ищете способ отображения онлайн-форм на своем веб-сайте WordPress без боковой панели, без отвлекающих факторов?

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

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

Вот оглавление, если вы хотите продвинуться вперед в этом руководстве:

Во-первых, давайте рассмотрим некоторые причины создания целевой страницы.

Преимущества целевой страницы WordPress

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

Взгляните на некоторые из лучших причин иметь целевую страницу формы на вашем сайте WordPress:

  • Увеличение конверсии: Часто люди не заканчивают заполнять онлайн-формы, потому что слишком много отвлекающих факторов и нет прямого призыва к действию. Множественные предложения отвлекают посетителей сайта от подписки на ваш список рассылки. Но если на странице нет ничего, кроме вашей онлайн-формы, люди с большей вероятностью подпишутся.
  • Распространение узнаваемости бренда: Поскольку WPForms позволяет вам создавать целевую страницу настраиваемой формы с логотипом компании и настраиваемыми цветовыми схемами, вы повышаете узнаваемость бренда и узнаваемость среди посетителей сайта, что, в свою очередь, поможет вам развивать свой малый бизнес.
  • Лучшая настройка: Если у вас есть выделенная целевая страница, вы можете настроить ее внешний вид. Это сильно отличается от традиционных макетов веб-форм, которые контролируются вашей темой WordPress и могут помешать вам настроить форму так, как вы хотите. Кроме того, он отлично работает со всеми лучшими плагинами для создания страниц WordPress.
  • Нет необходимости в отдельных веб-страницах: Бывают случаи, когда у вас есть форма для заполнения людьми, но вы не хотите создавать полностью отдельную страницу WordPress, которая будет отображаться в вашем меню навигации.С помощью специальной целевой страницы формы вы создаете настраиваемую целевую страницу с вашей формой на ней без необходимости создавать отдельные веб-страницы. Например, вы можете создать целевую страницу веб-семинара для особого события, не создавая для него совершенно новый веб-сайт.

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

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

Теперь давайте посмотрим, как создать специальную страницу целевой формы в WordPress.

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

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

Шаг 1. Создайте новую форму в WordPress

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

Затем вам нужно будет создать новую форму.

Вы можете создавать любое количество онлайн-форм, используя WPForms и надстройку Form Templates Pack.

Например, вы можете создать:

В нашем примере мы создадим простую контактную форму.

Находясь в конструкторе перетаскивания, вы можете добавить в форму дополнительные поля, перетащив их с левой панели на правую.

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

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

Шаг 2. Установите и активируйте надстройку страниц форм

Когда ваша форма WordPress будет готова, вам нужно будет установить и активировать надстройку WPForms Form Pages.

С помощью этого дополнения вы сможете превратить недавно созданную форму WordPress в целевую страницу настраиваемой формы.

Для начала перейдите к WPForms » Addons и найдите тот, который помечен как Form Pages Addon .

Щелкните Install Addon , а затем Activate .

Дополнение Form Pages готово к использованию. Но сначала давайте кратко рассмотрим общие параметры формы, которые необходимо настроить перед созданием целевой страницы настраиваемой формы.

Шаг 3. Настройте параметры формы

После того, как вы настроили форму, чтобы она выглядела так, как вы хотите, нужно настроить множество параметров.

Общие настройки

Для начала перейдите в Настройки » Общие .

Здесь вы можете изменить такие параметры, как название формы, описание и копию кнопки отправки.

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

Форма уведомления

Уведомления

— отличный способ отправить электронное письмо всякий раз, когда форма отправляется на ваш веб-сайт.

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

Чтобы получить помощь на этом этапе, ознакомьтесь с нашей документацией по настройке уведомлений формы в WordPress.

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

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

Подтверждения формы

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

WPForms имеет три типа подтверждения:

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

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

Щелкните Сохранить .

Шаг 4. Настройка параметров страниц форм

Теперь, когда у вас настроены общие параметры формы, пора настроить параметры целевой страницы формы.

Для этого перейдите к Settings » Form Pages в конструкторе форм и установите флажок Enable Form Page Mode .

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

Название формы и сообщение

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

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

Постоянная ссылка

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

Вы можете изменить эту постоянную ссылку, если хотите, или оставить ее.

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

Логотип заголовка

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

Текст нижнего колонтитула и брендинг

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

Вы также можете удалить любую торговую марку WPForms, установив флажок Скрыть торговую марку WPForms .

Цветовые схемы и стиль

Одна из лучших особенностей надстройки WPForms Form Pages — то, что вы можете настроить целевую страницу формы так, чтобы цветовая схема соответствовала бренду вашей компании.

Выбранная вами цветовая схема определяет цвет фона целевой страницы формы и кнопки отправки формы.

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

У вас также есть два стиля на выбор:

  1. Классический дизайн: имеет более узкую форму с квадратными углами.Нижняя часть фона вашей страницы будет светлее, чем цвет, выбранный вами для своей цветовой схемы.
  2. Современный дизайн: отображает более широкую форму с закругленными углами. Нижняя часть фона вашей страницы будет темнее, чем цвет, выбранный вами для своей цветовой схемы.

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

Когда все будет так, как вы хотите, нажмите Сохранить .

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

Хотите другой способ создать отличную целевую страницу? Мы настоятельно рекомендуем плагин SeedProd.

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

  • Страницы регистрации на веб-семинары
  • Форма свинцового магнита
  • Скоро в продаже стр.
  • 404 страницы
  • И многое другое.

С SeedProd легко создать целевую страницу и добавить форму в любом месте.

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

В конструкторе можно легко настроить формы и изменить макет.

И когда ваша целевая страница готова, вы можете легко интегрировать ее с такими сервисами, как Drip, Mad Mimi, Campaign Monitor, ConvertKit и другими.

Если вы хотите попробовать, загрузите SeedProd Landing Page Pro прямо сейчас.

Последние мысли

И все! Теперь вы знаете, как создать целевую страницу в WordPress. Когда у людей есть URL-адрес или ссылка на целевую страницу вашей формы, они смогут просмотреть ее и заполнить.

Если вы ищете способы создания онлайн-форм, чтобы у них было больше шансов на конвертацию, ознакомьтесь с этим обзором 10 простых способов создания ваших форм и повышения конверсии.

Итак, чего вы ждете? Начните с самого мощного сегодня плагина форм WordPress. С WPForms Pro создать целевую страницу с формой очень просто, к тому же на нее предоставляется 14-дневная гарантия возврата денег.

И не забывайте, если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter.

7 ЛУЧШИХ способов создать целевую страницу в WordPress 2021: практическое руководство

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

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

Вы скоро откроете:

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

Начнем с основ.

Что такое целевая страница WordPress?

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

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

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

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

Когда дело доходит до создания целевой страницы WordPress, у вас есть несколько вариантов.

Вы можете использовать:

  • плагин целевой страницы WordPress
  • шаблон целевой страницы WordPress (тема)
  • встроенный редактор Гутенберга
  • или один из многих конструкторов страниц, таких как Beaver Builder, Divi Builder, Generate Blocks

Для начала, вот 3 лучших плагина для создания целевых страниц в WordPress.

1. Оптимизация прессы — Популярный выбор

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

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

Да, Optimize Press — это конструктор страниц, и да, он достаточно хорошо работает для базового дизайна веб-сайтов; однако, если вы хотите создавать модные веб-сайты, я, вероятно, поищу в другом месте более надежный конструктор страниц.

С другой стороны, если вы цените повышение коэффициента конверсии, простоту и продажи, этот плагин определенно подойдет для целевых страниц.

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

Вы можете проводить сплит-тестирование A / B, отслеживать конверсии и использовать дефицит для увеличения числа подписок.

Установка плагина — достаточно простой процесс:

  1. Купить и скачать плагин
  2. Загрузите плагин через панель управления WordPress
  3. Подключитесь к концентратору Optimize Press, введя данные для входа.

Создание целевой страницы с помощью Optimize Press

Первое, что вам нужно сделать, это интегрировать плагин с используемым вами автоответчиком (Aweber, Get Response и т. Д.), А затем создать новую страницу.

После этого вы выбираете вкладку «Целевая страница», и вы видите более 45 шаблонов целевых страниц, доступных для использования.

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

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

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

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

Плюсы:

  • Визуальный редактор Drag & Drop
  • 500 Google шрифтов
  • Более 40 оптимизированных шаблонов целевых страниц
  • Сплит-тестирование
  • Признаки дефицита

Минусы:

  • Некоторые шаблоны ограничены в возможностях
  • Бесплатная пробная версия недоступна
  • Нет интеграции с Shopify

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

Стоимость Optimize Press составляет 99 долларов для Essential Plan, 199 долларов для Suite Plan и 399 долларов для Agency Plan.

Посетите Optimize Press здесь


2. SeedProd — наиболее рекомендуемые

SeedProd — еще один плагин WordPress, который помогает с легкостью создавать целевые страницы с помощью шаблонов целевых страниц или встроенного редактора.

У них более 150 шаблонов, новые регулярно добавляются, а также большой выбор специализированных блоков, созданных специально для целевых страниц. С помощью плагина вы можете создавать целевые страницы, страницы благодарности, страницы 404, пользовательские страницы входа и страницы, которые появятся в ближайшее время.

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

Вот шаги для установки плагина SeedProd:

  1. Перейдите в плагины и найдите SeedProd в строке поиска
  2. Добавьте плагин SeedProd из панели управления плагинами WordPress.
  3. Активировать и приобрести профессиональную версию (рекомендуется для дополнительных функций и шаблонов)

Создание целевой страницы с помощью SeedProd

Чтобы создать целевую страницу в SeedProd, вам нужно будет перейти на страницы в меню WordPress и нажать кнопку «Создать новую целевую страницу».После этого вы увидите обширный выбор шаблонов целевых страниц, которые вы можете использовать.

После выбора шаблона появится всплывающее окно с просьбой дать ему имя — просто выберите имя и нажмите «сохранить и начать редактирование».

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

Если вы щелкните раздел, который хотите отредактировать в шаблоне, параметры редактирования отобразятся на боковой панели, и вы внесете здесь свои изменения.

Если вы используете облегченную версию, вам нужно будет использовать кнопку для перехода на страницу согласия на другой странице вашего веб-сайта; однако, если вы используете «Pro» версию, вы можете иметь форму согласия на фактической целевой странице.

Когда вы будете довольны целевой страницей, нажмите «Сохранить» и выберите настройки страницы, чтобы изменить имя страницы, URL, настройки SEO и опубликовать страницу, чтобы она появилась на вашем веб-сайте.

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

Плюсы:

  • Создан для целевых страниц
  • В базовой версии есть все необходимое для лендинга на одном сайте
  • Редактор перетаскивания
  • Большой выбор шаблонов
  • Таймер обратного отсчета
  • Блоки WooCommerce

Минусы:

  • Lite версия ограничена в возможностях и не имеет интеграции с электронной почтой
  • Стоковые фотографии и плагин Raffle Press доступны только в тарифах Pro и Elite

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

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

Стоимость SeedProd начинается от:

  • 39 $ за план «Базовый» — 1 участок
  • 99,50 $ для плана «Плюс» — 3 участка
  • 199 долларов.50 для тарифа «Профи» — 5 сайтов
  • 239,60 $ для плана «Элитный пакет» — неограниченное количество сайтов

Попробуйте создать целевую страницу с помощью SeedPro здесь


3. LeadPages — Положительные отзывы

LeadPages была впервые представлена ​​миру как «Программное обеспечение как услуга (SaaS)» еще в 2012 году и предоставляла HTML-шаблоны для целевых страниц, страниц продаж и страниц веб-семинаров. Изначально это был фантастический инструмент для создания целевых страниц, но он был недоступен для WordPress.

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

Плагин имеет все основные функции, которые вы ожидаете, такие как шаблоны, сплит-тестирование A / B, мобильную совместимость, стороннюю интеграцию, настройки SEO, индикаторы выполнения, всплывающие окна и даже уникальный инструмент для прогнозирования конверсии.

Вот шаги для установки подключаемого модуля LeadPages:

  • Скачать плагин со страницы LeadPages
  • Загрузите плагин в панель управления WordPress
  • Активируйте плагин с вашими данными LeadPages

Создание целевой страницы с LeadPages

Чтобы создать целевую страницу с помощью LeadPages, вам сначала нужно создать страницу в программном обеспечении, а затем использовать плагин WordPress для добавления целевой страницы на свой веб-сайт.

Войдите в систему на Leadpages и нажмите кнопку «Создать новую целевую страницу». Затем вы выберете один из множества доступных вам шаблонов. После выбора вам нужно будет дать своей странице имя, а затем продолжить.

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

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

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

Затем сохраните и опубликуйте.

Затем вам нужно будет перейти в свою панель управления WordPress и установить целевую страницу на своем веб-сайте через плагин, и эта страница будет отображаться при посещении URL-адреса.

Цена

LeadPages — это то, от чего многие люди поднимают нос, так как это довольно дорого по сравнению с другими инструментами и конструкторами страниц. Это будет стоить вам 27 долларов в месяц для стандартного плана, 59 долларов в месяц для плана Pro и 239 долларов в месяц для расширенного плана.

Ознакомьтесь с полным обзором LeadPages здесь.

Плюсы:

  • Множество современных шаблонов
  • Прогресс бар
  • Лидометр с 14 флажками, чтобы помочь с коэффициентом конверсии
  • Сплит-тестирование
  • Бесплатная пробная версия
  • SEO и социальные сети
  • Всплывающие окна

Минусы:

  • Достаточно дорого
  • Отсутствие сплит-тестирования A / B в стандартном плане
  • Хотя базовое редактирование возможно, внести существенные изменения в некоторые шаблоны непросто.

LeadPages — еще один достойный вариант для создания целевых страниц.

Его легко освоить, он предлагает множество функций и несколько красивых шаблонов; однако цена высока, учитывая, что вам нужно будет тратить 59 долларов в месяц, чтобы иметь доступ к A / B-тестированию.

Посетите LeadPages здесь


Другие плагины посадочных страниц для WordPress

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

Вот подборка лучших, что вы можете использовать:

  • Beaver Builder — конструктор плагинов для целевых страниц, который позволяет довольно легко создавать целевые страницы на вашем веб-сайте WordPress. Ознакомьтесь с нашим полным обзором Beaver Builder здесь.
  • Elementor Pro — предлагает шаблоны и множество функций для создания любой страницы на WordPress. Обзор Total Elementor здесь.
  • Thrive Architect — визуальный конструктор страниц с множеством положительных отзывов, который поможет вам создавать целевые страницы, но поддержка и скорость могут быть лучше.Прочтите наш обзор Thrive Themes здесь.
  • Instabuilder — вы создаете страницы продаж, целевые страницы и страницы продаж с помощью плагина Insta Builder, а также другого плагина с отчетами о медленных ответах службы поддержки. Полный обзор Instabuilder здесь.
  • WP Profit Builder — недорогой плагин, предназначенный для создания воронок и целевых страниц, но кривая обучения более сложная, чем у других, упомянутых в этой статье.
  • Плагин

  • Brizy — плагин Brizy WordPress набирает популярность и может помочь вам создавать сжатые страницы в вашем блоге.Он имеет ограниченное количество элементов, но предлагает некоторые замечательные функции, такие как значки 4k.

Создание целевой страницы WordPress без плагина

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

Вот 3 способа сделать это.

1. WordPress шаблоны

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

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

2. Используйте код (не просто)

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

3. Редактор Гутенберга

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

Лучший плагин целевой страницы WordPress для WordPress

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

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

Мой совет — проверить варианты в этой статье и попробовать несколько. Все они предлагают гарантии возврата денег, а некоторые даже предлагают бесплатные пробные версии.

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

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

Как создать целевую страницу Elementor на WordPress (7 шагов)

Хотите создать целевую страницу на своем веб-сайте WordPress с помощью Elementor?

Как вы думаете, сложно создать умопомрачительную целевую страницу с резким увеличением конверсии?

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

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

Похоже, вы его искали? Тогда вперед.

Что такое целевая страница?

Хотя есть много разногласий относительно определения целевой страницы, Википедия описывает это довольно подробно:

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

Википедия

В отличие от домашней страницы или любой другой страницы вашего веб-сайта, целевая страница является отдельной страницей. Тем не менее, он обычно генерирует больше конверсий, чем страница блога или другие страницы вашего веб-сайта.

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

Если вы создаете целевую страницу для своего бизнеса, вот несколько вещей, которые вы можете предложить посетителям на вашей целевой странице:

  1. Свяжитесь с вами по телефону
  2. Сделайте покупку
  3. Зарегистрируйтесь на мероприятие
  4. Свяжитесь с вами через чат
  5. Подпишитесь на информационные бюллетени
  6. Станьте лидером, заполнив форму и т. Д.

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

Начальная настройка

Чтобы создать элемент или целевую страницу, вам понадобится:

  1. WordPress установлен на вашем сайте
  2. Elementor (бесплатная версия) и
  3. ElementsKit Pro

Помните, что вы должны сделать свою целевую страницу работающей или сохранить ее локально на своем компьютере с помощью таких инструментов, как Local by Flywheel.

Общие разделы лендинга

Честно говоря, жестких правил относительно разделов, которые должна иметь целевая страница, не существует.

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

А пока позвольте мне упомянуть некоторые общие элементы, которые может содержать целевая страница:

1. Раздел героев — Поскольку раздел героев становится видимым, как только посетители попадают на страницу, это самая важная часть целевой страницы.Этот раздел может содержать заголовок, подзаголовок, текст и кнопку CTA (призыв к действию).

2. Меню навигации — раздел меню навигации очень полезен для ваших посетителей при изучении любой части целевой страницы.

3. About — Используйте раздел о вашей целевой странице, чтобы сообщить им немного больше о вашем бизнесе и услугах.

4. Характеристики — Перечислите характеристики продукта или услуги, которые вы предлагаете, с помощью ошеломляющих изображений и убедительных текстов.

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

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

7. Testimonial — Чтобы завоевать доверие ваших посетителей и дать им представление о том, насколько хорошо вы можете служить, добавление отзыва на вашу целевую страницу может быть отличной идеей.

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

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

7 шагов для создания целевой страницы Elementor

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

Шаг 1. Настройка макета, глобальных шрифтов и цветов

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

◉ Перейти к страницам >> Добавить новый
◉ Щелкните «Редактировать с помощью Elementor».
◉ Перейдите к настройкам Elementor в левом нижнем углу страницы.
◉ Установите макет страницы как «Холст Elementor» и опубликуйте страницу.

Создайте новую страницу для элемента или

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

Глобальные настройки будут применены автоматически при добавлении любого нового виджета в область Elementor.

Шаг 2: Создайте Раздел Героя на странице приземления Элементора

Есть два способа создать раздел героя на целевой странице с помощью Elementor.

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

Построить секцию героя с нуля

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

Для начала щелкните значок «+» в области элемента или области и выберите раздел с одним или двумя столбцами (предпочтительно). Раздел из двух столбцов поможет вам разместить заголовок, подзаголовок и изображение / видео рядом.

Добавить заголовки: Перетащите два виджета «заголовок» (один под другим) из области элемента или блока.

Используйте HTML-тег h2 для первого заголовка и HTML-тег h3 или h4 для подзаголовка.

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

Убедитесь, что вы используете заголовок и подзаголовок с соответствующими HTML-тегами.

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

  • Щелкните «значок ElementsKit» в области содержимого Elementor.
  • Выберите «Призыв к действию» из категорий готового раздела.
  • Выберите любую из кнопок с призывом к действию из списка и нажмите «Вставить».
  • Внесите любые изменения, которые вам нравятся, в содержании, стиле и макете, и все готово!

Привлекательный CTA на целевой странице повышает конверсию

Используйте готовую секцию Elementor Hero

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

  • Щелкните «Добавить шаблон» в области содержимого Elementor.
  • Перейдите в «Блоки»
  • Выберите «Герой»
  • Найдите понравившийся блок героя и нажмите «ВСТАВИТЬ».
  • Внесите любые изменения, которые хотите.

Добавить готовый раздел героя для элемента или целевой страницы

Шаг 3. Создайте область навигации

Есть разные способы создания области навигации с помощью Elementor. Позвольте мне показать вам самый простой способ создания области навигации вашего элемента или целевой страницы для удобной прокрутки.

Создайте меню навигации с помощью Elementor
  • Щелкните «Добавить шаблон» в области содержимого Elementor.

Добавить элемент или новый шаблон Перейти к разделу элемента или блока Перейти к блоку заголовков

  • Найдите нужный блок заголовка (все заголовки в Elementor предназначены только для пользователей PRO) и нажмите «ВСТАВИТЬ».
  • Внести необходимые изменения.
Создайте меню навигации с помощью ElementsKit [Лучшая альтернатива Elementor Pro]
  • Щелкните «значок ElementsKit» в области содержимого Elementor.

Начните создание меню навигации с помощью ElementsKit.

  • Перейдите в «Разделы». В категории выберите «Заголовок».

Из категорий раздела выберите «Заголовок».

  • Выберите любой из заголовков из списка и нажмите «Вставить».

Выберите нужный заголовок.

  • Внесите любые изменения. нравится создавать меню навигации Elementor, которое вам нужно.

Шаг 4: О зоне

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

Вот как создать область About с помощью Elementor:

  • Щелкните «Добавить шаблон» в области содержимого Elementor.

Добавить новый шаблон из Elementor

  • Перейдите в «Блоки». Выберите «About».

Найдите нужный блок about для использования на своем элементе или на целевой странице.

  • Найдите нужный блок about и нажмите «INSERT».

Выберите любой блок about, который соответствует вашим потребностям.

  • Внесите необходимые изменения в контент. и стиль.

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

Представляйте свою команду для большего доверия

Шаг 5. Проектирование области элементов

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

  • Щелкните «Добавить шаблон» в области содержимого Elementor.
  • Перейдите в «Блоки»
  • Выберите «Функции» в категории.
  • Найдите нужный блок функций и нажмите «ВСТАВИТЬ».
  • Внесите любые изменения в соответствии с вашими потребностями.

Шаг 6: Область галереи

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

  • Перейдите в Элементы >> Виджеты поиска
  • Найдите «Галерея» и нажмите Enter.

Галерея привлекает большое внимание

  • Найдите виджет «Галерея» с надписью «EKIT» в правом верхнем углу.
  • Перетащите виджет в область содержимого Elementor

Создайте привлекательную область галереи с помощью ElementsKit

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

Обратите внимание: если вы собираетесь создать видеогалерею, вы также можете перетащить виджет видеогалереи в ElementsKit.

Шаг 7: Контактная информация и контактная форма

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

Из этих очень немногих MetForm — лучшая из них. Это поможет вам создавать одношаговые или многоступенчатые формы за считанные минуты с Elementor.

MetForm — это все, что вам нужно для создания любых типов форм с помощью Elementor

. Чтобы помочь новичкам создавать формы, MetForm включает 30+ предопределенных готовых шаблонов, которые вы можете сразу же начать использовать. Кстати, если вы хотите создать контактную форму с нуля, это также можно сделать с помощью более 25 полей формы с перетаскиванием.

Вот как создать контактную форму с MetForm для целевой страницы Elementor

Узнайте о Как создать форму с помощью MetForm

Интеграция способов оплаты и CRM никогда не была такой простой, как сейчас с MetForm.

MetForm поставляется с надежной интеграцией CRM и способами оплаты.

Используя MetForm, посетители могут легко загружать файлы и отправлять формы, не перезагружая страницу.

В случае необходимости вы также можете собирать данные браузера пользователя с помощью форм, созданных MetForm.

Заинтересованы в использовании MetForm для создания всех ваших контактных форм?

Изучите возможности и демонстрации MetForm отсюда

Твики, которые могут понадобиться на вашей целевой странице

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

Позвольте мне рассказать о некоторых настройках, которые вы можете применить или, по крайней мере, запустить A / B-тест на своей целевой странице.

Использование шаблонов целевой страницы вместо создания с нуля

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

Вот как вставить шаблоны элементов или целевой страницы из Elementor:

  • Щелкните значок «Добавить шаблон» в области содержимого Elementor.

Добавьте шаблон целевой страницы с помощью Elementor

  • Перейдите в «Страницы»
  • Найдите «Целевая страница» и нажмите Enter.
  • Найдите целевую страницу, которую вы хотите использовать, и нажмите «ВСТАВИТЬ»

Шаблон целевой страницы сделает все просто

  • Вносите любые изменения в макет, текст и все, что вам нравится.

Добавление липкого меню и привязки

Если вы хотите сделать свое меню «липким» и всегда держать его наверху, вам следует использовать функцию «липкого» меню на целевой странице.

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

Скрытие навигации

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

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

Добавление отзывов

Отзывы ваших пользователей — отличное социальное доказательство, которое вы можете использовать на своей целевой странице.Вы можете добавлять отзывы с помощью виджетов и готовых блоков Elementor или ElementsKit:

Использовать виджет отзывов
  • Перейдите в Elements >> Виджет поиска
  • Найдите «Testimonial» и нажмите Enter.
  • Выберите виджет отзывов с помощью Elementor или ElementsKit.

Вы можете использовать любой виджет отзывов на целевой странице.

  • Добавьте контент, выберите стиль, и внесите любые изменения в расширенных настройках вкладки.

Обязательно настройте характеристику

Используйте Readymade Testimonial Block от Elementor
  • Щелкните значок «Добавить шаблон» в области содержимого Elementor.
  • Перейдите в «Блоки»
  • Выберите «Отзывы» из категории.
  • Найдите понравившийся блок отзывов и нажмите «ВСТАВИТЬ».
  • Внесите необходимые изменения.

или

Используйте готовый раздел отзывов из ElementsKit
  • Щелкните «значок ElementsKit» в области содержимого Elementor.
  • Перейдите в «Разделы»
  • В категории выберите блок «Отзывы»

Отзыв гарантирует вашим лидам вашу репутацию

  • Выберите любой из стилей отзывов из списка и нажмите «Вставить»

Добавить отзыв раздел с ElementsKit

  • Отредактируйте раздел, как требуется.

Часто задаваемые вопросы (FAQ)

Какие элементы я должен добавить на целевую страницу для предложений Хэллоуина с Elementor?

Для создания целевой страницы для продвижения хеллоуинских предложений вы можете рассмотреть возможность использования следующих материалов:

  • ➜ Жуткий фон
  • ➜ Таинственная анимация
  • ➜ Духовные значки
  • ➜ Специальная типографика
  • ➜ Традиционные символы Хэллоуина и т. Д.

Чтобы узнать весь процесс создания целевой страницы для Хэллоуина, прочтите это блог: Как создать целевую страницу для Хэллоуина

Как добавить раздел FAQ на целевую страницу Elementor?

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

Используйте готовый блок часто задаваемых вопросов от Elementor
  • Щелкните значок «Добавить шаблон» в Elementor, чтобы открыть библиотеку шаблонов.
  • Перейдите в «Блоки»
  • Выберите «Часто задаваемые вопросы» из категории

В Elementor есть готовые к использованию блоки часто задаваемых вопросов

  • Найти ответы на часто задаваемые вопросы блок, который вам нравится, и нажмите «ВСТАВИТЬ».

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

  • Внесите необходимые изменения.

или

Используйте готовый раздел часто задаваемых вопросов из ElementsKit
  • Щелкните «значок ElementsKit» в области содержимого Elementor.
  • Перейдите в «Разделы»
  • В категории выберите блок «FAQ»

ElementsKit предлагает готовый блок часто задаваемых вопросов

  • Выберите любой из стилей часто задаваемых вопросов из списка и нажмите «Вставить».

Сообщите вашим посетителям больше из FAQ

  • Отредактируйте раздел по мере необходимости.
Как создать целевую страницу Elementor для кампании Черной пятницы?

Если вы планируете запустить кампанию «Черной пятницы», создание специальной целевой страницы для предложений о скидках на «Черную пятницу» поможет вам увеличить продажи.Мы написали блог о том, как создать целевую страницу для продвижения предложений Черной пятницы. Просто следуйте инструкциям, чтобы создать отличную целевую страницу Черной пятницы с Elementor.

Как я могу добавить таймер обратного отсчета на целевую страницу Elementor?

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

Вот как можно добавить таймер обратного отсчета в Elementor:

  • Перейдите в Элементы >> Виджет поиска
  • Найдите «Таймер обратного отсчета» и нажмите Enter.
  • Перетащите виджет таймера обратного отсчета (с EKIT вверху справа) с помощью ElementsKit

Добавьте таймер обратного отсчета, чтобы создать FOMO

  • Выберите свой любимый стиль таймера обратного отсчета и внесите необходимые изменения в настройки.

Добавьте любой таймер обратного отсчета, который вы хотите

Как создать целевую страницу Elementor для рекламных кампаний в конце года и новогодних?

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

Посмотрите здесь: Как создать целевую страницу для новогодней кампании

Какие бесплатные / премиальные темы WordPress я должен использовать для целевых страниц?

Хотя большинство тем WordPress работают с конструктором страниц Elementor без каких-либо конфликтов, некоторые из них работают лучше всего.Если вы ищете отличные бесплатные темы, вы можете выбрать любую из следующих:

  • GeneratePress
  • Astra
  • Neve
  • OceanWP…

Заключение

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

Как создать целевую страницу в WordPress (легкий способ)

Хотите узнать, как создать целевую страницу в WordPress, чтобы увеличить количество конверсий?

С помощью хорошо продуманной целевой страницы вы можете привлечь больше трафика на свой сайт и превратить посетителей в потенциальных клиентов и клиентов.

И не волнуйтесь, вам не нужно нанимать дизайнера для создания целевой страницы с высокой конверсией. Вы можете создать целевую страницу самостоятельно менее чем за 10 минут .

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

Используйте эти быстрые ссылки, чтобы перейти к разделу, который вы хотите прочитать:

Во-первых, давайте подробно рассмотрим, что такое целевая страница.

Что такое целевая страница?

Целевая страница — это отдельная веб-страница, призванная побудить посетителей совершить 1 конкретное действие .

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

Но целевая страница ориентирована на привлечение потенциальных клиентов к чему-то конкретному.

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

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

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

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

Что должна включать целевая страница?

Все успешные целевые страницы включают несколько ключевых элементов для увеличения конверсии.

Взгляните на этот пример целевой страницы от Taboola:

Ниже мы разберем элементы, которые делают эту целевую страницу успешной.

  • Заголовки : Используйте привлекающие внимание заголовки, чтобы привлечь внимание к своему предложению.
  • Изображения : добавление привлекательных изображений на вашу целевую страницу делает ее более привлекательной.
  • Копия : Напишите убедительную копию, чтобы рассказать посетителям, зачем им ваше предложение и какую пользу оно им принесет.
  • Регистрационная форма : Включите регистрационную форму для сбора важной контактной информации посетителей, например их адресов электронной почты.
  • Призывы к действию : Добавьте жирную кнопку с призывом к действию (CTA), чтобы побудить посетителей принять меры по вашему предложению.

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

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

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

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

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

SeedProd предлагает более 100 профессионально разработанных шаблонов целевых страниц, чтобы вы могли быстро приступить к работе.

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

Эти конкретные блоки целевой страницы включают:

  • Заголовки
  • Изображения
  • Видео
  • CTA-кнопки
  • Формы подписки
  • Контактные формы
  • Таймеры обратного отсчета
  • Социальные профили
  • И многое другое

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

С помощью SeedProd вы можете создать целевую страницу с высокой конверсией в кратчайшие сроки, не касаясь ни строчки кода.

Итак, приступим к созданию целевой страницы с помощью SeedProd.

Установите подключаемый модуль SeedProd

Сначала вам нужно посетить веб-сайт SeedProd и приобрести плагин. Затем вы можете загрузить плагин на свой компьютер и загрузить его на свой веб-сайт WordPress. Не забудьте также активировать плагин.

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

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

После проверки лицензионного ключа прокрутите страницу вниз и нажмите кнопку Create Your First Page .

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

Создайте новую целевую страницу с помощью SeedProd

В верхней части панели инструментов SeedProd вы увидите 4 типа страниц, которые вы можете создать: режим «Скоро появится», режим обслуживания, страница входа и страница 404.

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

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

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

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

Затем вы будете перенаправлены в конструктор целевой страницы SeedProd, чтобы вы могли настроить шаблон.

Настройка шаблона целевой страницы

Как видите, в визуальном конструкторе целевой страницы SeedProd есть готовые блоки целевой страницы, которые вы можете добавить слева. Справа вы можете увидеть предварительный просмотр вашей страницы в реальном времени.

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

Если на странице есть какие-либо элементы, которые вам не нужны, просто нажмите на значок корзины, чтобы удалить их.

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

Добавление таймера обратного отсчета на целевую страницу — отличный способ повысить срочность и побудить посетителей действовать быстро.

Чтобы добавить таймер обратного отсчета, просто перетащите блок справа и поместите его на место в шаблоне целевой страницы.

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

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

Чтобы добавить раздел на свою целевую страницу, наведите указатель мыши на понравившийся пример и нажмите кнопку + Добавить .

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

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

Подключите свою маркетинговую службу по электронной почте

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

Для этого щелкните вкладку Connect в верхней части экрана. На этой странице вы увидите список популярных сервисов электронного маркетинга, к которым вы можете подключиться, включая Constant Contact, Drip, ActiveCampaign и другие.

Найдите своего поставщика услуг электронного маркетинга в списке и нажмите кнопку Подключить новую учетную запись .

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

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

Настройка параметров целевой страницы

Затем щелкните вкладку Параметры страницы . На этой странице вы можете настроить ряд различных параметров целевой страницы.

В разделе «Общие» вы можете изменить общие настройки своей страницы, например добавить заголовок страницы или изменить URL целевой страницы.

Также есть раздел настроек SEO, в котором вы можете настроить SEO целевой страницы. Если вы используете All in One SEO (AIOSEO), вы можете использовать эту страницу как ярлык для доступа к настройкам AIOSEO.

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

И если вы используете такой плагин, как MonsterInsights, для аналитики своего веб-сайта, вы также можете использовать раздел «Аналитика» как ярлык для доступа к их настройкам.

Предварительный просмотр целевой страницы

Теперь вы хотите предварительно просмотреть свою целевую страницу, чтобы убедиться, что она хорошо выглядит на всех устройствах.

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

Чтобы увидеть, как ваша целевая страница выглядит на мобильных устройствах, просто нажмите кнопку Mobile Preview внизу страницы.

Чтобы вернуться к предварительному просмотру на рабочем столе, нажмите кнопку еще раз.

После проверки отзывчивости целевой страницы пора сделать последний шаг!

Опубликовать целевую страницу

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

После этого вы увидите сообщение об успешном выполнении от SeedProd, сообщающее, что ваша страница активна. Вы можете нажать на кнопку See Live Page , чтобы просмотреть ее.

Вот пример того, как ваша целевая страница будет выглядеть для посетителей:

Вот и все! Вы успешно создали целевую страницу в WordPress.Разве это не было просто? Теперь вы можете начать генерировать больше потенциальных клиентов и продаж с помощью целевой страницы с высокой конверсией.

Хотите узнать, как привлечь больше трафика на целевую страницу и весь сайт? Ознакомьтесь с нашим Ultimate WordPress SEO Guide, чтобы узнать, как оптимизировать свой сайт.

И если вы не уверены, какой плагин SEO использовать, взгляните на это сравнение Yoast SEO и All in One SEO. Это облегчит ваше решение!

Еще не используете AIOSEO? Чего же ты ждешь?

Как использовать WordPress в качестве конструктора целевых страниц

Если вы используете WordPress для создания веб-сайта для малого бизнеса и управления им, вы приняли фантастическое решение.WordPress используется 60% всех веб-сайтов, работающих в системе управления контентом (CMS), что делает его самой популярной платформой CMS. Это популярно отчасти потому, что и можно использовать бесплатно — лучшее из обоих миров. Кроме того, как пользователь WordPress у вас есть доступ к библиотеке из более чем 45 000 бесплатных (или недорогих) плагинов, которые могут оптимизировать дизайн и контент вашего веб-сайта, а также интегрироваться со многими другими популярными маркетинговыми инструментами.

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

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

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

Метод № 1: Настройте свою целевую страницу в WordPress с нуля, используя вашу тему

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

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

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

Если вы хотите создать совершенно отдельную тему целевой страницы от темы своего веб-сайта, вы можете использовать WordPress Multisite, который позволяет вам настроить столько подпапок или поддоменов из одной установки WordPress, и каждый сайт может иметь свою собственную тему, плагины и настройки. Например, вы можете создать поддомен с именем content.yourwebsite.com с новой установкой WordPress и отдельной темой. Затем вы можете самостоятельно создать эту конкретную тему, чтобы целевые страницы были простыми и не включали весь верхний и нижний колонтитулы вашего сайта.

Некоторые из лучших тем, включающих дизайн целевых страниц:

Метод № 2: Использование плагинов для создания посадочных страниц WordPress

В настоящее время существует множество плагинов, созданных для решения проблемы дизайна целевой страницы для владельцев бизнеса, использующих WordPress. Установив один (или несколько!) Из этих плагинов, WordPress будет работать как многие популярные конструкторы целевых страниц, такие как Leadpages или Unbounce. Эти плагины устанавливают функции конструктора целевых страниц в вашу панель управления WordPress, чтобы было легко выбрать шаблон; перетаскивайте виджеты целевой страницы; настроить страницу подтверждения и благодарности; и интегрируйте свои формы и потенциальных клиентов с вашей платформой автоматизации маркетинга.

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

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

Thrive Landing Pages: этот конструктор целевых страниц для WordPress имеет более 150 доступных шаблонов целевых страниц, а также они разрабатывают целевые страницы, страницы с благодарностью и страницы подтверждения в наборах, чтобы все они имели единообразный внешний вид для ваших клиентов. Они также отлично справляются со своей задачей, предлагая тематические наборы, такие как полный набор для вебинаров, подкастов или онлайн-курсов. Thrive Landing Pages также уделяет пристальное внимание тестам времени загрузки и скорости, чтобы ваши целевые страницы загружались быстро, что является важным вкладом в алгоритм обычного поиска Google и оценку веб-сайтов.

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

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

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