Рейтинг@Mail.ru

WordPress-блог

Терпенье и труд...

Как сделать бесплатный лендинг на WordPress: супер плагин для создания одностраничников

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

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

Плагин, о котором я вам расскажу в этой статье, бесплатный, многофункциональный, полноценный и лёгкий в работе.

Как создать бесплатный лендинг на WordPress

Плагины с похожим функционалом:

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

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

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

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

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

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

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

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

Затем, не заполняя никаких полей, просто перейдите в подпункт «New Landing Page», вы должны будете увидеть это.

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

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

Как создать бесплатный лендинг на WordPress

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

УжасноПлохоНормальноХорошоОтлично (10 оценок, среднее: 4,40 из 5)

51 комментарий

Оставить комментарий
  1. Здравствуйте.Можете ли подсказать-видео есть ли по настройке этого плагина7

    1. Константин Вендин

      К сожалению, видео нет.

  2. Добрый день. Подскажите как в этом плагине подключить стороннюю форму подписки? Бьюсь уже второй день.

    1. Константин Вендин

      Здравствуйте! Попробуйте элемент HTML использовать для установки сторонней формы.

  3. Интересная статья искал долго

  4. Здравствуйте. Спасибо за статью-очень нужная. Можете ли сообщить-настройки на русском? А то я по-английски тупой.

    1. Константин Вендин

      К сожалению, русского перевода сейчас нет. Можете воспользоваться переводчиком https://translate.google.ru

  5. Дмитрий

    Установил этот плагин на wp 4.7.2. При попытке начать с ним работу WP выдает ошибку. «occured error»

    1. Константин Вендин

      Вероятно, это конфликт с каким-то другим плагином на вашем сайте или с вашей темой.

      1. Дмитрий

        Отключил почти все плагины. Теперь при запуске появляется чистая страница.

        1. Константин Вендин

          Значит проблема либо в тех плагинах, которые вы не отключили, либо в теме.

          1. Дмитрий

            Отключил ВСЕ плагины. Попробовал ВСЕ темы по умолчанию. Начало опять выдавать ошибку.

          2. Константин Вендин

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

  6. Дмитрий

    PHP 5.5 Выше у меня на локальном сервере нет.

    1. Константин Вендин

      Этот плагин на локальном сервере не работает.

  7. Дмитрий

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

  8. Спасибо за статью! Подскажите, как сделать подвижные иконки и увеличивающуюся кнопку (как в примере лендинг страницы у вас)?

    1. Константин Вендин

      У элементов есть настройки анимации. Благодаря этим опциям, можно сделать эффект при наведении мышки.

      1. Наверно, очень плохо ищу и не могу найти эти настройки. Вроде все "перетыкала"

        1. Константин Вендин

          Эффект анимации здесь.

          1. Еще раз здравствуйте. Увы, таких картинок не видела и даже не встречала слова "элемент". Может у меня версия не полная?

          2. Константин Вендин

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

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

    а если использовать только встроенные кнопки? Тоже только 200?

    1. Константин Вендин

      Если не использовать формы из плагина, то ограничения роли не играют.

      1. Извините, пожалуйста, тупую «блондинку, правильно ли я поняла. ТО есть есть ли я при наполнении лендинг-страницы в плагине перетаскиваю и вставляю кнопку, настраиваю ее и прочее, то это считается формой из плагина?

        1. Константин Вендин

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

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

    1. Константин Вендин

      Какую ошибку выдаёт?

      1. ‘Input’ is invalid. Please remove ‘поддомен.домен.рф’.

        1. Константин Вендин

          Так трудно сказать. Нужно изнутри посмотреть. Если хотите, посмотрим.

          1. Что для этого нужно?

          2. Константин Вендин

            Пришлите на webmaster@wp-system.ru данные для входа в консоль, а также укажите, где мы сможем посмотреть страницу, о которой идёт речь.

  11. Почему-то на 2ух темах WP составленный лэндинг публикуется в области "content" и никак не растягивается на весь экран "по-лендинговски"… 
    Напишите на каких темах плагин успешно растягивает свой макет на весь экран?

    Благодарю!

    1. Константин Вендин

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

      1. Бог мой!!! Чувак! angryТы спас меня! Выручил меня от нервяка!!!! 

        Напиши киви или яндекс кошелёк на почту? Я кину тебе кусок благодарности!!!!

        Дополни статью этим "маленьким" и важным пунктом! Ибо суппорт разработчиков кишит не отвеченными вопросами и рунет пустоват! 

        (… https://yadi.sk/i/AoTSfwP53NRErd … cheeky

      2. *А не подскажешь ещё, в каком файлике зарыта нижняя строка с ссылкой на автора ("Created Free…")? 🙂

        1. Константин Вендин

          В этом плагине нельзя убрать ссылку на разработчика.

  12. Александр

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

     

    1. Константин Вендин

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

      1. Александр

        Константин, если бы данные опции присутствовали, то вопросов бы не возникало. Плагин хорош. С этим не поспоришь. Более того, на Вашем сайте рассматриваются аналоги, но реально — они не дотягивают. LOL. Но к сожалению, функций анимации, я так и не нашел. Уверен, что Вас не затруднит сделать скриншоты пошагово как добраться до анимации элементов. Заранее благодарен. 

        1. Константин Вендин

          Пришлите на почту webmaster@wp-system.ru доступ к консоли WordPress вашего сайта. Я покажу вам, где анимация.

          1. Александр

            Константин, отправил Вам данные доступа в письме. Буду благодарен за помощь. 

          2. Константин Вендин

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

          3. Константин Вендин

            Да, товарищи, я, конечно, тупанул сам и всех вас запутал. Виноват.

            В общем, раньше мы делали лендинг на плагине Free Landing Pages Builder by Wishpond, о котором говорится в этой статье. Но потом мы переделали лендинг на плагине Elementor. И сейчас наш лендинг на нём, и анимацию создаёт плагин Elemetor.

            Те, кому сильно нужна анимация, должны сделать страницу на Elementor. Скриншоты выше я показывал именно из Elementor.

            Пардоньте ещё раз.

            Такие дела…

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

      Автору, по-любому, благодарности, с анимацией или без

  13. Александр

    Константин, подскажите, как создать якорь в плагине? В кнопке есть только возможность перехода на внешний ресурс, html в кнопке не редактируется. Может быть есть какие то варианты решения вопроса. 

    1. Константин Вендин

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

  14. Здравствуйте! Подскажите, пожалуйста.

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

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

     Помогите!!!! Пожалуйста.

    1. Константин Вендин

      Выберите шаблон страницы blank, если такой поддерживает ваша тема.

  15. К сожалению не могу найти такое свойства. (((

    может какую-то тему другую мне загрузить,есть примеры?

    1. Константин Вендин

      В теме Frontier есть шаблон страницы blank.

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

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

 

WordPress-блог © 2015-2017