Как создать лендинг на WordPress при помощи шаблонов, плагинов и внешней площадки

1 голос

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

1. Шаблонный лендинг

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

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

1.1 Как выбрать хороший шаблон

Как выбрать тему для красивого лэндинга, которая будет помогать зарабатывать? Рекомендую обращать внимание на следующие (базовые) характеристики:

  • Скорость загрузки (следите при помощи https://tools.pingdom.com/ и https://ping-admin.ru/free_test/)
  • Корректность html-кода (https://validator.w3.org/) и css (http://jigsaw.w3.org/css-validator/).
  • Наличие версии для мобильных устройств.

Есть еще и базовые требования к дизайну:

  • Читабельные тексты (фон не сливается, размер букв оптимален и не режет глаз).
  • Кнопки контрастны фону.
  • Все формы обладают минимальным количеством полей для заполнения.
  • Выбирая landing page на wordpress отдавайте предпочтение минималистичному стилю, он позволяет выделить главное. Люди не будут тратить много времени на чтение рекламы.

1.2 Суровая правда о шаблонах

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

Вы не найдете идеальный шаблон на русском языке.

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

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

Идеальный шаблон не получить бесплатно.

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

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

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

Читайте также:  Как должен выглядеть идеальный продающий сайт: простые и важные рекомендации

У вас есть два пути решения:

  1. Если исходный код открыт, ковыряться в нем самостоятельно и в итоге сделать «версию PRO» своими руками.
  2. Искать тему на платных ресурсах исходя из бюджета.

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

1.3 Где искать шаблоны

Очень много готовых тем можно найти не выходя из своей CMS. Заходите в раздел «Внешний вид» – «Темы». Здесь можно найти массу шаблонов landing page, которые гарантированной подойдут на wordpress. Но большим недостатком является то, что вы не сможете сразу посмотреть их стоимость. Вас снова и снова будут убеждать в бесплатности дизайна.

Вот эта тема стоит от 97 до 297 долларов.

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

Вот несколько магазинов с готовыми темами, на которые стоит обратить внимание:

  • TemplateMonster;
  • Themeforest;
  • Wrapbootstrap.

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

2. Плагины

Ну а мы переходим к плагинам. Какой из них поможет в создании лендинга на WordPress?

2.1 Free Landing Pages Builder by Wishpond

Интерфейс утилиты на английском, а сама программа условно бесплатная.

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

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

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

2.2 Beaver Builder

Условно-бесплатная утилита, которая стоит от 99 до 400$ в год. Частично переведена на русский, что немного упрощает работу. Бесплатная версия предполагает более серьезную работу с кодом, вставку собственных классов, модулей и форм. При оплате все существенно упрощается. Настройку можно осуществлять перетаскиванием разных окошек и проставлением галочек.

2.3 Elementor

Этот плагин более удобный для новичка, нежели предыдущие два, так как он на русском. Стоимость от 50 (для 1 сайта) до 199$. При оплате годового тарифа вы получаете 50 виджетов, 300 профессиональных готовых шаблонов, конструктор тем, возможность использовать электронную кассу. По сути, от количества вложенных денег (50 или 200$) меняется только количество сайтов, которые вы можете создать при помощи Элементора – 1, 3 или 1000.

Подробно об Elementor смотрите — здесь.

Читайте также:  Как самостоятельно создавать одностраничные сайты - быстро и бесплатно

На что способен этот плагин?

  • Визуальное редактирование и создание современного динамического сайта.
  • Более 300 готовых шаблонов лендингов с открытым исходным кодом.
  • Полный набор всех необходимых виджетов (социальные сети, поиск, счетчик, меню, а также статистика и конверсия).
  • Детальная настройка формы обратной связи.
  • Защита от спама.
  • Дизайн уникальных страниц для продажи товаров с возможностью подключения WooCommerce.
  • Всплывающие окна.
  • Мощный визуальный редактор для создания анимации, возможность добавить параллакс-эффекты, 3D, наклоны, настройка прозрачности и многое другое.

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

2.4 Tilda

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

Вот такие красивые страницы создают при помощи конструктора.

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

  • Программа и плагин полностью на русском.
  • Это не просто утилита, а полноценный онлайн конструктор для создания лендинг пейджа и любого другого сайта, кроме форумов, больших порталов и огромных магазинов.
  • Возможность быстрой интеграции в вордпресс.
  • 450 готовых блоков (преимущества, фотогалерея, форма заявок, отзывы и так далее).
  • Возможность сделать собственные блоки.
  • Автоматическое создание мобильной версии сайта.
  • Удобное подключение платежных систем (PayPal, Яндекс Деньги, банковские карты и даже мобильные телефоны).
  • Небольшая нагрузка на сайт, а значит более высокая скорость загрузки.
  • Наличие видеоуроков по работе с программой.
  • Более выгодная цена относительно других предложений.

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

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

Комментариев к статье: 6

  • Михаил 2019-07-18 в 12:22

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

  • Дмитрий 2019-07-20 в 18:18

    Все приходится делать самому и учиться в том числе, осваивая новые программы ( та же Тильда) я нарабатываю багаж знаний, который в последствии буду активно использовать при разработке сайтов. Но все же не легко это, признаюсь! ;-)

  • Олег 2019-07-23 в 00:50

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

    • Андрей Зенков 2019-07-23 в 21:57

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

  • Денис 2019-07-24 в 21:43

    Любые шаблоны надо уметь допилить в соответствии с требованиями к сайту и индивидуальным видением вебмастера. Иначе дизайн будет скучным и узнаваемо-однообразным.

  • Михаил 2019-07-26 в 16:45

    Пробовал себя в создании сайта (сайт ещё действует), создавал его с нуля… Конечно это опыт и понимание как всё работает, но всё-таки без шаблонов всё выглядит как-то просто… А уж тем более если нужен лендинг, то самому с нуля его построить будет сложновато!

Добавить комментарий

  • ;-)
  • :|
  • :x
  • :twisted:
  • :smile:
  • :shock:
  • :sad:
  • :roll:
  • :razz:
  • :oops:
  • :o
  • :mrgreen:
  • :lol:
  • :idea:
  • :grin:
  • :evil:
  • :cry:
  • :cool:
  • :arrow:
  • :???:
  • :?:
  • :!: