Создание лендинга на WordPress (ВордПресс)
Алгоритм разработки Landing Page на ВордПресс
Многие разработчики сайтов считают, что одностраничник применяется с целью рекламы, а не как полноценный сайт. Одностраничник отлично справляется с поставленной задачей: активно рекламировать необходимый товар или продукт, заинтересовать потенциальных клиентов, рассказав о нем детально, и существенно увеличить объемы его продаж. Создание landing page не такая простая задача, как думают многие начинающие разработчики, которые могут пока только работать с самыми простыми «движками».
Поэтому сегодня речь пойдет о разработке лендинга на WordPress. Он дает возможность легко и быстро разработать качественный одностраничник. Существует множество платных плагинов для данной CMS, которые реально стоят того, чтобы их купить. Но сегодня будем говорить только о бесплатных способах разработки одностраничника на WordPress.
Вкратце о терминах.
Landing page (целевая страница, одностраничный сайт) представляет собой промо-сайт, целью которого является реклама одного товара (или максимум двух), а также убеждение заинтересованного пользователя в совершении покупки непосредственно на лендинге. Кроме того, одностраничник может использоваться для продажи информационных материалов или различных услуг.
Разработка Landing Page на CMS WP
Чтобы выполнить поставленную задачу, необходим веб-ресурс, созданный на WordPress. Как разрабатывать подобный сайты мы уже рассказывали в наших материалах. Поэтому, если вам интересно, вы можете полистать на блог. Требуемый веб-ресурс может и не иметь контента, а также иметь стандартный шаблон. Но это неважно сейчас.
Важно найти раздел «Плагины». Он находится в админ. панели. Отыскав его, следует кликать на «Добавить новый». В поисковой строке следует написать «Free Landing Pages Builder by Wishpond». Когда найдете указанный плагин, его следует установить, а после провести его активацию.
Название говорит само за себя, но если кто-то не изучал английский, то плагин является бесплатным.
Стоит заметить, что названный плагин не является единственным, имеющим необходимый набор функций. Существуют еще и другие, например, «KingComposer» или «Elementor». Эти плагины имеют схожий набор функций, однако, они менее удобны в работе.
Хотите развивать свой бизнес в Интернете и иметь больше заказов?
Достоинства by Wishpond
- Это дополнение схоже с конструктором, поэтому одностраничник на WordPress придется собирать, используя мышку. Установка блоков, их удаление или перемещение происходит буквально за несколько секунд. Также имеется качественная панель инструментов.
- Лендинг должен иметь необходимые функции, но он также должен быть и привлекательным. Плагин позволяет все это сделать. Имеющаяся панель инструментов предоставляет огромные возможности по подгонке не только самого дизайна страницы, но и каждого модуля или блока в отдельности.
- Существует и возможность получения статистических данных: количество посетителей, количество лидов за разные временные промежутки, число просмотров страницы и др.
- Бесплатных шаблонов именно для лендингов имеется более ста штук. Изменять в них можно все, что необходимо, но нужно будет поколупаться в коде. Здесь можно порекомендовать тем, кто не имеет желания разбираться в коде, использовать специальные плагины, которые позволяют визуально редактировать код.
- Управлять одностраничниками удобно. И это особенно важно для тех веб-программистов, которые разрабатывают несколько landing page.
- Можно дополнить лендинг всплывающими окнами, если есть в этом необходимость. Плагин позволяет это осуществить. Кроме того, здесь же есть возможность создания и своих форм.
Минусы by Wishpond
- Русскоязычная версия отсутствует. Для тех, кому интерфейс не кажется интуитивно понятным и простым, на помощь придут словари или онлайн-переводчики. В принципе, это не должно стать большим препятствием в работе.
- Плагин, конечно, имеет и платную версию, которая имеет более богатый функционал. Соблазн ее купить будет увеличиваться пропорционально времени использования плагина. Если постоянно работаешь с дополнением, то начинаешь понимать, что отдельных функций все же не хватает, а чтобы их активировать, необходимо дополнение купить. Если быть точным, то данный плагин дает возможность собирать не больше двух сотен лидов. Можно и обойти данное ограничение, оформив сторонние подписки.
- Внизу сайта остается копирайт. Казалось бы мелочь, однако, если проект довольно серьезный, то чужой текст выглядит, как минимум, странно.
- Плагины дают серьезную нагрузку на сервера. Это значит, что лендинг может грузиться около десяти секунд. Стоит заметить и тот факт, что, если разместить на лендинге еще и другие формы, то страница будет загружаться еще медленней. А это все грозит потерей целевых посетителей.
Как создать лендинг на WP
Чтобы начать создавать одностраничник на WordPress, необходимо зарегистрироваться.
Если же речь будет идти о других дополнениях, то их можно просто активировать, после чего начинать настраивать.
- Чтобы зарегистрироваться, следует нажать на «Sign Up». (Вы же помните, что русский язык отсутствует?).
- Теперь можно выбрать «Star Trial Free».
- Далее следует указать e-mail и ввести придуманный пароль. К слову, его лучше где-то записать, чтобы не забыть, поскольку возни с его восстановлением предостаточно
- В окне имеется только одна кнопка, по ней и следует кликнуть.
- Вам будет представлено множество полей, которые на данный момент не нужны. Чтобы начать создавать одностраничник, следует нажать на кнопку «New Landing Page».
Останавливаться на всем имеющемся функционале не будем. Рассмотрим только самые необходимые позиции для разработки лендинга на этом «движке».
- Кнопка «Landing Page». Нажмите ее.
Здесь можно произвести установку темы. Однако не активизируйте первый понравившийся шаблон.
Оптимальней использовать специальную функцию, которая позволяет провести предварительный просмотр выбранного дизайна. Если вы умеете и хотите, то лучше сверстать шаблон собственноручно. Такая возможность также имеется.
- Если с темой полностью определились, то можно нажимать «Choose Templat» и двигаться далее.
- Тут тема, которую вы выбрали, должна открыться. В данном окне можно вносить коррективы в нужной области. Слева находиться панель с инструментами. Справа будут отображаться все внесенные изменения. Если нужно переместить блоки, о совершать эти операции нужно здесь же. Все изменения сохраните. Помните, что акцент необходимо делать на верхней части страницы.
- Функция «Setting» позволяет провести настройку meta-тег. Данную операцию следует провести для того, чтобы дальнейшая СЕО-оптимизация была более качественной. Не поленитесь указать теги (ключи, которые будут вводить потенциальные клиенты, в попытке найти предлагаемый вами товар). Эта функция также позволяет корректировать шрифты, устанавливать необходимые дополнения, скачивать плагины и д.т.
- «Preview» позволяет проверить адаптивность веб-ресурса. после всех внесенных изменений и настроек, следует посмотреть, как именно будет видеть ваш одностраничник пользователь, который зашел на сайт с ПК, а как сайт будет отобраться мобильным пользователям. Помните, что сайт должен корректно отображаться для всех посетителей, не зависимо от того, с какого устройства они зашли на лендинг.
- «Save and draft» стоит нажать, когда нужно сохранить все внесенные коррективы. Можно, конечно и пропустить это действие, но тогда вся ваша работа пропадет и придется начинать все с начала.
- Когда все необходимая информация уже размещена на сайте, все блоки установлены на свои места, а формы для подписки не дают сбоев, можно публиковать одностраничник. Кнопка «Publish» поможет это сделать.
- Следует указать название лендинга прежде, чем он опубликуется. Именно поэтому и упоминалось ранее, что потребуется подготовка пустого веб-ресурса на этом «движке».
Эта функция также позволяет корректировать шрифты, устанавливать необходимые дополнения, скачивать плагины и д.т.
Одностраничник должен сразу начать свою работу по адресу, который вы указали. Можно начинать раскручивать сайт, используя контекстную рекламу, поисковое продвижение и другие маркетинговые инструменты, при условии, что веб-ресурс успешно функционирует.
Можно и больше говорить об этих и других нюансах создания лендинга на данном «движке». НО перечисленных моментов достаточно, чтобы разработать адекватный сайт.
Ответы на вопросы, которые задают чаще всего
- Является ли этот способ разработки одностраничника самым простым?
Нет. Этим способом могут воспользоваться те, кто уже работал с «движками» и неплохо знает WordPress. Воспользуйтесь другими конструкторами, если у вас нет опыта, но есть необходимость быстро разработать одностраничник, не колупаясь в коде или в плагинах.
- Можно ли найти уроки в формате видео по разработке лендинга на WP бесплатно и с использованием указанного плагина?
Таких материалов для данного плагина нет.
Но есть для других дополнений, о которых упоминалось выше.
- Каким образом можно активировать стороннюю форму подписки?
Чтобы добавить сторонние формы, необходимо применить HTML-элемент, в который следует вписать код. Форму следует разместить в нужной области.
- Работать с указанным плагином не получается. Выскакивает сообщение об ошибке.
Неудачи запуска плагина могут крыться в следующих моментах:
- У вас получается конфликт дополнений. Следует удалить плагины, которые вам не нужны;
- Тема, которая у вас установлена, является нестандартной. Поэтому следует изменить шаблон. Обязательно проверьте, не вносились ли какие-то изменения в него;
- Проблемы с провайдером. При работе сайта на локальном сервере, плагин работать не будет. Необходимо, чтобы PHP поддерживался провайдером. Кроме того, лучше создавать одностраничники на последних версиях указанного языка программирования. Тогда плагин точно будет работать.
Тогда плагин точно будет работать.- Возможно ли применить эффект приближения элемента при наведении на него курсора, или «оживить» кнопки, чтобы придать современности лендингу?
Такого эффекта достичь удастся, используя опцию «Анимация». Кроме того, в ней имеется достаточно большое количество различных настроек.
- Работа со встроенными элементами возможна только до достижения двухсот лидов?
Нет. Это ограничение относиться лишь к форме подписки. Под понятием форма имеется в виду несколько полей, которые пользователь должен заполнить. После эти сведения будут получены администратором в панели управлении.
- Поисковики видят lending page?
Здесь проблем нет. Системы поиска видят целевую страницу не как лендинг, а как веб-ресурс, созданный на WP. Ускорить индексацию лендинга можно размещением на нем уникального и качественного контента.
Совершить эту операцию можно через панель администрирования самого «движка» или через плагин.
- Лендинг «плывет» на мобильных гаджетах, а изменение настроек не решает проблему. Как быть?
Есть два варианта решения этой проблемы. Первый – сменить шаблон на адаптивный (возможно, тот который вы выбрали, не является адаптивным). Второй – обратиться за помощью к специалисту с просьбой сверстать мобильную версию сайта.
- Можно ли установить таймер на лендинг?
Увы, но разработчики плагин для таймера не сделали. Однако это не повод расстраиваться. В разделе «Плагины», который находится в админ. панели, имеются необходимые дополнения, позволяющие добавить таймер. Их установка не отразится на работе плагина для разработки одностраничника.
- Надо внести изменения в цветовую гамму и шрифты, но через плагин воплотить задуманное не получается.
Причин неудачи может быть множество.
Быстрее и легче поставить «SiteOrigin CSS», который поможет внести нужные коррективы. Все необходимые действия следует совершать через WYSIWYG.
Вывод
WP – оптимальный выбор для разработки как одностраничных, так и информационных веб-ресурсов. Эта CMS доступна и понятна. Большее количество времени уходит на то, чтобы разобраться в имеющихся возможностях плагина, чем на разработку лендинга.
Метки: Дизайн сайта Кейсы SEO SMM PPC Маркетинг Instagram Сайт визитка Landing Page Создание магазина Разработка сайтов Программирование
Landing page wordpress — как сделать одностраничный сайт визитку
1
Алексей Ладный
Время на чтение: 5 минут
1 294
Одностраничник на WordPress — это возможность дешево и быстро создать поток клиентов для вашей компании или продать свой продукт. Сайтостроители берут за верстку лендинг пейдж непомерные суммы, хотя с такой задачей справится даже школьник, если дать ему в руки правильный плагин.
В данной статье как раз будут рассмотрены таковые — 9 модулей для создания лендингов на движке Вордпресс.
Содержание
- Quards — простой плагин для создания лендинг пейдж или сайта целиком
- Thrive Landing Page WordPress — не free плагин с большой обновляемой базой шаблонов
- WP Profit Builder — еще один не free плагин для создания эффективных страниц
- Landing Pages — free плагин с детальной статистикой конверсии сайта
- InstaBuilder — мощный плагин для создания одностраничного сайта за несколько минут
- OptimizePress — модуль с живым редактором одностраничного сайта
- LeadPages — еще один продвинутый плагин с «полным фаршем»
- Ultimate Landing Page — бесплатный инструмент, идеальный для создания визитки
- Выводы
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 плагин с детальной статистикой конверсии сайта
InstaBuilder — мощный плагин для создания одностраничного сайта за несколько минут
InstaBuilder 2.0 позволяет в два счета сделать лендинг, который автоматически будет иметь адаптированный дизайн под мобильные устройства и компьютеры.
Не нужно быть экспертом в области кодирования, чтобы справиться с управлением данным инструментом — достаточно определить где какие элементы сайта вы разместите, и перетащить их в соответственное место. А если вы не хотите делать страницу визитки самостоятельно, разработчики предоставят вам 100 уже готовых вариантов. Осталось только выбрать как будет выглядеть ваша продающая визитка.
OptimizePress — модуль с живым редактором одностраничного сайта
С OptimizePress визитка или лендинг — это не проблема. В считанные минуты вы сможете создать сайт Вордпресс, который автоматически будет настроен под поисковую выдачу. Сгенерированные страницы при помощи плагина адаптивные для всех устройств (поисковики это высоко ценят). А самое интересное, что в модуле установлен «живой» редактор сайта — вы вносите изменение, и сразу видите результат. Это сэкономит время и нервы. А если вы хотите сэкономить еще больше времени, в каталоге дополнения есть 30 уже готовых шаблонов для сайта-визитки. Их можно редактировать. В процессе управления страницами у вас есть доступ к 40 функциональным элементам.
LeadPages — еще один продвинутый плагин с «полным фаршем»
Как и в других дополнениях, в нем есть все для создания визитки и продающего одностраничника:
- простая редактура оформления;
- 70+ готовых шаблонов с высокой конверсией;
- SEO-оптимизация страниц;
- адаптивный дизайн для смартфонов, планшетов и компьютеров.
Ultimate Landing Page — бесплатный инструмент, идеальный для создания визитки
Данный плагин позволяет сделать одностраничник самостоятельно с нуля, либо выбрать один из приведенных в каталоге шаблонов. Между шаблонами можно удобно переключаться для быстрого предпросмотра. Шаблоны редактируемые и предоставляются на бесплатной основе. Уже через 5 минут вы можете создать свою лендинг пейдж. И, что самое главное, в редакторе есть возможность вставить элемент Mail Chimp — это кнопка подписки. Это позволит вам бесплатно повысить количество подписчиков для развития имейл-маркетинга компании.
Выводы
Не все приведенные инструменты распространяются бесплатно. За многие из них придется заплатить. Вы должны заранее определить цели использования лендинга — он нужен вам для теста спроса на продукт или вы уже хотите начать его реализацию. Если второе, то лучше воспользоваться платными инструментами, так как у них больше функций. А если хотите протестировать продукт/услугу, то сделать лендинг проще через бесплатный сервис.
В случае, если приведенные free-плагины вас не устраивают, есть еще один бесплатный модуль — Parallax Gravity. Он не такой мощный, как описанные выше, тем не менее дает возможность быстро создать одностраничник со всеми ключевыми элементами.
Как создать целевую страницу с помощью редактора блоков в WordPress
Контент Themeisle бесплатный.
Хотите знать, можно ли создать целевую страницу с помощью редактора блоков WordPress? Это действительно так, и в этом посте мы покажем вам, как это сделать.
Благодаря «блочному» подходу WordPress у вас есть возможность настроить главные разделы, призыв к действию (CTA) и другие важные элементы целевой страницы.
Чтобы помочь вам воспользоваться этими функциями, мы собираемся показать вам, как создать целевую страницу с помощью редактора блоков — шаг за шагом.
Что такое редактор блоков Gutenberg в WordPress?
Редактор блоков — это собственный редактор контента WordPress, который стал редактором по умолчанию в WordPress 5.0, заменив классический редактор, который использовался много лет назад. Когда он только разрабатывался, редактор назывался «Гутенберг». Однако, поскольку он стал частью ядра, теперь его чаще называют просто «редактором WordPress» или «редактором блоков».
Если вы хотите узнать больше об этом, мы написали несколько сообщений на эту тему в прошлом. Вы можете получить базовое введение здесь.
Или, если вы уже знакомы с редактором блоков, просто продолжайте читать, чтобы узнать, как использовать его для создания целевой страницы…
Краткий обзор интерфейса редактора блоков
Теперь, прежде чем мы начнем процесс сборки, вот краткий обзор пользовательского интерфейса редактора блоков.
Чтобы добавить новые блоки, вы будете работать во всплывающем окне слева. А после добавления блока вы сможете настроить важную информацию, например цвета, на боковой панели справа:
Существует пять уникальных разделов для разделения блоков, которые вы можете использовать:
- Общие блоки — содержит все общие элементы, такие как абзац, заголовок, список, цитата и другие основные элементы содержимого.
- Форматирование — подходит для добавления пользовательского кода, редактирования блока в редакторе WP (классический) или добавления таблицы.
- Элементы макета — содержит элементы для улучшения общего макета, такие как столбцы.
- Виджеты — позволяет добавлять в дизайн обычные виджеты WordPress.
- Embeds — помогает встраивать контент с внешних платформ, таких как YouTube, Twitter и многих других.
Вы также можете добавлять новые блоки и функции через сторонние плагины. Например, с помощью плагина Otter Blocks вы можете получить новые блоки, такие как таблица цен, отзывы, карты Google и многое другое.
Как создать лендинг с помощью редактора блоков в WordPress
Чтобы дать вам представление о том, что вы узнаете, вот базовая целевая страница, которую мы создадим с помощью редактора блоков WordPress:
Помимо внешнего вида, быстрое время загрузки необходимо для качественной целевой страницы. Итак, убедитесь, что используемая вами тема совместима с редактором блоков и имеет проверенное быстрое время загрузки.
Для этой демонстрации мы выбрали нашу собственную тему Neve, чтобы создать целевую страницу с редактором блоков. Помимо того, что он бесплатный и легкий, Neve также хорошо работает с редактором блоков и предоставляет множество форматов макетов, чтобы вы могли создать настоящую целевую страницу.
Если вам нравятся множественные варианты, наша тема Raft — еще один отличный выбор, разработанный специально для работы с редактором блоков и расширениями Otter Blocks. Это также совершенно бесплатно, но для нашего примера давайте продолжим с Neve.
После того, как вы настроили свой веб-сайт, все, что вам нужно сделать, это перейти на страниц → Добавить новый и начать свою работу.
- Шаг 1. Выберите макет страницы
- Шаг 2. Спланируйте базовый дизайн целевой страницы
- Шаг 3. Используйте блоки для добавления элементов на целевую страницу
Шаг 1. Выберите макет страницы
Чтобы на целевой странице было достаточно места, выберите макет без боковой панели.
Вы можете выбрать макет с правой стороны под разделом документа. Использование любого из макетов с без боковой панели является хорошим выбором. Для тестового дизайна я выбрал отсутствие боковых панелей с контентом по центру ( вместо полноразмерного ).
Шаг 2. Спланируйте базовый дизайн целевой страницы
Затем вы хотите составить план общего дизайна вашей целевой страницы, чтобы знать, какие элементы вам нужно будет включить.
Например, если вы пытаетесь продать услугу, может быть важно, чтобы на вашей целевой странице была таблица цен (
В этом уроке я буду использовать пример простой целевой страницы для вебинара.
Помимо размышлений о том, какие элементы вам понадобятся, подумайте также о том, как вы хотите расположить эти элементы.
Одним из распространенных подходов является использование Z-шаблона. Этот шаблон хорош для страниц с минимальным содержанием.
Z-правило основано на том, что пользователь начинает просматривать страницу слева направо в строке меню, затем переходит в левый нижний угол, а затем снова переходит в правую сторону (при условии, что страница не содержание тяжелое). Этот дизайн используется некоторыми популярными платформами, такими как Shopify, Facebook и многими другими.
Не стесняйтесь использовать любой тип дизайна для вашей целевой страницы, если он соответствует основным принципам веб-дизайна.
Шаг 3. Используйте блоки для добавления элементов на целевую страницу
Теперь, когда у вас есть важная информация, вы готовы приступить к созданию своей страницы. Обычно проще всего начать строить в верхней части страницы и двигаться вниз.
В нашем примере я начну с основного заголовка и подзаголовка.
Заголовок, подзаголовок и фоновое изображение
Блок Обложка — хороший вариант для верхней части страницы, поскольку он позволяет включать большое изображение, а также текст поверх этого изображения.
Я буду использовать его для включения заголовка и подзаголовка поверх фонового изображения с оранжевым наложением.
После того, как вы добавили блок обложки, загрузите красивое изображение для своей целевой страницы. Чтобы сделать ваш текст более заметным, вы можете использовать правую боковую панель, чтобы добавить цвет наложения и непрозрачность фона.
Чтобы добавить текст, вам просто нужно нажать и ввести.
Основной призыв к действию (CTA)
После того, как вы закончите с блоком Cover , вы можете добавить свой основной CTA внизу, используя блок Button . Вы можете использовать правую боковую панель, чтобы настроить цвета кнопки.
Вы можете видеть, что я добавил кнопку Начать под крышкой:
И вот как все это выглядит в предварительном просмотре:
Коробка с подробной информацией о продукте
Чтобы добавить красивое поле с подробной информацией о продукте, вы можете использовать кнопку 9.0028 Медиа и текст коробка. Как следует из названия, этот блок создает двухколоночный макет с изображением на одной стороне и текстом любого типа на другой. Я решил использовать список для текста. Вы можете увидеть это ниже:
Чтобы улучшить макет, вы можете добавить пространство между предыдущим разделом и этим разделом, добавив блок Spacer . Вы можете отрегулировать расстояние между двумя блоками с помощью синей точки на прокладочном блоке.
После того, как вы добавили содержимое и изображение в 9Блок 0028 Медиа и текст . Это будет выглядеть так:
Заключительный призыв к действию (CTA)
Чтобы добавить последний призыв к действию в конце вашей целевой страницы, вы можете использовать еще один блок Button .
Или, если вы предпочитаете вместо этого использовать форму, плагин WPForms включает собственный блок WPForms , который вы можете использовать для встраивания любого типа формы.
Наверх
Собираем все вместе
После использования всех этих блоков для создания целевой страницы с помощью редактора блоков, вот еще один взгляд на окончательный дизайн целевой страницы:
Несмотря на то, что вы не могли видеть, как мы вносим коррективы в режиме реального времени, пока мы работали в редакторе блоков, важно отметить, что шаблон Neve без боковой панели дает вашему окончательному дизайну много свободного места во внешнем интерфейсе. И это все!
Редактор блоков WordPress не совсем то же самое, что конструктор страниц, и параметры настройки по умолчанию не могут конкурировать с конструкторами страниц с точки зрения макета и стилей. Однако плагины расширения блоков, такие как вышеупомянутые Otter Blocks, значительно сократили разрыв и еще больше упростили создание целевой страницы с помощью редактора блоков.
Если вы хотите увидеть, как редактор блоков WordPress сравнивается с другими конструкторами страниц для этого варианта использования, у нас также есть учебные пособия о том, как создавать целевые страницы с помощью:
- Конструктор страниц SiteOrigin
- Элементор
- Диви Строитель
У вас есть другие вопросы о том, как создать целевую страницу с помощью редактора блоков в WordPress? Дайте нам знать об этом в комментариях!
Пулкит Бхардвадж
Была ли эта статья полезной?
НетСпасибо за отзыв!
Как создать целевую страницу в WordPress (5 простых шагов)
Не знаете, как создать целевую страницу в WordPress?
Вы, наверное, слышали, как важно создать убойную целевую страницу. В конце концов, ваша целевая страница предназначена для конвертации вашего трафика в клиентов.
Но как создать целевую страницу в WordPress?
Параметры по умолчанию в редакторе Gutenberg не так хороши.
И если вы используете тему для черновика своих страниц, это не то же самое, что создать целевую страницу с высокой конверсией. Ваша тема просто перенесет все стили, как и остальная часть сайта.
Что делать, если вы не хотите, чтобы меню навигации отображалось на целевой странице? Что делать, если вы хотите интегрировать модули электронной коммерции для прямой оплаты? Что, если вы хотите избавиться от всех настраиваемых боковых панелей на остальной части сайта?
В этой статье мы покажем вам, как создать целевую страницу в WordPress за 5 простых шагов.
Лучшая часть? Кодирование НУЛЕВОЕ.
Давайте углубимся.
Прежде чем мы начнем: что такое целевая страница?
Целевая страница — это веб-страница на вашем сайте, специально предназначенная для продажи вашего продукта или услуги. Вы также можете использовать целевые страницы для сбора потенциальных клиентов.
Вкратце: целевая страница — это машина для конверсии на вашем сайте.
Принцип работы тоже прост. Вы создаете маркетинговые или рекламные кампании, которые направляют трафик прямо на вашу целевую страницу. Затем целевая страница преобразует этот трафик в потенциальных клиентов или платящих клиентов.
Поскольку цель целевой страницы — конвертировать больше трафика вашего веб-сайта в клиентов, она должна выглядеть привлекательно и привлекательно. Самое главное, вам нужно будет правильно разработать различные элементы призыва к действию, такие как:
- Кнопка «Купить»
- Формы регистрации
- Кнопка воспроизведения мультимедиа
И многое другое!
Как создать целевую страницу в WordPress
В следующих нескольких разделах мы шаг за шагом покажем вам, как создать целевую страницу в WordPress. Как мы уже говорили, создание целевой страницы с использованием вашей темы не является хорошим решением.
Вот почему мы рекомендуем использовать один из лучших плагинов для целевых страниц WordPress.
Даже если вы не разработчик, вы можете создать целевую страницу с высокой конверсией в WordPress и увеличить трафик и продажи своего сайта.
Мы рекомендуем использовать SeedProd.
SeedProd — лучший конструктор целевых страниц WordPress на рынке. В этой статье мы собираемся использовать SeedProd для создания вашей первой целевой страницы. Если вы не уверены на 100%, что это правильный конструктор целевых страниц, вам следует ознакомиться с нашим обзором SeedProd.
Итак, приступайте!
Шаг 1. Установите подключаемый модуль SeedProd на свой сайт
Сначала вам необходимо посетить веб-сайт SeedProd и приобрести подключаемый модуль. Затем вы можете загрузить файл плагина на свой компьютер. Затем скопируйте лицензионный ключ плагина с панели управления SeedProd.
Далее вам нужно войти в панель управления WordPress и установить плагин. Если вам нужны подробные инструкции, ознакомьтесь с этим пошаговым руководством по установке плагина WordPress. Перейдите на экран приветствия плагина SeedProd в WordPress и подтвердите свой лицензионный ключ:
После проверки вашей учетной записи вы готовы создать целевую страницу.
Шаг № 2. Создайте целевую страницу с помощью SeedProd
На экране приветствия SeedProd прокрутите вниз и нажмите Создайте свою первую страницу кнопка:
Затем вы увидите 5 различных типов целевых страниц, которые вы можете создать:
Используя шаблоны SeedProd, вы можете быстро запускать сложные страницы, такие как:
- Скоро и режим обслуживания Страницы
- Страницы входа
- 404 Страницы
И если вы прокрутите немного вниз, вы можете запустить пользовательскую целевую страницу из готовых шаблонов. Нажмите Добавить новую целевую страницу :
Затем выберите шаблон целевой страницы из предварительно созданных целевых страниц, перечисленных в конструкторе SeedProd:
Не торопитесь и выберите подходящий шаблон для вас. Чтобы выбрать шаблон, просто щелкните значок галочки на шаблоне.
Помните, шаблон — это только отправная точка. В следующем разделе мы увидим, как легко настроить целевую страницу с помощью конструктора перетаскивания SeedProd.
Шаг № 3. Настройка шаблона целевой страницы
После выбора шаблона целевой страницы вы будете перенаправлены на визуальный конструктор SeedProd, где вы сможете настроить свою целевую страницу. В левой части редактора находится список элементов дизайна, которые можно использовать для настройки целевой страницы:
Кроме того, вы можете щелкнуть любой элемент дизайна в режиме предварительного просмотра, чтобы отредактировать его непосредственно в окне предварительного просмотра:
Вы можете изменить текст, его стиль, цвет, выравнивание и макет в соответствии с вашим продуктом или брендом в целом. Кроме того, вы можете легко добавлять в шаблон целевой страницы новые блоки, такие как кнопки, формы подписки, контактные формы, социальные профили и многое другое.
Например, вы можете перетащить таймер обратного отсчета, чтобы увеличить срочность:
Когда вы закончите, нажмите Сохранить .
Шаг № 4. Подключите службу маркетинга по электронной почте
Многие малые предприятия собирают потенциальных клиентов со своих целевых страниц вместо того, чтобы что-то продавать.
Если вы создаете целевую страницу для сбора потенциальных клиентов на своем сайте, вам нужно создать подписку. Затем подключите свою подписку к поставщику услуг электронной почты, например, к Constant Contact.
Для этого перейдите на вкладку Подключить в конструкторе SeedProd и выберите из списка поставщика услуг электронной почты:
Затем нажмите Подключить новую учетную запись :
И следуйте инструкциям, чтобы настроить службу электронной почты для сбора лидов.
Шаг № 5. Опубликуйте целевую страницу
Когда вы закончите настройку страницы, нажмите Сохранить . Затем нажмите стрелку раскрывающегося списка рядом с кнопкой Сохранить и нажмите Опубликовать :
Вы должны увидеть сообщение об успешной публикации страницы, которое выглядит примерно так:
Вы можете нажать на See Live Page , чтобы просмотреть целевую страницу. Готово!
Что дальше?
На этом все, ребята!
Теперь, когда ваша целевая страница запущена, вам остается только направить трафик на нее.