Создаем landing page за один день на wordpress

Плюсы и минусы лендинга

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

Начну с минусов.

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

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

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

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

Тут важно отталкиваться от своей целевой аудитории – для кого вы готовите этот сайт? Кто будет его просматривать? Понравился ли им такая форма подачи?

Теперь перейдем к плюсам.

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

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

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

Концентрация информации

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

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

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

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

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

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

Thrive Architect

Если вы знакомы с разработчиками Thrive Themes, то вы знаете об их надежном наборе премиальных плагинов и тем. От оптимизатора заголовков до Thrive Quiz Builder — компания знает потребности своих клиентов и разрабатывает впечатляющие продукты, соответствующие этим потребностям. Thrive Architect не исключение. Это визуальный редактор и конструктор страниц для WordPress, а его основным преимуществом является простой процесс создания посадочных страниц.

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

Лицензия на один сайт стоит $ 67 за все функции Thrive Architect, неограниченные обновления и поддержку в течение одного года. Предлагаются два других тарифных плана, но все они имеют одинаковые функции. Разница лишь в том, что вы платите больше денег за использование плагина на нескольких сайтах. Пакет из пяти лицензий стоит 97 долларов, а пакет из 15 лицензий — 147 долларов.

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

• Плагины постинга в сосцети типа Click to tweet.
• Плагины анимации.
• Плагины создания таблиц.
• Плагины шрифтовых иконок.
• Плагины пользовательских шрифтов.
• Плагины шорткодов для построения макетов.

Thrive Architect — это разумный плагин для создания Landing Page на WordPress для тех, кому не нужны такие мощные пакеты, как Instapage и OptimizePress.

Преимущества

• Thrive Architect стоит от 67 долларов, и за эту цену получаете отличные модули для контента и интеграции.
• Некоторые из интеграций включают инструменты почтового маркетинга, такие как MailChimp, Webinarjam, WordPress, Mad Mimi и Twitter.
• Модули контента, ориентированные на конверсию, включены только для целевых страниц. Некоторые из них включают кнопки призыва к действию, отзывы, анимированные таймеры обратного отсчета и блоки контента.
• Thrive Architect предоставляет анимацию и эффекты при наведении, не требуя сложного кодирования или изменения настроек.
• Шаблоны посадочных страниц с высокой конверсией — одни из самых красивых, которые мы видели, и у них есть огромная библиотека.

LeadPages

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

Настройка макета страницы происходит без какого-либо программирования, поэтому вы легко можете создавать, копировать и клонировать любые страницы. LeadPages предлагает годовой план подписки, в котором вы получаете два месяца бесплатно. Самый дешевый тариф называется Standard, и стоит 31 доллар в месяц. Если вы хотите собирать платежи и привлекать трафик с помощью рекламы в Facebook и использовать другие премиальные функции, цена поднимется до 66 долларов в месяц.

Преимущества

• Drag n drop редактор и коллекция шаблонов впечатляют. Однако LeadPages больше подходит для компаний, которым нужны уникальные функции, такие как интеграция с рекламой Facebook.
• Вы можете принимать прямые платежи и оформлять заказы прямо со своей посадочной страницы.
• LeadPages предлагает еженедельные коучинговые звонки, чего вы не найдете ни в одном другом плагине для Landing Page на WordPress.
• Более 160 бесплатных шаблонов целевых страниц входят в состав LeadPages, что делает его одной из самых больших библиотек.
• В одном из планов есть А / Б тестирование.

Eventerra

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

Особенности темы для Вордпресс:

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

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

Переходим к разработке

WordPress – инструмент многогранный и в основном благодаря наличию моря плагинов. Поэтому и лендинг мы будем делать тоже при помощи плагина – а именно Free Landing Pages Builder by Wishpond. Пользоваться этим плагином совсем несложно, вы разберетесь буквально за пару минут!

Мне он нравится тем, что он очень наглядный, поэтому в нем удобно работать, все изменения можно производить прямо на макете. Но – плагин англоязычный. И еще один момент, который вам тоже нужно сразу узнать – он условно бесплатный. При использовании его формы отправки на бесплатном тарифе вы сможете получить лишь 200 лидов в месяц – если у вас получается большее количество заказов, то нужно будет перейти на один из платных тарифов. Я предполагаю, что самостоятельно лендинги делают на начальном этапе запуска какой-то услуги или товара, поэтому такого количества должно хватить. А возможно, вам вообще лендинг нужен в качестве своего сайта-визитки… Ну, в общем, просто имейте в виду.

Как и обычно, вам нужно зайти в админпанель своего WP-сайта, скачать и активировать этот плагин. В вашем списке появится еще одна строчка – Landing pages – и, перейдя в этот пункт, вы можете начать создавать свой лендинг.

Наведите на картинку любого шаблона курсор: “Choose Template” – выбрать шаблон; “Preview” – превью (предварительный просмотр в окне справа). Советую сначала посмотреть превью шаблона и лишь потом брать его в работу. Кстати, в превью его возможность посмотреть шаблон и на мобильном устройстве – удобно!

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

Определились шаблоном? Нажимайте “Choose Template” — переходим к следующей части. Вам высветится окошко “Give Your Landing Page A Name” – дайте название своему лендингу.

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

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

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

После настройки лендинга не забудьте прошерстить настройки (Settings) – там можно, в частности, настроить SEO (задать название страницы и описание), “Share settings” – название, описание и картинка, которые будут показываться, если кто-то напишет ссылку на вашу страницу в соц. сетях. Тут же вы сможете еще, к примеру, добавить шрифты (Add/Edit Fonts), если представленных изначально вам покажется мало.

Бесплатный лендинг на WordPress с плагином Free Landing Pages Builder by Wishpond

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

• Плагин работает по типу конструктора страниц методом перетаскивания. То есть, перед вами будет поле страницы, панель инструментов и вы сможете перетащить мышкой в нужное место тот или иной элемент.
• Благодаря этому дополнению можно делать действительно красивые одностаничники. Это достигается с помощью широко функциональных инструментов. Настроить в части дизайн можно абсолютно всё.
• У плагина есть функция анализа: просмотры, лиды и прочее.
• 100 разнообразных готовых шаблонов лендингов, которые можно кастомизировать по своим нуждам и на свой вкус.
• Продвинутое управления лендингами. Очень удобно, если их много, а их с этим плагином можно создать неограниченное количество.
• Кроме одностраничников плагин может создавать формы и всплывающие формы.

Не обошлось и без недостатков:

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

После установки и активации плагина в вашей консоли появится новый пункт «Landing pages». В нём и происходит всё волшебство.

Для начала нужно будет зарегистрироваться в плагине. Для этого нажмите кнопку «Sign Up».

Затем на любом тарифе «Star trial free».

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

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

Итак, нажмите «Landing Page».

Перед вами откроется страница выбора шаблона с предпросмотром. Можно оценить на разных версиях экранов. Есть возможность выбрать готовый наполненный шаблон или пустой и наполнять его самому с нуля. После выбора нужного шаблона нажмите «Choose template».

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

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

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

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

Preview. Позволяет просматривать лендинг на разнообразных устройствах.

Save as draft. Кнопка для сохранения. Перед публикацией лендинга нужно нажать на эту кнопку обязательно.

Publish. Кнопка для публикации одностраничника на сайте.

У кнопки «Publish» есть опции. После нажатия на неё открывается окно, в котором нужно задать наименование лендинга, определить, где он будет опубликован (если вы публикуете его на своём сайте, то нужно выбрать в списке «Publish To» пункт «Your domain») и задать URL для одностраничника.

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

SEO оптимизацияSEO плагиныWordPressАнализ сайтаДоменЗащита сайтаНаполнение сайта контентомНастройка сайтаПлагины для дизайнаПлагины для записейПлагины для юзабилитиПоисковые системыПолезные сервисы и программыСистемные плагиныСоздание сайтаТемы WordPressТехническая оптимизацияХостингЯндекс

Identity

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

Отметим несколько важных характеристик этой темы для лендинга:

• удобная интеграция с популярными сервисами и плагинами, включая: WooCommerce, Mailchimp, WP Slider и другие;
• выбор цветовой схемы и типа используемой домашней страницы (слайдер, видео, изображение);
• расширенная административная панель, позволяющая воплотить любые задумки в вашем проекте;
• 24 часовая поддержка темы в течение 6 месяцев после покупки.

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

WordPress лендинг своими руками

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

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

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

1. Нарисовать PSD макет или заказать у дизайнера. Желательно сразу говорить что нужен адаптивный макет, иначе иОсы и Андроиды будут воротить нос от вашего landing page.
2. Качественно сверстать PSD макет, желательно с использованием HTML5 и CSS3 — это придаст даже самому простому дизайну статуса и вида, а от сюда доверие к вашему сайту.
3. Натянуть HTML макет на Вордпресс или проще говоря создать шаблон landing page.

Дальше, я расскажу вам о последнем и самом важном пункте (3)

Как создать шаблон WordPress лендинг пейдж из готового HTML

Для просмотра краткого урока по созданию лендинг пейдж на ВП нажимайте на переключатели ниже, шаг за шагом:

Закрыть шаг 1

1. Для начала нам нужен тестовый ВП, устанавливаем его на хостинг и понеслась.

Раскрыть шаг 2

2. Создаем папку под ваш макет, например «mylanding» и забрасываем туда папку «img» — под картинки, папку «js» — если нужен яваскрипт, файлы: «style.css», «index.php», «404.php», «functions.php», «header.php» и «footer.php»

Раскрыть шаг 3

3. В стили «style.css» в самый верх забрасываем вот такой код:

+ ваши стили, или же подключаем их отдельно в шапке

Раскрыть шаг 4

4. functions.php — можно оставить пустым

Раскрыть шаг 5

5. в файл 404.php забрасываем сообщение для ошибки с хтмл разметкой

Раскрыть шаг 6

6. в header.php копируем хтмл макет до тега <body> или малость больше, можно например захватить верхнее меню в этот файл, как это делал я:

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

Раскрыть шаг 7

7. footer.php — у меня выглядит вот так:

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

Раскрыть шаг 8

8. Самое главное заполняем файл index.php, по сути этот момент самый важный для того чтоб создать wordpress лендинг.

Я привык делать шаблон landing page так, чтоб каждая страница с нашего меню, была отдельной страницей в нашем WP:

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

далее нужно делать вывод отдельных веток страниц в один макет.

Делается приблизительно вот так если это просто текстовая информация:

ид 8 — это конкретно та страница что нам нужна

или вот так если это слайдер или каталог:

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

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

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

Большим плюсом такого landing page будет скорость его загрузки и возможность править с админки. Ведь простенькие лендинги, созданные на чистом ХТМЛ, не позволяют легко править контент без знаний тегов и стилей. Вордпресс позволяет делать лендинги удобными для наполнения и правки во время сопровождения сайта.

Как создать крутой лендинг на wordpress

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

Основными преимуществами такого плагина для создания wordpress лендинга есть:

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

Подробно прочесть о том как создать крутой лендинг на wordpress можно вот здесь: https://help-wp.ru/acf-for-wordpress-landing/

Чем полезные WordPress лендинг пейдж

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

• Лендинг пейдж при продвижении

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

  Предположим вам нужно продвинуться по запросу «горящие туры», например по Москве (на сегодняшний день более 300 000 обращений в месяц). Для этого вам нужен очень крутой СЕО специалист и грамотно спроектированный Лендинг пейдж, — заточенный именно под этот запрос.

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

• Продающие страницы WordPress landing page

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

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

  Если у вас мелкий бизнес и вы хотите привлеч в него как можно больше клиентов то целевая страница WordPress landing page это самое то что вам нужно + хороший СЕО шник в комплекте .