1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

Work In Net

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

  • Главная
  • Разработка сайтов
  • WordPress
  • Создаем Landing Page за один день на WordPress

Здравствуйте, сегодня расскажу вам как создать лендинг за один день. Интернет — отличный канал для привлечения клиента, потому необходимо, например, запустить рекламу в Яндекс Директ или Google ADS. В таком случае лучше всего сделать сайт одностраничник и запустить рекламу на него.

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

Этап 1: готовим платформу для Landing Pag e

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

хостинг, на котором будем размещать сайт;

графический редактор (опционально);

начальные знания HTML и CSS (опционально).

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

Подготовка домена и хостинга

В первую очередь нужно выбрать доменное имя и хостинг. В плане хостингов я перепробовал многое. Результаты многочисленных проб привели меня на Макхост: https://mchost.ru/ Вполне возможно, что вам по вкусу другой хостинг, но лично для меня оказался наиболее подходящий вариант. Если сомневаетесь, то вот обзор хостингов, которые отлично подходят для работы: https://workinnet.ru/hosting-for-wordpress/

После выбора хостинга нужно выбрать домен. Несмотря на нелюбовь к Reg.ru, как к хостингу, домены всегда приобретаю у них: https://www.reg.ru/

А вот вам промокодик со скидкой в 5% на приобретение домена. Немного, но лучше, чем ничего: 8404-F30B-D292-4306

Конечно, я немного покривил душой, когда заявил, что один день. DNS- адреса домена могут изменяться до 24 часов. Сейчас все объясняю. Мы покупаем домен, вводим интересующее название, смотрим, занято или нет. Например, podso.site.

Он занят, но это я его выкупил. Таким образом можно долго перебирать, потому поступаем иначе. Выбираем меню «Домены» → «Подрать домен».

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

Вводим ключевое слово, например “Zae” и получаем такую выборку. Так можно найти нужный домен.

Отлично, после выбора домена нужно его добавить на хостинг. Заходим в панель управления Reg.ru.

Нажимаем кнопку «Мои домены» и выбираем нужный.

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

Если у вас хостинг от Reg.ru, то просто ничего не трогайте, в крайнем случае можете DNS поменять на ns1.hosting.reg.ru и ns2.hosting.reg.ru . Если же послушались моего совета и выбрали Макхост, то вам придется указать ns1.mchost.ru , ns2.mchost.ru , ns3.mchost.ru , ns4.mchost.ru .

Тыкаем кнопку «Изменить» и наблюдаем такое сообщение.

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

Готовим сайт

Когда DNS- серверы обновятся, придет время подготовить базу для создания Landing Page. Заходим на хостинг, в моем случае это Макхост и начинаем работу. Сначала добавляем зарегистрированный домен на хостинг.

Теперь настроим хостинг перед размещением сайта.

Выбираем настройки PHP, здесь нужно указать версию 7.3 и заказать сертификат SSL. Он нужен для того, чтобы к вам могли заходить через HTTPS (безопасный протокол соединения), учтите, на лендинге всегда есть формы обратной связи, так что сделайте сертификат, иначе есть вероятность, что данные посетителя перехватят злоумышленники. У меня уже готов, но у вас будет кнопка заказать.

Отлично, теперь нужно установить WordPress. Для этого нужно скачать архив с официального сайта: https://ru.wordpress.org/download/ , подготовить для размещения на хостинге и распаковать его там. Я подготовил для этого отдельную статью, читайте: https://workinnet.ru/setup-wp-hosting/

Выполняйте инструкцию поэтапно и проблем у вас не возникнет. Установка WP – дело очень простое.

Этап 2: делаем Landing Page

Итак, после установки WordPress пора перейти ко второму этапу: быстрому созданию лендинга. В первую очередь выбираем тему, подробная инструкция есть здесь: https://workinnet.ru/choice-theme-wordpress/

Но в данном случае рекомендую что-нибудь красивое из коробки. Я, например, выбрал тему Sydney. Чтобы установить тему, достаточно перейти в панель администратора WP, справа в меню найти раздел «Внешний вид», выбрать «Темы» и нажать кнопку «Добавить новую». В инструкции все это указано. После установки темы не забудьте нажать кнопку «Активировать».

В первую очередь настраиваем тему. Достаточно ткнуть кнопку «Настроить» на панели администратора. Либо, если уже перешли на сайт, в панели сверху. На скриншоте указал.

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

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

После того, как покопались в настройках, придется приступить к редактированию.

Конструируем Landing Page

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

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

Caldera Forms – плагин для создания форм обратной связи .

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

Поехали. В первую очередь создаем форму обратной связи. В админпанели наводим на Caldera Forms и выбираем « Формы ». Сверху нажимаем « Новая форма» и выбираем шаблон «Контактная форма».

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

А так, все функции плагина — отдельная и очень обширная тема, впрочем, интерфейс интуитивно-понятный, разобраться можно очень быстро. Теперь нужно начать строить Landing с помощью Elementor. Выбираем в левом меню админки «Страницы» → «Добавить новую». Создаем заголовок.

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

Пришло время визуализировать. Для начала готовим тексты. Но нам мешает боковая колонка. Находим ее через панель разработчика браузера (кнопка F12). Либо наводим на объект и нажимаем правую кнопку мыши и выбираем «Просмотреть код».

Читать еще:  Как сделать разрешение фотографии 450 dpi

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

И снова заходим в кастомайзер (настройки темы) и в раздел дополнительные стили (указал на скриншоте выше) вносим код нужного элемента. Если хотите такой же макет, как у меня и выбрали ту же тему, то внесите в «дополнительные стили» вот такой код:

Редачим. В Eleme n tor можно выбрать кучу разных элементов:

Как​ ​сделать​ ​лендинг​ ​(landing​ ​page)​ ​на​ ​WordPress

Нужен ли мне лендинг?

Если перед вами стоит такой вопрос, то, вероятнее всего, лендинг вам все-таки нужен. Хотя для начала нужно определиться – что такое лендинг? Лендинг (а также: лендинг пейдж, лэндинг, целевая страница, посадочная страница, одностраничник) – это сайт, который содержит в себе информацию о какой-то услуге, товаре или компании (человеке). Говоря о лендинге, чаще всего имеют в виду автономный сайт, состоящий из одной страницы, на которой перечислена вся основная информация.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Делаем лендинг — с чего начать

WordPress – известная CMS, которую горячо любят многие пользователи. Она знакома, распространена, легка в освоении, гибка… поэтому и лендинг я решил сделать именно на этой платформе.

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

Я не говорю о том, что нужно делать один в один! У вас просто должна быть общая картинка того, чтобы вы хотите получить в итоге.

Значит, идем дальше. Не буду останавливаться на технической части (выбор и оплата домена, установка WordPress…) – итак, у вас наконец все готово к разработке!

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

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), если представленных изначально вам покажется мало.

Публикация

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

Нажимайте яркую оранжевую кнопку “Publish” в горизонтальной панели!

В появившемся окошке выбирайте “Custom Domain” и вводите адрес сайта, на котором вы хотите разметить получившуюся страницу. Но я советую разместить сайт на поддомене (например, 1.example.ru) и далее поясню почему.

Внесение изменений на хостинге

Теперь вам нужно внести одно, но крайне важное изменение на хостинге – поменять запись CNAME используемого домена на wishpond.com. Так как на хостинге Timeweb можно поменять CNAME только поддомена, поэтому я и рекомендовал выше использовать поддомен.

Для того, чтобы внести изменения, войдите в свою панель управления хостингом, выберите пункт «Домены и поддомены», затем рядом с поддоменом нажмите на зеленую шестеренку («Настройки поддомена»). Выберите вкладку CNAME, пропишите там “wishpond.com” и сохраните:

И все! Проверяйте работоспособность сайта и вносите изменения, если что-то не нравится!

CMS Рейтинг

Рейтинги и обзоры CMS

Лендинг на WordPress: эффективные плагины для установки и пошаговая инструкция

  • Home
  • Без рубрики
  • Лендинг на WordPress: эффективные плагины для установки и пошаговая инструкция

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

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

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

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

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

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

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

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

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

Elementor Page Builder

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

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

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

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

Плагин JetBlocks

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

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

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

Thrive Architect

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

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

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

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

OptimizePress

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

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

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

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

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.

Источники:

http://workinnet.ru/landing-fast-development/
http://timeweb.com/ru/community/articles/kak-sdelat-lending-landing-page-na-wordpress-1
http://cms-rating.ru/lending-na-wordpress/

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector