Сделать лендинг на вордпресс: Как создать Landing Page на WordPress? — Хабр Q&A

Содержание

Как сделать лендинг на 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, не обязательно быть веб-дизайнером или иметь какие-то дополнительные знания. Представленные плагины для целевых страниц помогут вам сэкономить много сил и времени.

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

Landing Page на WordPress — Создать свой сайт бесплатно

Вы наверное слышали о Landing Page. Цель такой страницы одно действие.

, также «посадочная страница») — веб-страница, основной задачей которой является сбор контактных данных целевой аудитории.

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

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

Адаптивный дизайн, параллакс эффект, встроенные виджеты. 

Gaga Lite
Тема полностью настраивается через кастомайзер. Тема имеет опцию для заголовка, полноэкранный слайдер, команда, услуги, счетчик, портфолио, клиенты, отзывы, таблицы цен, блог, призыв к действию и т.д. Вы можете изменить цвета темы, типографики и иметь полный контроль над всеми компонентами. Липкое меню. Тема отзывчива, готова к переводу, параллакс, SEO дружествена. Gaga Lite многофункциональная WordPress тема, которая поможет вам создать красивый сайт в кратчайшие сроки. https://wordpress.org/themes/gaga-lite/
One Paze
Одностраничник с параллакс эффектом, возможно добавлять страницы. Скрытое меню гамбургер. Блоки на главной выводятся из разных категорий.
https://wordpress.org/themes/one-paze/

onetone

Onetone является бизнес-темой на одной странице на основе Bootstrap и  HTML5 / CSS3. Вся необходимая информация отображается на одной странице в четком порядке в соответствии с предпочтениями пользователя. Основные разделы: услуги, о нас, галерея, клиенты и т.д. Изменение фона, параллакс фон прокрутки, видео фон, шрифт Иконки, загрузка логотипа и фавиконки, пользовательские CSS и так далее. https://wordpress.org/themes/onetone/ 

Премиум шаблоны Landing Page

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

Landing

Независимо от вашей цели Landing тема может помочь вам разработать эффективную посадочную страницу, чтобы увеличить конверсию вашего сайта. Она поставляется с Builder Themify, который включает в себя все инструменты. 5 вариантов дизайна заголовка, портфолио,WooCommerce. Для того, чтобы сделать проще для вас, тема также включает в себя 140  красивых макетов готовых лендингов, которые вы можете легко импортировать на ваш сайт. Просто включите Builder, загрузите любой из макетов, отредактируйте текст и изображения. У каждой страницы можно скрыть хедер и футер. 

Посмотреть демо и скачать Landing

907 — Responsive Multi-Purpose WordPress Theme
One Page / Multi One Page Parallax / Multi Page. Демо для направлений GYMS, Fitness, Diet, Training, Sports, Construction, Builders, Roofers, Barbers, Hair Stylist, Beard Trimmer, Salon, Apps, Product Launch, Resumes, Freelancer, Single Property, Home Sale, Realtor, Artist, Drones, Quadrocopter, Aerial Video, Aerial Photography, Video Site, Photographer, Portfolio, Architecture, Architect, App, Cleaning, Music, Creative Agency, Business, Modeling. Visual Composer, Revolution Slider & Cute3D Slider. Parallax & Video Backgrounds

Посмотреть 24 демо и скачать


The7 — Responsive Multi-Purpose WordPress Theme
750 опций настроек темы. 48 предустановочных демо. 6 вариантов хедера. Slider Revolution, Layer Slider, Photo Scroller and Porthole Slider, WPML, WooCommerce, bbPress 2.5.x, Gravity Forms, Easy Digital Downloads, WP EasyCart 3.2.x, Events Calendar, Visual Composer 4

 

 

 

 

BeTheme — Responsive Multi-Purpose WordPress Theme

Установка 500 демо сайтов в направлениях:  Animals & Nature, Art & Culture, Cars & Bikes, Corporations & Organizations, Design & Photography, Education & Science, Entertainment, Fashion, Finance, Food & Restaurants, Health & Beauty, Housing & Architecture, Magazines & Writing, Manufacturing,
Occasions & Gifts, People and services, Sports & Travel, Technology & Computing.

Плагины для Landing Page


Плагины для лендингов — для своего шаблона и имеющегося сайта.
WordPress Calls to Action

Этот плагин создает призыв к действию для вашего WordPress сайта. Это дает возможность контролировать и отслеживать показатели переходов, A / B или многомерные тесты разделения на призывы к действию, а самое главное увеличить поток лидов!

https://wordpress.org/plugins/cta/

WordPress Leads

Панель отслеживания посетителей, просмотров, лидов.

https://wordpress.org/plugins/leads/ 

WordPress Landing Pages

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


Landing page wordpress — как сделать одностраничный сайт визитку

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

Quards – простой плагин для создания лендинг пейдж или сайта целиком

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

Инструмент содержит массу возможностей и функций:

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

Thrive Landing Page WordPress – не free плагин с большой обновляемой базой шаблонов

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

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

  • кнопку призыва к действию;
  • таймер обратного отсчета;
  • отзывы текстовые, видео и на Google картах;
  • рейтинговая система;
  • описание и лиды.

WP Profit Builder – еще один не free плагин для создания эффективных страниц

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

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

Главное – выбор правильного оформления, которое вы сами можете настраивать. Об остальном позаботится продающий сайт одностраничник, сделанный при помощи WP Profit Builder.

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

Landing Pages – free плагин с детальной статистикой конверсии сайта

WordPress Landing Pages – спаситель для малобюджетных компаний и стартапов, ведь вам не придется платить за его использование – это free модуль. Вы сможете полностью создать сайт одностраничник, а также протестировать его оформление и конверсию при помощи a/b тестирования. Огромная польза этого free инструмента в том, что каждое изменение лендинг пейдж вы сможете проверять при помощи статистики. Таким образом можно создать идеальный продающий сайт с максимально возможной конверсией.

InstaBuilder – мощный плагин для создания одностраничного сайта за несколько минут

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

OptimizePress – модуль с живым редактором одностраничного сайта

С OptimizePress визитка или лендинг – это не проблема. В считанные минуты вы сможете создать сайт Вордпресс, который автоматически будет настроен под поисковую выдачу. Сгенерированные страницы при помощи плагина адаптивные для всех устройств (поисковики это высоко ценят). А самое интересное, что в модуле установлен “живой” редактор сайта – вы вносите изменение, и сразу видите результат. Это сэкономит время и нервы. А если вы хотите сэкономить еще больше времени, в каталоге дополнения есть 30 уже готовых шаблонов для сайта-визитки. Их можно редактировать. В процессе управления страницами у вас есть доступ к 40 функциональным элементам.

LeadPages – еще один продвинутый плагин с “полным фаршем”

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

  • простая редактура оформления;
  • 70+ готовых шаблонов с высокой конверсией;
  • SEO-оптимизация страниц;
  • адаптивный дизайн для смартфонов, планшетов и компьютеров.

Ultimate Landing Page – бесплатный инструмент, идеальный для создания визитки

Данный плагин позволяет сделать одностраничник самостоятельно с нуля, либо выбрать один из приведенных в каталоге шаблонов. Между шаблонами можно удобно переключаться для быстрого предпросмотра. Шаблоны редактируемые и предоставляются на бесплатной основе. Уже через 5 минут вы можете создать свою лендинг пейдж. И, что самое главное, в редакторе есть возможность вставить элемент Mail Chimp – это кнопка подписки. Это позволит вам бесплатно повысить количество подписчиков для развития имейл-маркетинга компании.

Выводы

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

В случае, если приведенные free-плагины вас не устраивают, есть еще один бесплатный модуль – Parallax Gravity. Он не такой мощный, как описанные выше, тем не менее дает возможность быстро создать одностраничник со всеми ключевыми элементами.

Лендинг на WordPress — процедура создания одностраничника

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

При помощи каких плагинов можно создать лендинг на WordPress

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

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

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

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

К основным достоинствам конструирования лендинга при помощи by Wishpond относятся:

  • быстрая скорость выстраивания целевой страницы. Используя инструмент, вы сможете в считанные секунды установить или удалить блоки, переместить графические и текстовые составляющие в нужное место;
  • обширные возможности для управления дизайном. При помощи функциональной панели управления можно менять не только общее оформление страницы, но и ее отдельные фрагменты;
  • огромное разнообразие бесплатных тем для лендинга, которые отличаются гибкостью настроек, привлекательным дизайном и понятным интерфейсом;
  • возможность дополнения LP (Landing Page) готовыми всплывающими окнами;
  • наглядность работы. Все изменения можно выполнять прямо на макете;
  • наличие функции анализирования статистики LP, помогающей отследить посещаемость сайта и другие важные показатели.

Несмотря не перечисленные достоинства, плагин by Wishpond имеет и некоторые недостатки:

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

Elementor Page Builder

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

Плагин Elementor Page Builder

Преимущества плагина для создания лендинга на WordPress:

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

Недостаток — небольшой выбор виджетов.

Плагин JetBlocks

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

Плагин JetBlocks

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

  • виджеты: для создания верхних и нижних колонтитулов;
  • эффективный виджет логотипа, который поддерживает формат Retina. Благодаря этому инструменту ваш проект станет запоминающимся;
  • возможность дополнять целевую страницу различными полезными составляющими: ссылками для авторизации, корзиной WooCommerce, меню навигации, всплывающими и исчезающими изображениями, формой поиска. Настройка аккуратного гамбургер-меню помогает сделать доступ к нужному шаблону более простым;
  • огромное количеством настроек стилизации, доступных для каждого из виджетов JetBlocks;
  • удобство использования. При помощи плагина вы сможете выполнять многочисленные действия из единого интерфейса;
  • очень быстрая подгонка дизайна посадочной страницы под нужные критерии;
  • для работы с плагином не требуются навыки кодирования;
  • невысокая стоимость;
  • профессиональная поддержка;
  • регулярные обновления.

Thrive Architect

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

Плагин Thrive Architect

Характеристики инструмента:

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

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

OptimizePress

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

Плагин OptimizePress

Сильные стороны инструмента:

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

Недостаток — достаточно высокая стоимость базового пакета плагина.

Beaver Builder

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

Плагин Beaver Builder

Достоинства плагина для создания посадочной страницы:

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

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

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

Построение привлекательной посадочной страницы при помощи плагинов включает в себя два основных этапа:

  1. Разработка структуры лендинга.
  2. Работа с плагинами.

Этап 1 — продумываем структуру

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

  • логотип, который повысит узнаваемость сайта;
  • описание — краткую информацию о деятельности компании;
  • контакты: адрес электронной почты, телефоны для связи. Наличие контактов повышает уровень доверия пользователей;
  • тайтл — уникальный текстовой элемент, который будет отражать тематику вашего сайта;
  • привлекательное изображение или видео;
  • кнопку призыва к действию. Текст на кнопке должен быть четким и понятным, без воды и лирических отступлений. Некоторые маркетинговые исследования доказывают, что лучше всего работают кнопки СТА, содержащие не более пяти слов.
Кнопка призыва к действию

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

Этап 2 — работаем с плагинами

Большинство из вышеперечисленных плагинов работает по одному и тому же принципу. Рассмотрим построение лендинга на примере использования плагина by Wishpond:

1. Зайдите в контрольную панель движка, скачайте и активируйте плагин. В перечне позиций Консоли появится еще один пункт «Landing Page». Перейдите по нему для создания посадочной страницы.

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

Выбор шаблона

3. После выбора нужной темы нажмите клавишу «Choose Template». Перед вами откроется понравившийся шаблон. Заполните поле «Give Your Landing Page A Name», дав название своему лендингу.

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

Панель с инструментами плагина

5. Используя функцию «Setting» настройте мега-теги. Это необходимо не для улучшения дизайна, а для SEO-оптимизации темы под запросы пользователей. Пропишите ключевики, по которым целевая аудитория будет искать вашу посадочную страницу. А также на этой странице можно добавить шрифты.

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

7. Опубликуйте сконструированный лендинг при помощи кнопки «Publish».

Публикация лендинга

8. Выберите позицию «Custom Domain» и введите адрес сайта, для которого вы разработали посадочную страницу.

Возможные «подводные камни»

При работе с инструментом by Wishpond у новичков могут возникнуть следующие проблемы:

  • плагин не загружается. Причиной такой ситуации может стать наличие других плагинов, несовместимых с by Wishpond. А также инструмент не будет функционировать, если ваш сайт работает на локальном сервере. Важное условие для нормальной работы плагина — поддержка вашей хостинг-компанией скриптового языка PHP;
  • лендинг нечетко виден на мобильном или другом устройстве. В этом случае следует проверить адаптивность используемого шаблона.

Заключение

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

  • если вы только развиваете свой бизнес и у вас нет первоначального капитала, то воспользуйтесь базовыми версиями плагинов Elementor, by Wishpond или Beaver Builder. При работе с Elementor дополните плагин полезным инструментом JetBlocks;
  • если для вас важны обширные возможности плагина, то наилучший выбор — Thrive Architect;
  • для создания большого количества лендингов прибегните к помощи OptimizePress.

Как сделать лендинг на WordPress с помощью Elemetor

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

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

Как сделать лендинг на WordPress

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

Перед тем, как сделать лендинг на WordPress вам нужно перейти в редактор записи или страницы. Там вы увидите новую кнопку «Edit width Elementor». Нажмите на неё, и вы попадёте в редактор плагина Elementor.

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

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

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

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

Среди элементов, которые можно переместить на рабочую поверхность, есть такие:

  • колонки;
  • текст;
  • изображения;
  • видео;
  • кнопки;
  • карты;
  • иконки;
  • разнообразные меню;
  • все имеющиеся виджеты;
  • и много другое.

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

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

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

Поделиться

Твитнуть

Поделиться

Класснуть

Запинить

Результат прохождения урока: Смотреть

Материалы урока, исходники, результат: Скачать

Что использовалось:

  • ru.wordpress.org — Собственной персоной
  • elementary.io — Спасибо за логотип 🙂
  • getbootstrap.com — Адаптивная сетка
  • jquery.com — Популярнейший javaScript Framework
  • stocksnap.io — Сервис качественных бесплатных фотографий для веб-дизайна
  • wireframe.cc — Отличный сервис для скетчинга
  • gist.github.com — Сервис для хранения полезного кода
  • inkscape.org — Векторный редактор SVG
  • linea.io — Тонкие векторные иконки
  • fortawesome.github.io — Векторные иконки. Использовали для соц. сетей
  • codepen.io — Много интересного кода. Спасибо за Sandwich 🙂
  • pixelcog.github.io/parallax.js — Параллакс эффект
  • dimsemenov.com/plugins/magnific-popup — Респонсив попап менеджер
  • github.com/malihu/page-scroll-to-id — Плагин навигации по Landing Page
  • imakewebthings.com/waypoints — Триггер для скролла
  • daneden.github.io/animate.css — Анимация элементов на странице
  • mixitup.kunkalabs.com — Сортабельные анимированные плитки в портфолио
  • bourbon.io — Коллекция миксинов для SASS
  • sass-lang.com — Препроцессор SASS
  • koala-app.com — Компилятор для препроцессоров
  • fontsquirrel.com/fonts/raleway — Бесплатный шрифт для нашей темы
  • sublimetext.com — Редактор для фронт-енда
  • jetbrains.com/phpstorm — Редактор для бэк-енда
  • formspree.io — Отправка заявок с сайта

Премиум уроки от WebDesign Master

Другие уроки по теме «WordPress»

Простой способ сделать несколько лендингов внутри одного Вордпресс

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

Вордпресс — блогодвижок?

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

Существует заблуждение, что на Вордпресс технически возможно сделать только один одностраничный сайт. Чтобы сделать второй, придётся установить ещё один Вордпресс. То есть под каждый лендинг отдельный Вордпресс. В лучшем случае включить мультисайт и развернуть сеть сайтов. Я много общался на эту тему с обычными пользователями и понял, что главная проблема кроется в сквозном хедере, футере, сайдбаре и навигации. И это действительно так — если взять одну из дефолтных или бесплатных тем, все эти элементы будут присутствовать на всех страницах сайта, что для лендингов недопустимо. Обычно это лечится с помощью специальных плагинов или программно. Мне, например, не составляет особого труда сверстать шаблон пустой страницы без сквозных элементов и приделать его к любой теме. Но что делать людям, которые не умеют кодить?

Лендинги на премиум-темах Вордпресс

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

Одна страница — один лендинг.

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

Говорят, что премиум-темы — говно

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

Премиум-тема в среднем стоит $50, разработка стоит минимум в 10 раз дороже. Хотя я бы сильно подумал, прежде чем заказывать сайт дешевле $1000 — там явно будет какой-то подвох. А стоимость обслуживания таких решений вообще не имеет верхних границ.

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

Пример простого лендинга на Аваде

Пустой шаблон есть в Аваде — самой продаваемой теме ThemeForest.

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

В итоге должно получиться что-то типа такого:

Для этого делаем следующее:

Создаем страницу и в ее атрибутах задаем шаблон «Blank Page» — страница будет пустая, но пока не полностью.

Прокручиваем страницу редактора вниз до конца, находим блок опций «Fusion Page Options», выбираем «Page Title Bar» и ставим «Hide» — таким образом отключится верхний блок с названием страницы.

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

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

Для верхнего навигационного блока можно использовать двухколоночный контейнер 1/3+2/3: в левом блоке разместить логотип, в правом — меню.

Логотип загружаем как обычное изображение, а вот с меню немного сложнее.

Для внутристраничной навигации можно задействовать элемент «One Page Text Link», а контейнерам, на которые будем ссылаться задать CSS ID.

Теперь линкуем их с элементом «One Page Text Link», просто задав такой же «Name Of Anchor».

ID обязательно должны быть уникальными и не могут повторяться.

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

Остальные блоки описывать не вижу смысла — это простые контейнеры с текстом внутри.

Вставить код на свою страницу можно, переключив редактор в режим «Default Editor», а затем снова в «Fusion Builder» или «Fusion Builder Live».

целевых страниц — Поддержка — WordPress.com

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

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

Содержание


Активировать тему

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

Чтобы начать с пустого сайта, используйте тему «Пустой холст». Или используйте одностраничный фильтр, чтобы показать темы, которые подходят для целевых страниц. Щелкните три точки справа от названия темы, а затем щелкните Активировать .


↑ Содержание ↑

Настройте домашнюю страницу

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

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

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

Только что прибыл

Наша ранняя осенняя коллекция здесь.

Эти шаблоны можно найти с помощью устройства для вставки блоков (значок +) вверху слева:

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

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

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

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

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


↑ Содержание ↑

Установить статическую домашнюю страницу

Затем мы сделаем эту главную страницу главной страницей вашего сайта. Для этого запустите настройщик сайта и щелкните вкладку Homepage Settings .

Выберите вариант Статическая страница , затем выберите новую страницу в раскрывающемся списке Домашняя страница .

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


↑ Содержание ↑

Удалить содержимое

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

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

Затем щелкните Мои сайты → Сообщения , а затем щелкните три точки рядом с каждой страницей, чтобы открыть дополнительные параметры. Щелкните Корзина . Если вам нужна только одна целевая страница, вы можете удалить все сообщения.

Чтобы удалить меню навигации, перейдите в Внешний вид → Настроить Меню . Вы можете щелкнуть каждое доступное там меню, и внизу вы увидите опцию Удалить меню .Вы можете узнать больше о настройке и редактировании меню здесь.


↑ Содержание ↑

Измените внешний вид своего сайта

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

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

Как создать целевую страницу с помощью 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.

Затем вам нужно перейти на Pages »Добавить новую страницу из панели управления 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? Используя хорошо спроектированную целевую страницу, вы можете создавать различные типы маркетинговых кампаний, привлекать больше интернет-трафика на свой сайт и превращать большую часть полученного трафика в клиентов и потенциальных клиентов.

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

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

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

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

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

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

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

Пошаговое создание целевой страницы в WordPress

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

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

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

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

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

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

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

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

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

После проверки лицензионного ключа прокрутите страницу вниз и нажмите кнопку Create Your First Page .

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

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

На панели инструментов SeedProd вы увидите 5 различных страниц, которые вы можете создать.Вверху страницы вы увидите параметры для режима «Скоро», режима обслуживания, страницы входа и страницы 404.

А дальше внизу вы можете увидеть вариант создания целевой страницы.

Нажмите кнопку + Добавить новую целевую страницу , чтобы начать.

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

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

Следующим шагом является настройка шаблона вашим собственным содержанием.

Шаг 3. Настройка шаблона целевой страницы

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

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

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

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

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

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

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

Например, вы можете добавить таймер обратного отсчета, чтобы повысить срочность.

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

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

Шаг 4. Подключите свою службу электронного маркетинга

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

Для этого щелкните вкладку Connect вверху экрана. SeedProd интегрируется с популярными поставщиками услуг электронного маркетинга, такими как Constant Contact, Mailchimp и другими.

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

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

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

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

SeedProd покажет сообщение об успешном завершении, чтобы вы знали, что ваша страница запущена.

Вы можете нажать на кнопку See Live Page , чтобы просмотреть свою целевую страницу.

Вот и все! Это простой 5-шаговый процесс создания целевой страницы WordPress с помощью SeedProd.

Отслеживайте эффективность целевой страницы с помощью MonsterInsights

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

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

MonsterInsights — лучший плагин Google Analytics для WordPress. Он позволяет легко установить Google Analytics в WordPress без необходимости редактировать файл темы для вставки кода отслеживания Analytics.

После настройки он автоматически отслеживает обзорный отчет вашего сайта и предоставляет вам простые для понимания отчеты на панели инструментов WordPress.Краткий обзор отчета аналитики веб-сайта доступен в виджете панели инструментов MonsterInsights.

Чтобы просмотреть полные отчеты, вам нужно перейти на Insights »Reports на панели инструментов. Сначала вы увидите обзорный отчет.

Затем вы можете просмотреть все остальные отчеты, щелкнув вкладки / ссылки в верхней части отчета. Вот лишь несколько типов данных, которые вы можете отслеживать с помощью плагина MonsterInsights:

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

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

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

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

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

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

Также не забудьте подписаться на нас в Twitter и Facebook, чтобы увидеть больше руководств по Google Analytics.

Сравнение трех лучших плагинов для целевой страницы 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. Нажмите кнопку Upload Plugin и выберите архив Divi на рабочем столе. Щелкните Установить сейчас .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

И все! Ваша целевая страница 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 с темами Thrive

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

Когда вам нужны обычные страницы?

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

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

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

Когда вам нужна целевая страница WordPress?

Думайте о целевой странице как об острове.

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

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

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

Ниже вы можете увидеть наиболее распространенные типы целевых страниц прямо из нашей галереи шаблонов целевых страниц в Thrive Architect :

Конструктор целевых страниц — Lead Page — Optin Page — Squeeze Page — WordPress Landing Pages — WordPress plugin

Плагин

Landing Page Builder от PluginOps упрощает создание адаптивных страниц , макетов и целевых страниц .Простое визуальное перетаскивание, вносите изменения, пока вы их видите. Работает с вашими темами и полностью основан на HTML / CSS. Специально разработан для создания целевых страниц.

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

Функция редактирования в реальном времени с помощью Visual Builder позволяет легко и быстро создавать шаблоны и редактировать существующие.Вы можете создать любую страницу любого вида.

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

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

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

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

Основные возможности конструктора страниц с помощью плагина Ops
  • Простой в использовании конструктор макетов с перетаскиванием.
  • Визуальный редактор страниц.
  • Поставляется с заранее разработанными шаблонами страниц (постоянно обновляемыми).
  • Опция формы.
  • Всплывающие окна подписки.
  • шрифтов Google.
  • Пользовательские шрифты.
  • Тонны дополнительных виджетов.
  • Плагин компоновщика страниц создает адаптивные страницы.
  • Он совместим практически со всеми современными темами.
  • Продукты WooCommerce
  • Конструктор живых форм
  • Премиум Интеграция с различными службами электронного маркетинга.
Создавайте привлекательные дизайны за считанные минуты

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

Соответствует всем вашим потребностям
Плагин

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

Готовые шаблоны

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

Пользовательские шаблоны

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

Бесплатные виджеты

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

Встроенный конструктор интерактивных форм

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

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

Page Builder очень быстр и использует очень мало скриптов, поэтому ваши страницы работают безупречно.

Полная совместимость

Он совместим практически со всеми темами WordPress. Мы протестировали его с более чем 50 темами.

Встроенные формы подписки

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

Оптимизировано для SEO

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

Интегрированная аналитика

PluginOps Landing Page Builder имеет встроенную аналитику, которая отслеживает просмотры страниц, клики и конверсии.

Шаблон пустой страницы

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

Адаптивное редактирование

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

Создавайте уникальные дизайны без кодирования

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

Пользовательские шрифты и шрифты Google

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

PluginOps Page Builder — бесплатный конструктор целевых страниц с перетаскиванием, конструктор страниц и конструктор интерактивных страниц

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

(Последнее обновление: 10 мая 2021 г.)

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

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

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

Что делает хорошую посадочную страницу в WordPress?

С тысячами плагинов, доступных для WordPress, может быть сложно найти подходящий, чтобы быстро создавать целевые страницы без особых хлопот. Используя встроенные шаблоны Visual Composer Website Builder, вам не нужно начинать с нуля или учиться программировать. С шаблоном целевой страницы, дополненным вашим индивидуальным подходом, вы получите мощный полнофункциональный маркетинговый инструмент.

Этот бесплатный визуальный редактор с перетаскиванием позволяет легко создавать целевые страницы WordPress, просто перемещая элементы по странице. Что еще более важно, после запуска вы можете охватить более широкую аудиторию: каждая страница, которую вы создаете с помощью Visual Composer, удобна для мобильных устройств. Поскольку 80% пользователей использовали мобильные устройства для выхода в Интернет в прошлом году, наличие адаптивной целевой страницы чрезвычайно важно.

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

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

Цель целевой страницы

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

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

Определите свою бизнес-цель перед тем, как начать, и сосредоточьтесь на этом одном CTA (призыве к действию) при создании дизайна целевой страницы, написании текста и продвижении страницы.

Дизайн посадочной страницы

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

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

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

В Visual Composer у вас есть доступ к более чем 900 шрифтам Google, высококачественным изображениям из медиа-библиотеки Unsplash, созданию контактных форм и созданию всплывающих окон. Другими словами, вы получаете все, чтобы обогатить свой шаблон и создать целевую страницу с высокой конверсией.

Копия целевой страницы

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

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

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

Что еще может укрепить доверие? Визуальные эффекты, такие как высококачественное фоновое изображение или привлекательные изображения, демонстрирующие ваш продукт, представляют собой отличный способ усилить ваше сообщение. Используя встроенный бесплатный носитель Unsplash в Visual Composer, вы можете найти идеальное изображение для своей целевой страницы, не покидая своего сайта WordPress.

Другие методы работы с целевыми страницами

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

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

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

Но сначала им нужно найти вашу страницу.

Имея это в виду, ваши целевые страницы должны быть оптимизированы для поиска и следовать последним методам SEO. Например, включение ваших целевых ключевых слов на страницу привлечет трафик и увеличит количество посещений. Одним из лучших инструментов поисковой оптимизации для WordPress является Yoast SEO, который полностью совместим с плагином Visual Composer.

Основные выводы

Создание целевой страницы в WordPress не является трудным и требует много времени, если под рукой есть подходящий инструмент, который сэкономит вам часы, например, Visual Composer Website Builder.Этот плагин WordPress поставляется с набором готовых к использованию мобильных шаблонов целевых страниц для различных бизнес-ниш.

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

Leave a Reply