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

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

Конечно, есть множество способов создать Landing Page, но в данной статье рассмотрю способы создать одностраничник на WordPress.

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

Итак, я вижу всего 3 варианта создания лендинга на вордпрессе:

1. Поиск или создание темы-лендинга;
2. Вставка на страницу кода лендинга, созданного другим способом
3. Поиск или создание плагина для лендинга.

Landing с помощью темы WordPress

Этот вариант я считаю самым лучшим, т.к. ни один плагин не даст вам такого функционала как php код, на котором пишутся страницы для WP.

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

Идеально будет написать страницу самому или нанять для этого фрилансера.

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

Примером таких тем является Zerif Lite и его производные.

Вставка кода лендинга

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

Ярким примером такого сервиса может быть сервис tilda.cc и аналоги.

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

Landing с помощью плагинов

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

Я сразу скажу, что посмотрел далеко не все варианты, но впечатлить меня смогли только 2 плагина: Elementor и Page Builder от SiteOrigin.

Page Builder от SiteOrigin

Результат работы этого плагина интересен, но всё равно уступает созданию отдельного шаблона.

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

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

Elementor

Возможно я зря уделил этому плагину так мало времени, но он всё равно установлен у меня на сайте.

На момент написания этой статьи имеет 100 000 установок и свежие обновления.

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

Из самого интересного:

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

Как скрыть элементы темы на WordPress?

Изначально предполагается, что любая страница созданная на WordPress будет находиться в заданных ей рамках. Можно, конечно, разрешить странице использовать шаблон на всю ширину, но как скрыть элементы темы на вордпресс(header и footer), если они не нужны?

Если у вас достаточно навыков, то вы наверняка сможете сделать это внеся правки в WP шаблон, но есть и более простое решение.

Elementor как раз является этим решением! Удивительно, что я не смог нагуглить этого и наткнулся на этот функционал плагина фактически случайно. Необходимо просто выбрать вид шаблона «Elementor Canvas» на странице редактирования страницы или записи. После этого все лишние элементы темы исчезнут и на экране будет только тот код, который задан на странице. Независимо от того, сделана она через Elementor или нет.

Альтернативное решение или WP Maintenance

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

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

Из всего многообразия плагинов подошёл только WP Maintenance, так как он единственный предоставил мне весь экран.

 

Быстрый лэндинг 🚀 на WordPress с темой Grey Magic

Открыть демо

Описание темы

Grey Magic — адаптивный шаблон лэндинга / посадочной страницы на WordPress для предподавателей, коучей, репетиторов, ИП и самозанятых. Тема для презентации продуктов и услуг, курсов, тренингов, образовательных программ, — цветная, с микроразметкой, сбором контактов, простая в настройке и довольно быстрая.

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

• Делаем лэндинг на WordPress

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

• Два режима работы, на выбор

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

• Готовые блоки на Главной

  Шапка с соц. кнопками и поп-апом, Подписка, Предложения, Выгода, О нас, Отзывы, Галерея / кейсы, Контакты.

• Карточки Предложений

  Предложения это Ваши услуги или продукты, созданные на основе custom post type. Содержат доп. поля для размещения стоимости, описания, добавления видео вместо миниатюры.

• Микроразметка Schema.org

  Микроразметка Schema.org во всех основных элементах, включая Предложения, для лучшего SEO.

• Топ в Google PageSpeed Insights

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

• Любые цвета оформления

  В разделе «Оформление» размещено около 50 опций для настройки цветов фона блоков, кнопок, ссылок, текстов и др.

• Адаптивность

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

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

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

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

На демо-сайте в шапке на Главной размещается «якорное» меню, доступ к внутренним страницам можно получить из меню в подвале, например, к архиву Предложений или к примеру записи.

• Главная страница с набором готовых блоков — включите их и наполните своими изображениями, видео и текстом.
• Кроме миниатюр, в анонсы Предложний можно устанавливать свое видео в mp4.
• Сбор контактов через плагин Contact Form 7 с примерами готового кода для Ваших форм.
• Тему можно использовать как одностраничник и не только — в ней есть все стандартные для WordPress файлы и функции для добавления блога, рубрик, внутренних страниц.
• В одностраничном режиме Предложения открываются в модальном окне.
• Приготовлены поля для добавления разных метрик, включая поля для пикселя Facebook и для верификации сайта.
• Как и другие темы от goodwinpress, Grey Magic настраивается в консоли, где Вы также можете перекрасить под себя все основные цветные элементы без редактирования кода и специальных знаний.
• Содержит микроразметку schema.org для лучшего представления сайта в поисковой выдаче.
• Для отложенной загрузки изображений и видео включен скрипт lazy load.
• Содержит чистую страницу для работы с конструкторами.
• Готова к локализации.
• Поддерживает автоматическое обновление из админки.

Тесты

Тест в Google Pagespeed Insights от 10 ноября 2022

• Google PageSpeed Скорость загрузки
• Мобильные устройства Удобство для посетителей
• Адаптивность Проверить на устройствах
• Микроразметка Нет ошибок
• Валидность Проверить

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

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

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

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

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

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

10 лучших шаблонов целевых страниц для WordPress

• Лендинг Pageasy

Landing Pageasy — адаптивная тема целевой страницы WordPress. Это работает для бизнеса, блогов, электронной коммерции и многого другого!

• Лендинговое агентство

Минималистичная тема WordPress Landing Pagency идеально впишется в дизайн вашего сайта. Он полностью адаптивен и оптимизирован для SEO, что означает, что ваши шансы на более высокий рейтинг в поиске Google постепенно увеличиваются!

• Вспышка

Flash — самая простая в использовании и самая гибкая тема WordPress для целевых страниц. Если вы новичок и не знакомы с программированием, он создан для вас!

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

• Превосходная целевая страница

Superb Landing Page — еще одна адаптивная тема WordPress для целевой страницы. Он подойдет для деловых и корпоративных сайтов благодаря встроенному в тему Beaver Lite Pagebuilder, который можно найти в разделе плагинов.

• Одна страница C

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

• Гималаи

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

• Одна страница X

One Page X сделает вашу целевую страницу незабываемой. В его разделе контактов есть функция лидогенерации, которая определенно повысит ваши конверсии!

• Футурио

Тема WordPress целевой страницы Futurio подходит для бизнеса, портфолио, блога, электронной коммерции и творческих веб-сайтов. Он отлично работает со всеми конструкторами страниц, включая Beaver Builder, Elementor, SiteOrigin и другие.

• Стройный

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

Создайте целевую страницу Темы WordPress, которые конвертируются с WishDesk!

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

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

Лучшие и бесплатные темы WordPress для целевых страниц

Содержание

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

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

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

JustLanded

JustLanded в настоящее время является самой продаваемой темой целевой страницы на Themeforest и содержит множество функций и компонентов.

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

Загрузить превью

Leadinjection

Аккуратно оформленная и современная тема целевой страницы Leadinjection поможет вам легко привлечь новых потенциальных клиентов.

• На основе Bootstrap
• Несколько готовых макетов
• Конструктор страниц с перетаскиванием и слайдер Revolution
• Более 800 значков шрифтов
• Перевод и поддержка WPML

Загрузить предварительную версию

Urip

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

• WPBakery Page Builder и Elementor Page Builder
• Панель параметров расширенной темы
• Неограниченное количество настраиваемых типов сообщений и шаблонов страниц
• Оптимизирован для скорости и SEO
• 5 стилей главной страницы

Загрузить предварительную версию

Landkit 

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

• Страницы поиска и генерации лидов
• Бесплатная пробная версия, участие в конкурсе, купон на скидку и другие функции
• Функция демо-установки одним щелчком мыши
• 70+ полезных элементов страницы
• 10+ вариантов заголовка

Скачать превью

Inbound

Inbound Тема целевой страницы WordPress предлагает множество вариантов для пользователей при создании целевой страницы.

• Мощная панель администратора
• Визуальный конструктор страниц с перетаскиванием
• Неограниченное количество макетов страниц
• Фоны параллакса и привлекательная анимация
• Демонстрации целевых страниц 

Загрузить превью

Innovio

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

• Несколько плагинов премиум-класса
• Расширенная панель администратора
• Функция импорта демо одним щелчком
• Конструктор страниц с перетаскиванием
• Множество шорткодов

Загрузить превью

Appilo

Appilo на самом деле является темой WordPress для приложения с уникальным и креативным дизайном.

• Конструктор перетаскивания страниц Elementor
• Дополнительные параметры темы
• Функция демо-установки одним щелчком мыши
• Совместимость с большинством современных браузеров
• Неограниченное количество вариантов изменения цвета 

Загрузить превью

Дебютант

Единая тема целевой страницы WordPress содержит более 20 потрясающих демонстрационных макетов Elementor.

• Неограниченное количество нижних и верхних колонтитулов
• 38+ готовых блоков Elementor
• Более 800 шрифтов Google
• Фоны для видео и параллакса
• Множество виджетов Elementor и шаблонов страниц 

Скачать Preview

Foton

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

• Расширенный интерфейс администратора
• 9 потрясающих домашних страниц
• Простота использования и настройки
• Более 50 пользовательских шорткодов
• Несколько плагинов

Загрузить предварительную версию

Crypterio

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

• Дополнительные параметры темы
• На основе Bootstrap
• Visual Composer и Revolution Slider в комплекте
• Фоны для видео и параллакса
• Более 800 шрифтов Google

Загрузить превью

Hue

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