Плагин лендинг пейдж на wordpress


Многие веб-мастера рассматривают одностраничник не как сайт, а как рекламную кампанию. Целевая страница является эффективным способом разрекламировать определенный продукт и резко повысить число его продаж. Самостоятельно верстать лендинг – не самая простая задача, особенно для новичков, которые привыкли работать разве что с простейшими CMS и конструкторами. Поэтому сегодня я решил рассказать, как Landing Page WordPress позволяет создать буквально за несколько шагов. Есть куча платных дополнений для WP – и они действительно стоят своих денег, но отойдем от самых лучших и дорогих дополнений, рассмотрев исключительно бесплатные способы создания лендинга на данном движке.

Кратко о терминологии. Одностраничная (целевая) страница – это промо-сайт, цель которого разрекламировать один или два товара и убедить посетителей приобрести его прямо через лендинг. Также LP позволяет продавать информационные материалы и различного рода услуги.

Создание лендинга на CMS WordPress


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

Самое главное, это в административной панели перейти в раздел «Плагины». Кликнуть по кнопке «Добавить новый». Вбить в поисковую строку «Free Landing Pages Builder by Wishpond», установить и активировать плагин. По названию понятно, что дополнение распространяется бесплатно.

Естественно, это не единственный плагин с подобным функционалом. Также могу порекомендовать «Elementor», «KingComposer». Все дополнения в плане функционала схожи, но мне удобнее всего работать именно с вышеназванным плагином.

Преимущество плагина by Wishpond

  1. Так как дополнение выступает в роли конструктора, лендинг на WordPress мы будем буквально собирать с помощью мышки. Установить блоки, удалить их, переместить можно за считанные секунды. Есть полноценная панель инструментов.
  2. Функциональность целевой страницы – это замечательно. Но нужно сделать еще ее и красивой, с чем плагин отлично справляется. Панель инструментов позволяет «от и до» менять даже не общий дизайн, а внешнее оформление любого блока и любой области лендинга.
  3. Есть возможность анализа статистики LP – сколько человек посетило страницу, сколько лидов за час/день/неделю, количество просмотров страницы и так далее.
  4. Больше сотни бесплатных шаблонов (тем конкретно для лендингов, а не многостраничных страниц). Менять в этих шаблонах вы можете все, что угодно – но нужно будет работать с кодами. Совет: если с кодами возиться не хотите при редактировании тем, есть специальные плагины для визуального редактирования кода.

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

Недостатки плагина by Wishpond

  1. Отсутствует русификация. Но это не особо большая беда, поскольку интерфейс интуитивно понятен. Если какие-то термины вам непонятны, добро пожаловать в мир онлайн переводчиков!
  2. Есть платная версия дополнения. И чем чаще вы будете пользоваться плагином, тем больше будет желания его приобрести. При постоянной работе осознаешь, что некоторых функций все-таки не хватает, а для их активации нужно купить плагин. Если конкретизировать, то бесплатное дополнение позволяет собирать не более двухсот лидов. Но от этого ограничения можно избавиться путем установки сторонних форм подписок, а не встроенных.
  3. Есть копирайт, который будет мелькать внизу сайта – проблема небольшая, но масштабный серьезный проект с чужим копирайтом? Это как минимум нелепо.
  4. Дополнение сильно нагружает сервера. Поэтому если ваш LP будет открываться 10 секунд, не удивляйтесь. Отметим, что если напичкать целевую страницу всевозможными формами, веб-ресурс будет еще медленнее открываться – а это прямой путь к потере большого количества лидов.

Инструкция по созданию целевой страницы на WordPress

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

  1. Как я уже сказал, русского языка нет, поэтому жмем для регистрации по надписи «SIGN UP».
  2. Выбираем пункт «STAR TRIAL FREE».
  3. Остается только ввести E-mail, указать пароль (запишите его, ибо восстанавливать пароль в плагине одно мучение).
  4. Теперь нажимаем по единственной кнопке в окне — «Записаться»
  5. Перед нами откроется куча полей. Но пока они нас не интересуют. Поэтому сразу приступаем к созданию страницы, нажимая на кнопку «NEW LANDING PAGE».

Разбирать подробно все функции от «а до я» не буду. Пробежимся по самым важным аспектам дополнения, которые жизненно необходимы при создании Landing Page на WordPress.

  1. Жмем по кнопке «Landing Page».

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

  1. Выбрали понравившуюся тему и оценили ее? В таком случае кликаем по надписи «Choose Template» и едем дальше.

  2. Выбранная тема должна открыться. В этом окне мы можем отредактировать нужную область. В левой области экрана вся панель инструментов. Что-то поменяли? В таком случае справа отобразятся наши изменения. Блоки перемещать будем также в этом окне. Все настройки не забудьте сохранить. Основная область, на которой нужно зациклить внимание, находится в верхней части окна. Здесь самые главные функции.
  3. Настраиваем мета-теги через функцию «Setting». Этот пункт нужен не для настройки внешнего вида целевой страницы, а для его SEO-оптимизации. Пропишите теги (ключевые слова), по которым ищут пользователи продаваемый вами товар. Также здесь мы можем изменить шрифты, установить новые шаблоны, скачать их и так далее.
  4. Проверяем адаптивность сайта через пункт «Preview». Изменили дизайн, настроили блоки, теперь активируем предпросмотр и видим, как сайт выглядит с ПК, планшета, смартфона. Важно, чтобы со всех устройств лендинг был красив, удобен и понятен.
  5. Чтобы сохранить все изменения, жмите по кнопке «Save as draft». Сделать это нужно обязательно! Если закроете случайно или намеренно страницу, все ваши нововведения улетучатся.
  6. Если вы наполнили сайт контентом, установили все блоки, убедились, что формы подписки работают успешно, можно приступать к публикации лендинга. Для выполнения этой задачи кликаем по «Publish».
  7. Перед тем, как лендинг для WordPress опубликуется, нам нужно будет указать его название – как сделать правильное название целевой страницы, читайте здесь. Также нужно вбить адрес нашего сайта, на котором будет опубликован лендинг – именно поэтому я говорил, что нужно заранее подготовить пустой ресурс на данной CMS.

LP по указанному URL-адресу сразу должен заработать. Если вы все сделали правильно, можно приступить к продвижению лендинга с помощью контекстной рекламы, SEO оптимизации и так далее. Я перечислил далеко не все тонкости и нюансы плагина. Но чтобы создать вполне адекватный Landing для WordPress, пусть и не эксклюзивный, достаточно совершить выше перечисленные действия.

Ответы на частые вопросы 

1. Это самый простой способ создания Landing Page?

Нет. Способ подходит для тех, кто уже работал с самостоятельными CMS и разбирается в WP. Если нужно сделать лендинг за 5 минут без работы с кодами и плагинами, пользуйтесь лучшим, по моему мнению, онлайн-конструктором Bloxy.ru. Подробнее о нем можете прочитать в этой статье.

2. Есть ли видео-уроки по созданию лендинга на ВордПресс бесплатно с помощью этого плагина?

Конкретно под это дополнение видео нет. Поэтому можете работать с двумя другими названными в статье плагинами. Для них несколько видео-уроков есть.

3. Как активировать стороннюю форму подписки?

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

4. Невозможно работать с плагином, выдает ошибку «occured error».

Если не удается запустить плагин, ищите причины в следующем:


  • У вас установлены другие дополнения, которые не могут работать с «Free Landing Pages Builder by Wishpond». Удалите ненужные плагины.
  • У вас установлена не стандартная тема из коллекции WP. Нужно сменить шаблон и убедиться, что он никак не корректировался вами.
  • У вас проблемы с хостинг-провайдером. Если веб-ресурс работает на локальном сервере, плагин запустить не удастся. Нужно, чтобы провайдер поддерживал язык программирования PHP. Также лучше делать сайты на последних версиях PHP, чтобы дополнение гарантированно работало.

5. Можно ли сделать подвижными кнопки, эффект увеличения элемента при наведении на него курсора, как на современных целевых страницах?

Есть специальная опция «Анимация» для реализации подробных задач. Также присутствует масса настроек анимации.

6. «Я смогу работать с встроенными элементами и формами только до того момента, пока не будет 200 лидов»?

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

7. Как видят лендинг поисковые системы?

Проблем с индексацией не возникает. Поскольку Яндекс и Google распознают сайт не как LP, а как очередной проект на WordPress. Для более быстрой индексации веб-ресурса заполните его уникальным контентом. Сделать это можно также через плагин, либо через саму административную панель WP.


8. Landing Page «расплывается» при его открытии со смартфона, изменение настроек в плагине не помогает, что делать?

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

9. Как установить таймер (обратный счетчик) на LP?

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

10. Хочу изменить шрифты и цветовую гамму на лендинге, через плагин сделать это не удается.

Причин возникновения такой проблемы может быть множество. Проще всего установить стороннее дополнение «SiteOrigin CSS». С помощью него можно изменить шрифты, увеличить или уменьшить текст, поменять цвет названия блоков, цвет текста, цвет подсвечивания и так далее. Все эти действия совершаются через визуальный редактор.

Итог

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

land-site.ru

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.
    Настройка TinyMCE-Advanced
    В окне настроек плагина нам нужно перетянуть нужные компоненты из окна «Неиспользуемые кнопки» в панель текстового редактора. Я для настройки лендинга использовал такие кнопки: «семейство шрифтов», «размер шрифта», «цвет фона», «выравнивание по ширине», «верхний индекс», «подчеркнутый». После выбора, сохраняем кликнув на кнопку «сохранить изменения».
    Настройка TinyMCE-Advanced
  2. Easy FancyBox, — нужно включить функцию «Inline content» для того чтоб форма обратной связи открывалась во всплывающем окне. Для этого переходим по пути Настройки → Медиафайлы, и проскролив немного вниз видим «FancyBox». Ставим отметку в чекбоксе напротив «Inline content» и сохраняем. Так же можно снять отметку с чекбокса напротив «Images», если необходимо присвоить настройки для ссылок изображений, чтоб открывались в отдельном окне.

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

Далее переходим к настройкам конструированию самого лендинга.

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

  1. Удаляем все записи и страницы, которые были автоматически установлены при инсталляции CMS WordPress.
  2. Статическая главная страница WordPressДобавляем новую страницу. Заголовок вводить не нужно, чтоб он не отображался потом на сайте.
  3. Переходим в настройки темы по пути: Внешний вид → Настроить. Далее выбираем настройку «Статическая глвная страница», в открывшемся окне в разделе «На главной странице отображать» выбираем пункт «статическую страницу». Ниже, в выпадающем меню выбираем созданную  нами ранее страницу и сохраняем изменения.
  4. Приступаем к редактированию созданной ранее страницы.
    В панели текстового редактора выбираем кнопку «Page Bilder». Собственно в нем мы и будем строить и настраивать нашу посадочную страничку.
    Page Bilder Настройка
    Page Bilder Настройка
  5. Далее, при помощи кнопки «добавить строку», добавляем столько строк, сколько предусмотрено разметкой нашей лендинг пейдж. Кроме того, каждую из строк мы делим на то количество блоков, которое нам необходимо, начиная от одно и более.
    Page Bilder Настройка
    После разметки страницы в каждый из блоков добавляем виджет «SiteOrigin редактор (текстовый редактор)» при помощи кнопки «добавить виджет».
    Page Bilder Настройка
    Далее всю работу по установке фоновых изображений, кнопок, иконок и написании текста мы будем выполнять средствами этого виджета.
    Page Bilder Настройка
    В этой теме я не буду углубляться в подробности работы с плагином  Page Builder от SiteOrigin, поскольку эта информация достойна отдельного рассмотрения. Скажу лишь, что цвет фона, фоновые изображения, надписи над картинками, кнопки призыва, размеры блоков и многое другое можно реализовать используя настройки «Макет» и «Дизайн» в этом плагине.
    Отдельного внимания заслуживает настройка кнопки обратной связи на нашем лендинге. К ней и перейдем.

web-specialist.info

Возможности и преимущества ProfitBuilder

  1. Конструктор ProfitBuilder способен превратить Вас в профессионального мастера маркетинга с нулевыми знаниями и умениями в области маркетинга или дизайна. Просто выберите, нажмите, перетащите и опубликуйте!
  2. Лендинг пейдж имеет в своём функционале 130+ высококвалифицированных, гибких, оптимизированных под любые устройства шаблонов готовыми к использованию. Любой шаблон легко настроить под любой вид деятельности или создать своими руками свой собственный шаблон с нуля
    landing page шаблоны
    создание landing page
  3. Этот новый разработчик лендинг пейдж поможет вам создавать воронки под продажи, вебинары, опросы и многое другое.
  4. В плагине есть статистика чтобы отслеживать свой успех и иметь возможность взять под контроль стратегию продвижения, маркетинг для того чтобы улучшить свои результаты и увеличить доходы.
  5. Широкий спектр применения. Плагин ProfitBuilder (далее плагин PB) идеально подойдёт для большого, малого и среднего бизнеса. Ваши целевые воронки созданные на этом плагине будут автоматически выглядеть фантастически на любом устройстве, захватывая и привлекая внимание к вашему предложению. Плюс это ВСЕГДА МОБИЛЬНЫЕ ОТВЕТЫ
    landing page конструктор
    идеальный landing page
  6. Бесплатное A/B ТЕСТИРОВАНИЕ и АНАЛИТИКА. Плагин PB — это возможность создавать не только оптимизированные целевые страницы. Но и тестировать и отслеживать конверсию с помощью мощного механизма сплит тестирования.
  7. 100% новый невероятно улучшенный функционал который имеет очень высокую конверсию.

Почему именно конструктор PB?

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

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

landing page шаблоны wordpress
landing page страница

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

С помощью плагина PB Вы можете без проблем создать всё что захотите. К примеру страницы для:

  1. лендинг пейдж для бизнеса,
  2. целую воронку продаж,
  3.  веб-семинаров,
  4. вебинаров,
  5.  обо мне,
  6. подписки,
  7. бонусов и подарков,
  8. анонсов о том что скоро будет,
  9. серии учебных тренингов,
  10. полноценный веб-сайт и многое другое.

Одним словом плагин PB это мечта любого маркетолога с которым очень просто создавать любые страницы с высокой конверсией.

landing page на wordpress
landing page builder

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

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

Куда устанавливается плагин PB?

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

И далее Вы сами на все 100% контролируете все процессы по созданию, продвижению, оптимизации и маркетингу без ограничений.

Как купить конструктор лендинг пейдж ProfitBuilder?

Смотрим видео как покупать любой товар на jvzoo.

Есть ли бонусы и подарки после покупки PB?

После оплаты плагина  по этой ссылке,

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

  1. 500 уникальных анимированных видео заставок.
  2. Курс по YouTube 2018.
  3. Программу для полного анализа лучших видеороликов на YouTube
  4. Дорогой курс по криптовалюте 2018.
  5. Программу для создания анимированные gif и видео.
  6. Плагин Автопостер по всем соц сетям сразу вашего поста на блоге.
  7. Новый курс телеграмм 2018.

istokblag.ru

Премиум-плагины

Коммерческих решений не так много, но среди них есть очень интересные варианты.

1. Cornerstone — The WordPress Page Builder

Cornerstone

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

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

Кстати, разработчиком этого плагина Cornerstone является известная студия THEMECO — разработчик известной темы для Вордпресс — X | The Theme. Все покупатели темы получают плагин бесплатно.

Cornerstone вполне может составить конкуренцию многим коммерческим онлайн-сервисам.

Скачать Демо

2. Parallax Gravity — Landing Page Builder

Parallax Gravity

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

Скачать Демо

3. Parallax One Page Builder WordPress Plugin

Parallax One Page Builder WordPress Plugin

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

Скачать Демо

4. Visual Composer — Page Builder for WordPress

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

Скачать Демо

Почему не однозначно?

Потому что в Visual Composer нельзя просто так взять и создать лендинг.

Как минимум, не с каждой темой это будет работать. Первые вопросы, которые могут возникнуть: как убрать сквозные шапку, подвал, добавить для страниц свою навигацию. Сделать это не сложно, я как-нибудь расскажу как можно грамотно доработать тему. А пока отмечу, что скрывать лишние элементы с помощью CSS, как предлагают некоторые — это не решение.

Тему можно и не дорабатывать, а воспользоваться дополнениями для Visual Composer. Например, Visual Composer One Page Builder — Addons for Visual Composer, который позволяет создавать лендинги, использовав всю мощь Visual Composer. Плагин включает в себя более 25 готовых макетов страниц и более 23 дополнений для самого конструктора, импорт осуществляется в один клик.

Visual Composer One Page Builder — Addons for Visual Composer

Скачать Демо

Еще есть плагин Smart One Page Navigation — Addon For Visual Composer, с помощью которого можно создавать разные красивые меню для ваших лендингов в Visual Composer.

Smart One Page Navigation — Addon For Visual Composer

Скачать Демо

Бесплатные плагины

Для создания лендингов в Вордпресс существует целый ряд и бесплатных решений. 

  • WordPress Page Builder – Beaver Builder — гибкий конструктор страниц, который позволяет забыть про шорткоды и HTML.
  • Elementor Page Builder — продвинутый визуальный конструктор страниц, позволяет создавать лендинги во фронтенде простым перетаскиванием элементов.
  • Page Builder: Live Composer – drag and drop website builder — визуальный конструктор отзывчивых посадочных страниц.
  • WordPress Landing Pages — создавайте красивые целевые страницы на Вордпресс.
  • Unbounce Landing Pages — самый мощный автономный конструктор целевых страниц.
  • Landing Page Builder – Drag & Drop Page Builder — визуальный конструктор отзывчивых целевых страниц и макетов.
  • Landing Page — позволяет за считанные минуты создавать красивые и высококонверсионные целевые страницы без кода
  • Free Landing Pages Builder by Wishpond — конструктор целевых страниц, имеется возможность размещения страниц в собственных доменах и поддоменах.

Как привязать страницу к поддомену

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

Существует несколько способов привязки страниц к поддоменам.

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

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

Можно воспользоваться каким-нибудь из специализированных плагинов.

  • Page As Subdomain Lite
  • Subdomain Pro

В общем, вариантов много.

В заключение

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

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

1. Недорогой
  1. Хостинг Спринтхост, тариф «Восток-1» (3 сайта, 3 Гб) — 1176 р.
  2. Домен в зоне RU — 199 р.
  3. Бесплатная тема — 0 р.
  4. Бесплатный конструктор — 0 р.

Итого

  • Старт — 1375 р. / 1 год
  • Продление — 1375 р. / 1 год (115 р. / 1 месяц)

danilin.biz

Топ 5 плагинов

Перед Вами Топ 5 WordPress плагинов, которые позволяют создавать и управлять целевыми страницами, отслеживать и реагировать на потенциальных клиентов, создавать формы, автоответчики и конверсии.

1. Beaver Builder

Beaver Builder состоит из набора модулей контента, которые помогают в конструировании макетов целевых страниц. Он также поддерживает сторонние виджеты и шорткоды для создания макетов. Более того, плагин поддерживает почти все WordPress темы.

http://media02.hongkiat.com/landing-page-wordpress-plugins/beaver-builder.jpg

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

2. WordPress Landing Pages

С помощью WordPress Landing Pages можно создать целевую страницу для Вашего сайта используя визуальный редактор, который позволяет сразу просматривать изменения. Вы можете клонировать уже созданные страницы, запускать тесты A / B на страницах конверсии и расширить плагин с помощью сторонних аддонов.

http://media02.hongkiat.com/landing-page-wordpress-plugins/wordpress-landing-pages.jpg

Плагин предоставляет широкий выбор дизайна целевой страницы, а также позволяет создать свою неповторимую тему. Вы можете также установить WordPress Calls to Action и WordPress Leads для создания и использования системы выявления потенциальных потребителей.

3. Ultimate Landing Page and Coming Soon Page

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

http://media02.hongkiat.com/landing-page-wordpress-plugins/ultimate-landing-page.jpg

Этот плагин также позволяет получать электронную почту с помощью FeedBurner и поможет Вам оставаться на связи с Вашей аудиторией. Вы будете иметь полный контроль над верхним и нижним колонтитулами целевых страниц и страниц «появится в ближайшее время» (страница, которая оповещает, что новость или страница скоро появится на сайте). У плагина есть премиум версия, с помощью которой Вы можете создавать видео целевых страниц и получать электронную почту с помощью Aweber, MailChimp и т.д.

4. Landing Page

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

http://media02.hongkiat.com/landing-page-wordpress-plugins/landing-page.jpg

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

5. Parallax Gravity

В отличие от других плагинов, Parallax Gravity позволяет устанавливать параметры для каждого раздела, а не всей страницы. Вы можете настроить различные части целевых страниц: выбрать разный фона, вывод контента (например, пользовательский CSS), использовать шорткоды сторонних плагинов и многое другое.

http://media02.hongkiat.com/landing-page-wordpress-plugins/parallax-gravity-2.jpg

Плагин также позволяет дезактивировать и перенаправлять страницы по пользовательским ссылкам и генерировать QR-коды для офлайн кампаний. И наконец, он также предлагает функцию «Статистика страницы», с помощью которой Вы всегда будете знать, сколько людей ее посетило.

blog.seonic.pro

1. WordPress Landing Pages

WordPress Landing Pages

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

Плагин имеет встроенный конструктор с простым интерфейсом. Имеет множество полезных опций. Обладает очень полезной функцией просмотра посещаемости страниц.

2. Ultimate Landing Page

Ultimate Landing Page

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

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

3. Contact Form 7

Contact Form 7 WordPress

С помощью этого плагина можно создавать любые формы. Например, для заказа товара, обратного звонка или просто обратной связи. Является незаменимым для лендингов/посадочных страниц. Основной особенностью является бесплатность и частота обновления плагина.

4. Beaver Builder

Beaver Builder

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

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

5. Squeeze Page, Landing Page Creator

Squeeze Page, Landing Page Creator

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

6. Landing Pages Builder

Landing Pages Builder

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

7. Landing Pages, SEO Content

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

8. Page Builder — AIO

Удобный и легкий плагин для создания лендинг страниц на WordPress. Интуитивно понятный дизайн и приятный интерфейс делают этот плагин еще привлекательнее.

bologer.ru

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. Он не такой мощный, как описанные выше, тем не менее дает возможность быстро создать одностраничник со всеми ключевыми элементами.

Похожие статьи

wordpresslib.ru

Инструментарий для лендинга на wordpress

Для получения полноценного лендинг на wordpress нам понадобится:

  1. Установленная последняя версия WordPress
  2. Установленный плагин Page Builder от SiteOrigin
  3. Установленные виджеты SiteOrigin Widgets Bundle (установка в плагинах)

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

Настройка SiteOrigin Widgets

Настройка SiteOrigin

Переходим в левом меню админки в раздел «Плагины» и нажимаем на появившееся после установки (SiteOrigin Widgets Bundle) подменю и получаем список доступных для использования виджетов. Они разделены на три части:

  • All — все виджеты
  • Enabled — включенные виджеты
  • Disabled — отключенные виджеты

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

Создание лендинг пейдж используя страницу wordpress

Создавать лендинг мы будем при помощи статических страниц, используемых WordPress для основной информации, такой как: О нас, Контакты, Реклама, Партнеры и т.д. Отличие таковых страниц от записей, состоит в том, что записи – это контент работающий на построение контента в виде блога. Где присутствуют разделы (категории) и привязка к ним каждой новой созданной записи, то есть это динамический контент сайта.

Записи в WordPress

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

Страницы в WordPress

Установка страницы по умолчанию

Создаем новую страницу, пока пустую для того, чтобы сделать ее главной страницей нашего сайта. Я для теста создам с именем Page Builder, теперь сделаем ее главной. Идем в меню «Настройки» -> «Чтение» и ставим по умолчанию нашу страницу:

Настройки чтения WordPress

После этих манипуляций возвращаемся к нашей странице и задаем ей 100% ширину контента, это делается в правой части админки и выглядит примерно таким образом:

Full Width Page

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

Template landing page в конструкторе Page Builder

Переходим на вкладку Page Builder в редакторе нашей страницы:

Page Builder конструктор

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

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

Page Builder конструктор

Как я и обещал, для создания лендинга нам не нужны знания верстки или программирования, а все потому, что мы сейчас установим уже готовый шаблон и просто откорректируем под свои нужды. Кликаем на «Готовый макет» и попадаем на страницу с выбором (не много, но что есть). На каждом шаблоне есть кнопка Preview, при нажатии на которую вы будете перемещены на демо данного макета. Так можно просмотреть все доступные варианты, которые открываются на соседней вкладке браузера и чтобы вернуться к выбору достаточно демо вкладку закрыть. Сделав свой выбор кликаем на картинку (превью) и в нижнем правом углу страницы на «Вставить», кстати есть три варианта вставки, в начало, конец и с затираем всего контента страницы.

sozdaj-sam.com


You May Also Like

About the Author: admind

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.