Плагин для лендинга вордпресс. Лендинг пейдж на WordPress: конструктор статической страницы

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

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 плагин с детальной статистикой конверсии сайта

WordPress Landing Pages – спаситель для малобюджетных компаний и стартапов, ведь вам не придется платить за его использование – это free модуль. Вы сможете полностью создать сайт одностраничник, а также протестировать его оформление и конверсию при помощи a/b тестирования. Огромная польза этого free инструмента в том, что каждое изменение лендинг пейдж вы сможете проверять при помощи статистики. Таким образом можно создать идеальный продающий сайт с максимально возможной конверсией.
https://www.youtube.com/watch?v=flEd0sRTFUo

InstaBuilder – мощный плагин для создания одностраничного сайта за несколько минут

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

OptimizePress – модуль с живым редактором одностраничного сайта

С OptimizePress визитка или лендинг – это не проблема. В считанные минуты вы сможете создать сайт Вордпресс, который автоматически будет настроен под поисковую выдачу. Сгенерированные страницы при помощи плагина адаптивные для всех устройств (поисковики это высоко ценят). А самое интересное, что в модуле установлен “живой” редактор сайта – вы вносите изменение, и сразу видите результат. Это сэкономит время и нервы. А если вы хотите сэкономить еще больше времени, в каталоге дополнения есть 30 уже готовых шаблонов для сайта-визитки. Их можно редактировать. В процессе управления страницами у вас есть доступ к 40 функциональным элементам.

LeadPages – еще один продвинутый плагин с “полным фаршем”

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

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

Ultimate Landing Page – бесплатный инструмент, идеальный для создания визитки

Данный плагин позволяет сделать одностраничник самостоятельно с нуля, либо выбрать один из приведенных в каталоге шаблонов. Между шаблонами можно удобно переключаться для быстрого предпросмотра. Шаблоны редактируемые и предоставляются на бесплатной основе. Уже через 5 минут вы можете создать свою лендинг пейдж. И, что самое главное, в редакторе есть возможность вставить элемент Mail Chimp – это кнопка подписки. Это позволит вам бесплатно повысить количество подписчиков для развития имейл-маркетинга компании.

Выводы

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

В случае, если приведенные free-плагины вас не устраивают, есть еще один бесплатный модуль – Parallax Gravity. Он не такой мощный, как описанные выше, тем не менее дает возможность быстро создать одностраничник со всеми ключевыми элементами.

Привет. Сейчас очень модны сайты-одностраничники - landing page их еще называют. Часто замечаю, что если ассортимент товара небольшой, допустим в продаже 3 вида, то продавцы охотно используют лендинги. Да и для инфобизнеса штуку лучше не найти. Все, наверное, сталкиваются с тем, что если вы хотите скачать/купить какой-либо цифровой продукт, то он размещается на одностраничнике. Это уже стандарт.

Я тоже, когда запускал продажи своего марафона, всю информацию "посадили" на одну страницу. Но для этих целей использовался отдельный сервис unbounce.com, месяц работы с которым стоит несколько тысяч рублей. В общем, с тех пор я подумал, нужно найти что-то подходящее для WordPress, чтобы не переплачивать.

Самый известный плагин для создания Landing Page в WordPress - это плагин WP Page. Именно его я решил попробовать. Он действительно хорош, делюсь своими впечатлениями.

Установка плагина WP Page

1. Для начала вам как всегда нужно скачать плагин WP Page . Сразу оговорюсь, плагин платный. Но первые 7 дней тестировать можно бесплатно. На момент написания этой статьи стоимость плагина составляет 2162 рубля. Это лицензия пожизненная, не нужно будет больше платить. А то я раньше пользовался сервисом unbounce.com и отдавал $50 каждый месяц.
2. После того, как скачаете плагин, просто нужно установить и активировать.

Как создать landing page в WordPress

1. В админке WordPress появляется вот такой отдельный пункт меню:
   
2. Там нажимаем на кнопку "Добавить страницу" и попадаем в редактор, по умолчанию все "лендинг пейджи" будут в URL адрес wppage:
   
   
3. Сразу в параметрах я изменил этот адрес на landing:
   
   
4. Возвращаемся обратно в редактор и начинаем "творить". Очень много разных кнопочек, стрелочек и пр. для работы:
   
   
5. Кликнув по "стрелочкам", вы увидите весь огромный выбор (обратите внимание на полосу прокрутки, все стрелки не уместились на скриншоте, потому что их действительно много):
   
   
6. Чем мне еще понравился данный плагин для создания landing page, это то, что идет в комплекте куча разных видеоуроков (их больше 20), которые помогут даже самым начинающим (на картинке выше тоже есть ссылка на видеоуроки):
   
   
7. К сожалению, у меня нет опыта создания "лендингов", поэтому тут я не специалист, но существующие кнопки, баннеры и прочее сильно помогают:
   
   
8. И все это сразу же без использования дизайна вашего блога, то есть в чистом виде (без шапки, сайдбаров, футеров и пр.). Просто опубликовав или нажав на "Просмотреть запись" можно увидеть, как выглядит ваш лэндинг:
   
   

Параметры страницы в Landing Page

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

1. Дизайн. Тут можно скорретировать фон страницы, тело, шапку, подвал. Можно загрузить собственные изображения или выбрать из имеющихся:
   
   
2. Медиа блок. Можно управлять блоком медиа:
   
   
3. Подписки. Тут можно вставить код от сервисов email рассылок:
   
   
4. Интеркасса. Возможность подключения интеркассы для приема оплаты. Жалко только "Интрекасса", мне не хватает "Яндекс Касса" и "Робокасса".
5. Можно с легкостью вшить комментарии от Facebook, Vkontakte, WordPress:
   
6. Во вкладке SEO с легкостью прописываются title, description, keywords.
7. Во вкладке скрипты можно добавить какой-либо код в head, body.
8. Также можно с легкостью вшить форму обратной связи:
   

Особенности плагина WP Page

• Админка и настройки все на русском языке.
• Полно видеоуроков для помощи.
• Очень много разных готовых кнопок (см. ниже подробнее).
• Возможность проведения А/В тестирования. То есть вы можете создать похожие страницы с отличием в заголовке, допустим. Отмеряете конверсию, выбираете лучший вариант и используете его. A/B тестирование обязательно при создании landing page.
• Легкость в редактировании фона и прочих вещей.
• Очень широкая функциональность плагина. Есть все необходимое для создания полноценного лэндинга.
• Все интуитивно понятно.

Готовые кнопки:

• социальные кнопки;
• вставка аудиозаписей;
• вставки видео;
• формы Google;
• подписки;
• шаблоны "Заказать", "Купить" и прочее;
• списки с разными цветами и формами;
• разные ленты;
• стрелки;
• боксы;
• кнопки гарантий;
• блоки отзывов;
• графические заголовки;
• таймеры;
• разделители.

Как видите, очень много готовых инструментов для работы. Мне очень понравилось. А теперь представьте себе, что вы не сильно в верстке, как я, и пытаетесь сверстать одностраничник в голом php. Уф-ф-ф, мне стало страшно. 🙂

Вывод

Мне плагин WP Page понравился своей простотой, удобством и функциональностью. Не нужно обладать какими-то сверхзнаниями для работы с ним. Самое сложное - это продумать структуру лендинга. Мне, как человеку который практически не создавал landing page, пока это не очень просто. Тут, наверное, на начальных этапах нужно подглядывать у других что да как, чтобы примерную схему видеть у себя.

Друзья мои, за этот пост мне не заплатили ни копейки. Я на самом деле искал то, как сделать лендинг на WordPress. Из всех вариантов, мне больше понравился данный плагин WP Page . Вы можете бесплатно его протестировать в течении 7-ми дней, а потом решить: нужен ли он вам, подходит ли под ваши нужды. Если да, то потом с радостью купить, как это сделал я.

Спасибо за внимание. А я пойду учиться делать лендинги. 🙂

👁17 917 просм.

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

И тут появилась идея создать посадочную страницу на WordPress.

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

Собрав всю найденную информацию, я нашел свой подход и и вот что из этого получилось: демо сайта —

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

I. Подготовка к созданию лендинга

1. Регистрация хостинг аккаунта. Для хостинга был выбран хостинг провайдер Parkovka.ua , предоставляющий качественные услуги по хорошей цене 🙂
2. Настройка доменного имени.
3. Установка CMS Wordprss.

II. Установка необходимых компонентов

1. Установка темы Refur . Эта тема WordPress была выбрана не случайно. В ней отлично реализован первый экран с фоновым изображением, кнопкой для призыва к действию и есть возможность заменить текст «Copyright» в футере на свой вариант.
2. Создание дочерней темы. Так как в дальнейшем нам нужно будет прописывать свои стили и функции для лендинга, то нужно обеспечить их сохранность, чтоб после обновления темы они не исчезли 💡
3. Установка плагинов: WP Translitera, — плагин для транслитерации ссылок сайта; Contact Form 7, — плагин для создания форм обратной связи; TinyMCE Advanced, — расширяет возможности текстового редактора WordPress. Easy FancyBox, — плагин для создания всплывающих окон на сайте. Page Builder от SiteOrigin, — имеет огромные возможности кастомизации страниц с достаточным количеством интуитивно понятных настроек; и самый основной плагин, при помощи которого мы будем строить информационные блоки лендинга..

III. Подготовка плагинов WordPress к работе

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

1. TinyMCE Advanced, — нужно добавить недостающие компоненты в панель текстового редактора. Для его настройки переходим по пути: настройки → TinyMCE Advanced.

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

2. Easy FancyBox, — нужно включить функцию «Inline content» для того чтоб форма обратной связи открывалась во всплывающем окне. Для этого переходим по пути Настройки → Медиафайлы, и проскролив немного вниз видим «FancyBox». Ставим отметку в чекбоксе напротив «Inline content» и сохраняем. Так же можно снять отметку с чекбокса напротив «Images», если необходимо присвоить настройки для ссылок изображений, чтоб открывались в отдельном окне.
   
3. Contact Form 7. Мы будем использовать этот плагин для получения заказов через кнопку обратной связи. Подготовим его для дальнейшей работы. Переходим по пути: Contact Form 7 → Формы.
   Там видим уже автоматически созданную контактную форму «Контактная форма 1». Эту форму можем пока не трогать. Создаем новую, нажав в левом верхнем углу кнопу «Добавить новую». В открывшемся окне вводим любое понятное название формы. В поле «Шаблон формы» удаляем существующий код, кроме строки . Затем, нажимаем кнопку «текст», для добавления необходимого тега в форму.
   
   
   В открывшемся окне отмечаем чекбокс «обязательное поле», в графе «значение по умолчанию» пишем текст «Ваше имя», и отмечаем чекбокс «используйте этот текст в качестве заполнителя поля». И нажимаем кнопку «вставить тег».
   
   Повторяем эту процедуру еще раз, для поля «номер телефона». Должно получиться вот так:
   
   
   Сохраняем и переходим на вкладку «Письмо». Здесь нужно отредактировать шаблон письма, которое будет уведомлять нас, что на сайте была заполнена контактная форма. Сразу же в верхней части шаблона появилась надпись «В следующих полях Вы можете использовать эти почтовые метки: ». У вас номера меток могут отличаться. Копируем и подставляем их в поле «Тело письма» с подписями «Ваше имя» и «Телефон», соответственно. Затем очищаем поле «Дополнительные заголовки» от кода. Поскольку в нашей форме нет поля для ввода e-mail адреса, то если не очистить его не очистить, форма будет содержать ошибку. Далее можем изменить поля «От кого» и «Тема», вписав туда текст, который нем необходим. Проверяем, чтоб в поле «Кому» был вписан e-mail, на который нужно получать уведомления с сайта. И сохраняем форму.
   Вот как было:
   
   
   И вот что получилось:
   
   
   Эта настройка будет нам необходима для красивого оформления всплывающего окна обратной связи.

IV. Настройка стартовой страницы лендинга

V. Установка и настройка контактных форм.

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

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

/***Стили для формы обратной связи****/ .contact-us a{ border:1px solid #ccc; /*цвет границы*/ background:#2674C8; /*цвет фона*/ padding:10px 20px; /*внитринние отступы*/ display:block; text-align:center; /*выравнивание текста по центру*/ color:#fff; /*цвет текста*/ text-decoration:none; /*убрать подчёркивание у ссылки*/ width:190px; /*ширина кнопки*/ margin:auto; /*выравнивание кнопки по центру*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /**Плавное появление тени у кнопки при наведении**/ .contact-us a:hover{ -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow:0 0 6px #000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } /***Стили для CF7***/ .wpcf7 { background:#f1f1f1; /*цвет границы*/ padding:20px 20px 20px 20px!important; text-align:center; border:1px solid #ccc; font-size:17px; } .wpcf7 h2{ text-transform:uppercase; font-size:20px; color:#750000; margin-bottom:15px; } .wpcf7-text{ margin-bottom:10px; padding:5px; border:1px solid #6e6e6e; } .wpcf7-text:focus{ -moz-box-shadow: 0 0 6px #004080!important; -webkit-box-shadow: 0 0 6px #004080!important; box-shadow:0 0 6px #004080!important; } .wpcf7-submit{ background: linear-gradient(#f20000, #750000)!important; color:#fff!important; text-shadow:none!important; text-transform:uppercase; border-radius:10px!important; -moz-box-shadow: 0 0 6px #000!important; -webkit-box-shadow: 0 0 6px #000!important; box-shadow:0 0 6px #000!important; margin-top:20px; } /*стили сообщений об ошибках*/ .wpcf7-not-valid{ border:1px solid red!important; } .wpcf7-response-output{ background:#fff; border-radius:10px!important; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow:0 0 6px #000; }

/***Стили для формы обратной связи****/ Contact-us a { border : 1px solid #ccc ; /*цвет границы*/ background : #2674C8 ; /*цвет фона*/ padding : 10px 20px ; /*внитринние отступы*/ display : block ; text-align : center ; /*выравнивание текста по центру*/ color : #fff ; /*цвет текста*/ text-decoration : none ; /*убрать подчёркивание у ссылки*/ width : 190px ; /*ширина кнопки*/ margin : auto ; /*выравнивание кнопки по центру*/ Webkit-transition : all 0.5s ease ; Moz-transition : all 0.5s ease ;

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

< div class = "contact-us" > < a href = "#contact_form_pop_up" class = "fancybox-inline" > Отправитьсообщение< / a > < / div > < div style = "display:none" class = "fancybox-hidden" > < div id = "contact_form_pop_up" > [ contact - form - 7 id = "159" title = "Контактная форма 1" ] < / div > < / div >

Вместо «Текст» пишем то, что хотим увидеть при открытии формы обратной связи. Я написал «Получить консультацию бесплатно».
Вместо шорткода

Существуют инструменты, позволяющие создать landing page самостоятельно не слишком разбираясь в коде. Один из них – CMS WordPress. Простейший способ сделать WordPress лендинг пейдж – применить готовый шаблон. WordPress шаблоны подойдут для людей, реализующих товары, для бизнесменов, фрилансеров, агентств. А также компаний, осуществляющих видеонаблюдение, юридические консультации и другие услуги. Это объясняется возможностью настройки шаблонов под разные предложения и цели. Чтобы в результате получить работающий одностраничник, нужно со знанием дела подобрать тему, которая продемонстрирует клиенту предложение с лучшего ракурса.

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

Стандартные страницы Вордпресс одной структуры. Лендинг пейдж должны позволять пользователю менять внешний вид. Чтобы добиться желаемого потребуется плагин, позволяющий настроить landing page, структуру и дизайн независимо от пользовательской тематики.

Плагины для создания лендингов на Вордпресс

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

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

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

Бесплатный лендинг пейдж на Вордпресс с плагином Free Landing Pages Builder by Wishpond функционирует по типу конструктора страниц способом перетаскивания.

• Имеется поле страницы, на нужное место которой мышкой перетаскиваются элементы с помощью панели инструментов.
• При этом панель инструментов функциональна: настроить в разделе дизайн можно практически всё.
• Кроме того Free Landing Pages Builder by Wishpond создаёт формы и всплывающие формы.
• Ещё один положительный момент – Free Landing Pages Builder by Wishpond оснащён функцией анализа (лиды, просмотры).
• Free Landing Pages Builder by Wishpond предоставляет две сотни шаблонов. Плагин позволяет править, не касаясь исходного кода страницы.
• Free Landing Pages Builder by Wishpond работает со всеми сервисами сбора аналитических данных и дополнениями, которые требуются чтобы сделать лендинг.

Плагин Free Landing Pages Builder by Wishpond позволяет сделать страницы, адаптированные для мобильных устройств.

Недостатки Free Landing Pages Builder by Wishpond:

• За более богатый функционал придётся заплатить, потому плагин является условно бесплатным.
• Англоязычный.
• Ощутимо нагружает сервер во время создания LP.

Другие плагины

1. Landing Pages. Здесь есть LP конструктор и возможность наблюдать количество посетителей страницы. Плагин оснащён впечатляющим числом опций, представляет собой оптимальный выбор с целью вызвать интерес у подписчиков и потенциальных клиентов.
2. Ultimate Landing Page. Позволяет самостоятельно создать лэндинг на WordPress без написания кода. Здесь имеется база шаблонов и возможность проверки, какой из них будет смотреться наиболее выигрышно. Чтобы воспользоваться плагином технических познаний не потребуется.
3. Ultimate Coming Soon Page. С этим плагином взаимодействует любая тематика Вордпресс, которую вы пожелаете установить на одностраничник. Несложный и гибкий, русскоязычный.
4. Beaver Builder. Здесь имеется конструктор, дающий возможность сделать эффективные лэндинги перетягиванием элементов. Составляющие макета отзывчивы и великолепно выглядят на экране с любым разрешением. Эта функция удаляется.
5. Coming soon and Maintenance mode. Чтобы создать LP при помощи этого плагина навыки вёрстки не потребуются. Coming soon and Maintenance mode имеет много особенностей (сео оптимизация, настройка параметров), а также про-версию с увеличенным числом функций.
6. Landing Pages Builder. Даёт возможность управлять созданными одностраничниками из одной точки. Увеличивает число посетителей. Landing Pages Builder дружественный к поисковым системам.
7. Bulk City Landing Page Creator. Позволяет сделать LP для какого-либо города индивидуально, для чего нужно лишь изменить шапку с именем (геотаргетинг). Bulk City Landing Page Creator хранит параметры первоначальной страницы, шаблона, заглавие, контент. Общее число страниц здесь записывается в форме перечня по наименованию города (области).
8. Site Offline or Coming Soon. Позволяет создать лэндинг и расположить на нём все требующиеся сведения. Версия премиум с впечатляющим набором функций.
9. Easy Pie Coming Soon. Позволяет сделать LP с формой захвата. Работает с большей частью шаблонов Вордпресс.
10. Maintenance Page. При помощи плагина Maintenance Page можно сделать лэндинг быстро. Настройки дают возможность добавить иконки, логотип, фоновое изображение, поменять цвета.

Как выбрать плагин

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

Делая выводы, стоит полагаться на три критерия:

1. Срок внедрения.
2. Цена проекта.
3. Поддержка клиентов.

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

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

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

Темы для лендингов

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

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

Jupiter

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

Brooklyn

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

Uncode

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

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

H-code

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

Cosonix

Если вы пользуетесь сервисом mailChimp, то с привязкой форм затруднений не возникнет, так как Cosonix интегрируется с этим рассыльщиком писем.

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

Massive Dynamic

Имеет больше семидесяти виджетов. Лендинги собираются как мозаика, простым перетаскиванием. Преимущества шаблона:

• Адаптация к seo.
• Позволяет сделать удобные портфолио.
• Инфографика.
• Чистый код.
• Google шрифты.

Примеры можно просмотреть на страничке описания, после чего возникнет желание использовать их все.

Kapital

Представляет собой шаблон, включающий шесть демо-версий. Здесь можно найти варианты для бизнеса и женские темы. Kapital смотрится на любом типе устройств, имеющих разное разрешение монитора. Имеет больше сорока пяти шорткодов . Размещение элементов на странице производится перетаскиванием.

Bridge

Позволяет эмоционально окрасить продающую страницу, является интуитивно понятным и одновременно мощным.

В теме Bridge есть:

1. Слайдер и заголовки настраиваемые.
2. Видеофоны (видеоряд на заднем плане).
3. Интерактивное изменчивое меню.
4. Фиксированный заголовок.
5. Интерактивные составляющие.
6. Логотипы для заголовков.
7. Семь макетов портфолио.

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

The moon

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

Scalia

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

Представленные плагины помогут сэкономить энергию и время, позволят увидеть результат сразу же, пользоваться при создании LP удобными инструментами. Громадным положительным моментом служит скорость размещения, в особенности, когда нужно расширить бизнес и создать клиентские проекты. Удачно подобранная тема шаблона WordPress позволит создать целевую страницу, эффективно продвигающую товар или услугу и ощутимо увеличивающую прибыль компании.

Всем привет.

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

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

Для тех, кто не в теме: Вордпресс – это бесплатная платформа, на которой можно легко без знания языков программирования создать свой сайт. Еще WordPress называют системой управления контентом (CMS – content manager system), с помощью этой платформы процесс добавления статей или новых страниц на свой web-ресурс не вызывает абсолютно никаких сложностей.

И еще тем, у кого еще нет своего сайта — вот ссылка на бесплатный курс по созданию сайта на WordPress

Статьи по теме:

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

Видео инструкция

Установка плагина

Итак, речь пойдет о плагине под названием Elementor. Установка плагина стандартная, как и для всех плагинов. Вот короткая инструкция:

1. Зайти в админ панель вордпресс по ссылке «ваш-домен/wp-admin»
2. В меню слева нажать «Плагины» – «добавить новый»
3. В поле поиска ввести Elementor
4. Плагин найден. Нажать установить
5. Нажать активировать
6. Готово! Плагин Elementor установлен.

Это, конечно, идеальный случай 😊 Мой блог немного вредный. И по этой инструкции не получилось.

• Во-первых, при установке плагинов мне еще необходимо ввести логин и пароль от FTP доступа. Это не проблема. Все эти данные я всегда могу получить на своем хостинге .
• Во-вторых, после установки плагин не работал. Чтобы не тратить драгоценное время и не разбираться в чем проблема, я установил систему WordPress на поддомен своего сайта и далее установил Elementor на поддомене. На подомене всё заработало.

Предположение. Возможно, плагин Elementor не заработал на моем блоге из-за конфликта с темой.

Если вдруг вам тоже необходимо создать поддомен, то поищите инфу в яндексе или гугле, а лучше спросите в техподдержке своего хостинга — там вам доступно объяснят и возможно даже помогут...

Как создать страницу — начало

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

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

Инструкция:

Интерфейс оболочки для создания лендингов

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

Принцип у этого редактора следующий: создаются специальные блоги (контейнеры), а в эти блоки вставляются различные объекты.

Объектов очень много:

• заголовок,
• текст,
• различные списки,
• картинка,
• кнопка,
• линии,
• html код,
• и другие.

У всех объектов есть свои параметры: цвет, размер и другие. Вообще параметры зависят от самого объекта. Например, у заголовка главные параметры — это размер заголовка, его цвет. У кнопки – также размер кнопки, цвет, ссылка.

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

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

Процесс создания лендинга

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

Чтобы их убрать, нажмите в левом нижнем углу на настройки (шестеренка). Далее нужно выбрать режим отображения Full Width (полная ширина). После этого правая колонка исчезнет.

Теперь пора начинать создавать свою страничку:

Ваша страничка готова, теперь можете использовать ее по назначению.

Статья заканчивается. Надеюсь, вам понравилась предложенная инструкция. Если остались вопросы, задавайте их в комментариях.

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

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

Всем пока и до скорых встреч!

С уважением, Абдуллин Руслан