Как создать профессиональный лендинг самостоятельно

  Автор:
  6 комментариев
  2016

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

Хочу порекомендовать вам Elementor, один из лучших плагинов для WordPress. С его помощью можно создавать невероятно красивые и функциональные целевые страницы. Этот инструмент признан одним из лучших в этом сегменте.

Есть ещё более простой вариант создания лендинга связанный с платформой для блогов WordPress. Это и немудрено! Самый популярный движок с регулярными обновлениями и возможностями до сих пор является WordPress. Существуют такие шаблоны для блогов, с помощью которых можно создавать простенькие лендинги.

Но обо всём по порядку…

Целевая страница Landing page (лендинг)

celevaya-stranica-landing-page

Для начала давайте поймём, что же такое лендинг?!

Landing page — продающая страница, на которую попадают с различных источников, баннеры, поисковая выдача, рекламные объявления, таргетинг и т.п. Такая страница, как правило, рассказывает о товаре или услуге и используется для усиления рекламы. Её называют ещё:

  • Целевая страница
  • Страница приземления
  • Подписная страница
  • Страница посадки
  • Страница захвата
  • Продажная страница (продажник)

Создаем профессиональный лендинг с Elementor

Надеюсь, вы понимаете, что страница должна быть где-то размещена в сети интернет. Требуется хостинг (пространство) где и будет находиться ваша страница. Сервис Elementor предлагает 2 варианта размещения:

  1. Платформа Гугл (облачный сайт)
  2. Личный сайт на платформе WordPress (плагин)

Первый вариант не испытывал, так как у меня есть свой автономный сайт. Более того, я не люблю бесплатные платформы и домены третьего уровня (Маил.ру, Wix, Weebly, Blogger). Это вроде твой сайт, но в то же время не твой. Как говориться купил и спи спокойно.

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

Мне, как давнему партнеру и подписчику Анфисы Бреус, пришло письмо с предложением посетить мастер-класс, познакомиться с этим продуктом и создать свой первый лендинг. Давно мечтал о таком инструменте! А тут еще и видео курс

Понравилось. Столько возможностей, что сложно перечислить.

Создать лендинг бесплатно

Плагин для создания лендингов есть в двух вариантах:

  1. Elementor (бесплатная, ограниченная версия)
  2. Elementor Pro (платная, профессиональная версия)

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

Вот пример одного лендинга на бесплатной версии: sergeybuslaev.ru/my-business

Все статические страницы на моих сайтах, так же созданы с помощью плагина Elementor (смотри верхнее меню блога). Да, его можно использовать и таким образом.

Elementor Pro высший пилотаж в создании сайтов и лендингов

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

kurs-elementor-ot-novichka-do-profi

Курс «Elementor – от новичка до профи»

Пошаговое видео руководством по Elementor и Elementor Pro

По тарифу «КУРС + БОНУС» Вы получаете:

  1. Постоянный доступ к видео урокам
  2. Комплект шаблонов страниц
  3. Премиум поддержка 24/7.
  4. БОНУС: 1 плагин Elementor Pro с годовой лицензией*

Возможности

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

  • Редактор перетаскивания. Перетащите любой виджет на свой холст. Интуитивно создавайте с идеальным дизайном до пикселя, не написав ни одной строки кода.
  • Отзывчивое редактирование. Настройте макет и стиль вашего веб-сайта для каждого экрана. Настройте точки остановок для настольных компьютеров, мобильных устройств, планшетов и т. д.
  • Живое редактирование. Создавайте и настраивайте каждую часть своего веб-сайта визуально и наблюдайте, как он оживает.
  • 100+ виджетов. Выбирайте виджеты из постоянно растущего списка, чтобы удовлетворить все ваши потребности в дизайне, макете, анимации, маркетинге, электронной коммерции и многом другом.
  • Конструктор тем. Проектируйте и управляйте всей структурой и частями вашего веб-сайта с максимальным контролем из одного места.
  • Глобальное редактирование. Обеспечьте единообразие на своем веб-сайте, используя глобальные настройки шрифтов, цветов и виджетов.
  • Конструктор WooCommerce. Создавайте страницы своего магазина с помощью интуитивно понятного конструктора WooCommerce с перетаскиванием, не требующего программирования.
  • Конструктор целевых страниц. Создавайте привлекательные целевые страницы, которые превращают ваших посетителей в активных потенциальных клиентов. Выберите один из готовых шаблонов или начните создавать свой собственный.
  • Конструктор всплывающих окон. Запускайте крутые всплывающие окна, которые будут побуждать ваших посетителей к действию. Выбирайте из более чем 100 шаблонов всплывающих окон или создавайте с нуля.
  • Конструктор форм. Собирайте пользовательский ввод с помощью визуального конструктора форм с множеством сложных и привлекательных опций.
  • Динамический контент. Используйте динамические элементы, чтобы эффективно наполнять свой веб-сайт контентом для персонализации или других приложений.
  • Интеграции. Легко интегрируйте свои любимые инструменты и плагины — от управления кампаниями до плагинов SEO и других, чтобы управлять своим бизнесом с максимальной эффективностью.

И это далеко не все возможности плагина …

А вот пример созданного мной лендинга на версии Pro: cruisestime.ru/vizitka

А вот на обычной: Криптовалютная биржа Capital Whale

Я создавал одностаничник, а можно создать полноценный сайт с меню, например о какой-либо компании, сервисе, увлечении и т. п.

Примеры:

Создаем лендинг с помощью шаблона AB-Inspiration

Второй вариант создания целевой страницы даст профессиональный блог на WordPress с шаблоном AB-Inspiration. Сам пользуюсь с 2013 года, ни разу не подвел. Вот что значит, сделано профессионалами!

professionalnyy-blog-na-wordpress

«Профессиональный блог на WordPress»

Для  профессиональной и быстрой настройки сайта вы приобретаете:

  • шаблон AB-Inspiration на WordPress с пожизненной лицензией,
  • тщательно подобранный комплект бесплатных плагинов
  • пожизненно бесплатные обновления шаблона AB-Inspiration и плагинов.
  • доступ к видео курсу «Профессиональный блог».
  • бесплатную тех. поддержку 24/7.

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

Создам для вас лендинг

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

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

За что вы платите:

  • Хостинг — 160 руб. месяц (за год 2000 руб.)
  • Домен — 550 руб. за год (если оплатите хостинг за год, то домен в подарок)
  • Плагин на один сайт — 49$
  • Дизайн (от сложности)
  • Текст (если нет своего)
  • Моя работа

Обговорим детали, и я все сделаю, так как вы хотите. Не тяните и закажите лендинг под ключ прямо сейчас!

sergey-buslaev-vypolnit-zakaz-kachestvenno-i-v-srok

«Качественно, недорого и в срок»!

— Автор блога, Сергей Буслаев

Как создать профессиональный лендинг самостоятельно
   7 голосов
Средняя оценка: 5 из 5
Интересная статья? Пожалуйста, проголосуйте выше и поделитесь ею с друзьями в соц.сетях:
Подпишитесь и получите 7 уроков

ПО ФИНАНСОВОЙ ГРАМОТНОСТИ

Оставьте свой комментарий:
6 комментариев
  1. О такой странице имею понятие, но не знала, что это лендинг, и уж как ее создать — то вообще ноль. Сергей, браво!

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

  3. У меня сейчас возник вопрос создания такой страницы… через недельку займусь вплотную, а сейчас собираю материал

Добавить комментарий для Сергей Буслаев Отменить ответ

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

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