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

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

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

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

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

Сразу же делаете красивую и легкую на взгляд ссылку. Для этого нажимаете изменить, стираете что там появилось и пишите свою. При этом у вас будет постоянными ВАШ-ДОМЕН/wppage/ , а дальше вы можете написать свое слово.

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

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

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

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

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

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

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

Нажимаем на следующую иконку со знаком доллара и тут мы получаем многочисленные кнопки «купить», «заказать», «получить доступ».

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

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

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

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

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

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

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

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

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

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

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

Привет, друзья!

Если вы думаете, как выгодно продвинуть товар, услугу, а возможно просто представить публике себя любимого – то вы попали по адресу. Сегодня на повестке дня важный вопрос – как сделать Лендинг пейдж самому. Поговорим про конструкторы, создадим собссна Landing page с пошаговой инструкцией, а в конце вас ждет полезный бонус. Поехали!

О Лендинг пейдж

Для начала давайте разберемся, что такое Лендинг пейдж? Landing page переводится с английского, как «целевая» или «посадочная страница». Это такой одностраничный сайт без подразделов. И это супер! Ведь на многостраничных сайтах посетитель может гулять по страничкам и в итоге забудет, зачем он вообще зашел. С Лендингом такого не случится. Здесь два варианта: совершить покупку или же уйти.

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

Как сделать Лендинг пейдж самому

В интернете полно конструкторов, расскажу о популярных, надежных и реально работающих.

1. – царь и бог среди конструкторов одностраничек. Разработчики собссна так и его и презентуют: Профессиональная Lending page платформа для бизнеса. Средний ценник – 559 рублей в месяц. Дается бесплатный тестовый период, который длится 7 дней. Позже на нем и попробуем создать Лендинг пейдж сами.

2. – «все элементарно, Ватсон» именно так хочется сказать об этом конструкторе. Вот правда, все гениальное просто, работать одно удовольствие. Бесплатный тестовый период длится 14 дней. Расценки зависят от сложности Лендинга. Но можно создавать еще и сайты.

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

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

Делаем Лендинг пейдж: пошаговая инструкция

Конструкторов конечно намного больше, но они аналогичны. Мы попробует сделать Лендинг пейдж вместе на LPgenerator. Приготовились?

Зарегистрируйтесь. После конструктор устроит допрос. Потребует прописать ФИО, какую должность занимаете, для чего на сайте, зачем вообще вам понадобился Лендинг? Разве что паспортные данные и ИНН не потребует… Но после окунетесь в мир творчества, так что крепитесь, это того стоит!

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

Шаблоны разные: для портфолио художника, фотографа, программиста. Платные под «замочком», бесплатные с «плюсиком».

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

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

А теперь, как я и обещала, бонус. Расскажу о мифах в создании Лендинг пейдж.

1. Если измените цвет кнопки призыва к действию с зеленого на красный, увеличите конверсию. Это не так, вы ничего не измените, кроме цвета кнопки) Доказано, в ходе исследований. Нет никакого правильного цвета, то что сработает на одном Лендинге, может не сработать на другом.

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

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

4. Запустили Лендинг и можете о нем забыть , он будет работать сам. Опять же нет, нужно постоянно заботиться, тестировать, одно добавлять, другое убирать.

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

С уважением, Ваша Суть!

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

Мода на landing page пришла в рунет вот уже несколько лет назад и до сих пор не сбавляет обороты. Лендинг чаще всего создается под конкретное таргетированное торговое предложение, чтобы не вводить потенциального клиента в ступор выбора. Целью такого ресурса обычно является сбор лидов - контактных данных целевой аудитории. Нацеленность на конкретную аудиторию и удобный сжатый формат подачи информации об услуге или товаре в некоторых случаях может дать прирост конверсии до 10–15%, чего очень сложно добиться, привлекая трафик на основной сайт.

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

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

Прежде чем перейти к описанию каждого сервиса, позвольте прокомментировать некоторые нюансы сводной таблицы:

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

Wix

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

У платформы есть бесплатная версия (с рекламой и без привязки собственного домена), но для более или менее комфортного использования придется заплатить не менее 243 рублей за месяц. Тарифная сетка довольно гибкая, к тому же проводятся регулярные распродажи с оплатой года, поэтому всегда есть возможность урвать дешевый вариант.

Всего у Wix 458 шаблонов, из которых только 23 «заточены» под лендинги, - однако практически любой темплейт из общего каталога можно использовать для одностраничника, убрав лишние блоки. Визуальный редактор на HTML5 достаточно гибкий, но к нему надо привыкнуть, со второго-третьего лендинга вы будете прекрасно в нем ориентироваться. У готовых шаблонов есть десктопная и мобильная версия.

Основная фишка платформы - собственный App Market, в котором более 140 приложений, готовых к интеграции с вашим сайтом. Эти приложения закроют все ваши задачи: есть онлайн-консультанты, CRM, платежные опции и так далее.

«Флексби »

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

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

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

«Платформа LP »

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

В помощь начинающему пользователю предлагается 26 готовых шаблонов. Есть интеграция с популярными почтовыми рассыльщиками и CRM. Из интересных фишек - A/B-тестирование и встроенная статистика по UTM-меткам.

Кого-то наверняка может отпугнуть аскетичный UI, да и сама посадочная страница сервиса. Ребята, серьезно, сделайте своему сервису не такой грустный лендинг, что ли.

Hello-site

Hello-site сложно назвать полноценным сервисом - это простой конструктор, который на выходе отдает вам исходные файлы для заливки на свой хостинг.

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

LPTrend

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

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

LPGenerator

Самый дорогой сервис в нашем обзоре, да и бесплатный период у него совсем условный. За 1960 рублей в месяц вас еще и ограничат в количестве уникальных посетителей. Безлимит стоит уже 3999 рублей в месяц. Однако и возможностей конструктор предоставляет с лихвой. Визуальный редактор позволяет создать полностью кастомную страницу и настроить несколько десятков параметров и элементов. Сервис предлагает 108 бесплатных и более 200 платных шаблонов - последние можно приобрести в специальном магазине посадочных страниц.

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

Q-page.ru («Купаж»)

Сервис встретит вас необходимостью выбора из 114 шаблонов - создать страницу с нуля здесь не дадут. Полноценного визуального редактора вы тоже не найдете. Выбираете элемент страницы и настраиваете один из трех возможных вариантов расположения контента. Можно задавать порядок расположения элементов по вертикали, фон и формы кнопок. На этом возможности кастомизации практически исчерпаны, и это роднит Q-page с «Флексби». Удобно, что поиграться с редактором можно без всякой регистрации: это сильно экономит время и позволяет быстро оценить, нужен ли вам этот сервис.

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

LPMotor

Конструктор LPMotor встретит вас со всей суровостью - начиная с неприкрытых следов bootstrap в интерфейсе и заканчивая не слишком доброжелательной технической поддержкой. Ах да, триала тоже не предусмотрено: можно поковыряться в админке, создать страницу, но опубликовать ее дадут только после оплаты - как минимум 600 рублей за месяц.

Сервис предлагает 29 шаблонов и не слишком удобный визуальный редактор. Адаптивности не предусмотрено, а для получения хоть какой-либо статистики просят подключить «Яндекс.Метрику». Из интеграции предлагается только amoCRM.

Landingi

Сервис, как и предыдущий, встречает нас не слишком опрятной главной страницей, но первое впечатление становится лучше, когда попадаешь в редактор. Можно начать с нуля или воспользоваться одним из 105 готовых шаблонов. Редактор богат - для неподготовленного человека, возможно, даже слишком - возможностями настройки и неплохо так нагружает браузер.

Встроенная аналитика показывает источники переходов на одностраничник, тип устройств, данные по конверсиям и позволяет проводить A/B-тестирование различных вариантов дизайна. Из дополнительных плюшек можно отметить возможность сбора отдельных версий лендинга под разные типы мобильных устройств. С интеграцией тоже все в порядке: Landingi предлагает подключить 28 различных сервисов CRM и email-рассылки. За доступ к сервису просят от 690 рублей за месяц.

UMI CMS

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

Штатная CRM присутствует, а статистика доступна при подключении Google Analytics. Адаптивность под мобильные имеется только на определенных вариантах шаблонов. Что касается интеграции, можно отметить разве что возможность создания проекта в SeoPult, не выходя из личного кабинета UMI. Кстати, оплатить подписку за один месяц нельзя - просят сразу 1470 рублей за три месяца, хотя можно выкупить десять лет за 11900 рублей.

Spagece

«Стильно, модно, молодежно» - это про Spagece. Сервис в некотором роде уникальный: ребята сознательно отказались от шаблонов, ратуя за уникальные решения. Довольно удобный визуальный редактор, приятный дизайн админки и множество полезных подсказок на каждом шагу.

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

Месяц использования конструктора стоит 490 рублей (двухнедельный триал прилагается), но за каждый дополнительный чих с вас будут брать деньги сверх этой суммы. Хотите получать SMS о поступивших лидах? Просим пройти к кассе. Задумались о проведении A/B-теста? И снова занимайте очередь. Захотелось интеграции, например, с MailChimp? Вы, пожалуй, уже сами знаете, куда следует идти. Тариф за 490 рублей в месяц подойдет только совсем зеленым новичкам - за вменяемые возможности придется выкладывать уже 1500–1980 рублей ежемесячно.

«Базиум »

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

Сносного редактора страницы мы, сказать честно, не заметили: дают поменять в основном только тексты и картинки. Встроенной статистики и возможности интеграции сторонних сервисов тоже не обнаружено. Зато платить можно за каждый день в отдельности. Решили устроить себе и бизнесу выходной? Не заносите в сервис 35 рублей - и гуляете весь день на широкую ногу. Пришло время подзаработать и продать пару контейнеров китайских наушников? Будьте добры оплатить 35 рублей - и принимайте лиды хоть целые сутки.

Landix

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

За минимальный тариф сервис запрашивает скромную цену - 290 рублей в месяц. Правда, судите сами: шаблонов здесь нет, нормального визуального редактора нет, статистики нет, адаптивности и интеграции со сторонними сервисами - тоже. А если вы спустя некоторое время захотели вернуться в сервис, но забыли пароль, как это произошло с нами, то по нажатию на кнопку «Восстановить пароль» вас перебросит на страницу 404. Ну и ладно, Landix, так и быть.

Energy-bm

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

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

Триал-периода нет. Можно заверстать страничку, но опубликовать ее дадут только после оплаты - от 200 рублей за месяц. За возможность A/B-тестирования и аналитики рекламных каналов тоже придется заплатить, но единоразово.

Leadkit

Этот сервис запомнился нам прежде всего крайне недружелюбным редактором. Вроде бы куча крутой анимации, но визуально менять можно, по сути, только текст, ссылки и некоторые изображения в рамках выбранного шаблона. Зато можно свободно править все, что душе угодно, в исходном коде - включая CSS и различные скрипты. Интерфейс админки опять «побаловал» нас неприкрытым bootstrap, но в целом у нас получилось не запутаться в ее дебрях.

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

LPCloud

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

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

С адаптивностью и responsive у сервиса все в порядке, статистика и CRM тоже адекватные. Триала нет: можно создать страницу, после чего занести не менее 190 рублей за месяц и жить спокойно. Ну как спокойно: оплату принимают только с привязанной карты, поэтому конструктор будет исправно списывать деньги, даже если вы забудете о своем лендинге.

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

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

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

Так как спрос на Landing Page с каждым годом увеличивается более чем на 100%, даже новички, заинтересованные в бизнес-деятельности на просторах интернета, начинают задаваться вопросом – как создать лэндинг своими руками? Проведение распродаж, акций от крупных компаний, малый коммерческий бизнес, маркетинговое продвижение своего продукта, увеличение продаж, тестирование новой ниши – эти и многие другие факторы заставляют компаний заинтересовываться одностраничными сайтами.

Создаем Лендинг Пейдж с нуля без знаний и навыков

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

1. Создание лендингов с помощью онлайн-конструкторов

Онлайн-конструкторы – это настоящее «спасение» для новичка, который совершенно незнаком со сферой создания сайтов. Современные конструкторы позволяют создавать не только целевые страницы, но и интернет-магазины, сайты-визитки, информационные порталы компании так далее.

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

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

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

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

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

Пример создания лендинга с помощью Bloxy.ru:

Переходим на Bloxy.ru .
Кликаем по кнопке «Создать Landing Page».
Проходим краткую регистрацию, либо авторизуемся через социальные сети (сервис не получает ваши данные от страниц в соц. сетях).
Жмем по огромной кнопке со знаком «+» — «Создать сайт».
При желании проходим краткий курс обучения (новичкам рекомендуем не отказываться от него).
Перед нами открывается огромный визуальный редактор с инструментами, расположенными как внизу сайта, так и в самом верхнем меню. Каждый инструмент вполне понятен пользователям за счет своей иконки. Также при наведении на иконку появится подпись, поясняющая, что это за инструмент. Чтобы разместить его на сайте, нужно просто перетащить иконку в нужную область лендинга.
Выбираем шаблон из сотни представленных в соответствующем разделе.
Наполняем сайт контентом.
Добавляем необходимые модули – они также встроенные.

Максимально подробно о работе с Bloxy.ru мы рассказывали в . Отметим, что внизу Bloxy.ru есть кнопка «Посмотреть обучающее видео». Если нет желания проходить курс, посмотрите видеоролик, подробно рассказывающий, как создать свой лендинг с нуля.

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

2. Разработка лендинга с использованием готового шаблона

Создание лендинга с нуля возможно путем установки готового HTML-шаблона, скаченного из интернета. Но этот способ более сложен для новичков в сравнении с теми же конструкторами.

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

Но тот факт, что потребуются лишь минимальные знания HTML и CSS, которые можно получить, «загуглив» пару статей, не оспоришь.

Если вы найдете подходящий по вашей тематике шаблон, то все, что останется сделать, это поменять демо-контент (видео, текст, изображения) на свой. После готовый HTML-шаблон нужно установить на купленный . В среднем он обходится в 200-500 рублей в месяц (это немного дороже, чем услуги Bloxy.ru).

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

Здесь мы не будем рассказывать, что можно создать лендинг своими руками при помощи HTML-редактора. Способ аналогичен всему вышесказанному, но в данном случае мы должны будем сами писать шаблон, либо собирать его по частям, находя нужные участки кода в готовых шаблонах. Нельзя сказать, что способ невероятно сложен, но новичкам браться за него необходимости. Идеальный шаблон вы с первого раза вряд ли сможете написать. Если сроки на создание одностраничника минимальные, лучше воспользоваться услугами онлайн-сервиса Bloxy.ru.

3. Создание одностраничника на движке WordPress

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

Все, что нужно сделать для работы с данной платформой, это:

Приобрести хостинг (от 200 рублей);
Купить домен (от 100 рублей);
«Прикрутить» на хостинг CMS;
Привязать домен;
Далее найти готовый шаблон в самой же системе WordPress и активировать его одним кликом.
Размещение текстового контента, изображений, видео – все это настолько же элементарные задачи, как и в случае с конструкторами. Но, опять же, домен и хостинг – это гораздо большие растраты, чем оплата услуг онлайн-сервисов.

Процедуру установки хостинга на CMS можно найти на сайте любого хостинг-провайдера.

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

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

Что такое Page Builder от WordPress?

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

Если мы создаем Landing Page своими руками, останавливаться на базовом функционале CMS точно не стоит. Современные целевые страницы совершенствуются именно за счет дополнений.

Выше мы говорили про CRM-системы, E-mail рассылки. Интеграцию с такими сервисами WordPress разрешает. Правда, не все подобного рода плагины бесплатные. Но в интернете можно найти и бесплатно скачать сторонние дополнения.

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

Подытожим

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

Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

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

Для чего нужен лендинг

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

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

Как сделать лендинг пейдж

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

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

Есть и такой вариант - сверстать html-страницу самостоятельно, наполнить ее нужной информацией и ждать потока клиентов. Но и этот вариант подходит далеко не всем - не каждый имеет достаточные познания в верстке и не каждому будет интересно разбираться в этом. Значит ли это, что пора опускать руки и забывать о реализации своих планов? Вовсе нет, ведь на помощь приходит старый добрый Вордпресс.

Создание лендинга посредством WordPress

Несмотря на обилие всевозможных плагинов и тем, позволяющих собрать посадочную страницу, мы выберем один - Free Landing Pages Builder by Wishpond - и рассмотрим, как создать лендинг самому бесплатно - пошаговая инструкция для всех. Мы не будем рассматривать процесс самого создания и запуска сайта, а также установки плагина, поскольку туториалов в Рунете на эти темы представлено предостаточно. Приступим непосредственно к обзору сборки лендинга.

Создание Landing Page с помощью плагина Вордпресс

Первым делом необходимо пройти регистрацию, потому после установки жмем «SIGN UP», далее «STAR TRIAL FREE». Вводим адрес электронной почты, создаем пароль. Кликаем по «NEXT», после чего выбираем создание новой страницы - «NEW LANDING PAGE».

Процесс сборки посадочной страницы выглядит следующим образом:

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

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

Плюсы и минусы плагина Free Landing Pages Builder by Wishpond

Преимущества	Недостатки
Легкая настройка блоков, виджетов, дизайна путем перетаскивания мышью. Позволяет преобразовывать одну и ту же страницу в версии, совершенно отличные от исходного варианта	Плагин англоязычный, отсутствует русифицированная поддержка. Что, впрочем, легко решается знанием английского языка на среднем уровне либо помощью сервисов перевода
Множество тем (более двухсот), созданных исключительно для одностраничных сайтов	Хоть плагин и предоставляет бесплатную версию, разбор которой мы привели выше, она несколько ограничена в функционале, и весьма высока вероятность появления необходимости покупки платной версии в дальнейшем
Возможность отслеживания количества посетителей в любых временных интервалах	Приложение тяжеловесно, что скажется на скорости загрузки сайта, однако и данная проблема решается путем оптимизации кода
Удобство управления страницами. Дополнительные всплывающие окна и кнопки анимации

Создание лендинга в конструкторе Wix

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

Переходим на сайт. Он встречает нас приветливым дизайном.

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

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

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

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

Общие правила создания лендинга

Следующие советы помогут сделать лендинг в соответствии с требованиями маркетинга:

Создаем запоминающийся логотип - это позволит повысить узнаваемость бренда.
Заголовок - должен «цеплять» и интриговать потенциального посетителя, но ни в коем случае не отпугивать призывом к немедленной покупке. Пусть лучше он будет информативным и провокационным.
Информация о компании и контактные данные - предназначены для создания атмосферы доверия для клиента. При наличии конкретного адреса он воспримет вашу фирму как серьезную организацию, а не как очередной сайт-однодневку.
Данные о товаре или услугах - этот пункт должен совмещать подробное описание продукции, его фото- или видеообзор, а также реальные отзывы клиентов в отдельном блоке или виджете. Не злоупетребляйте шаблонными «Почему большинство выбирает нас» и т.д. - это скучно и не привлекает, используйте воображение.
Плюсы сотрудничества должны быть представлены конкретным списком преимуществ бренда и покупки товара именно у вас. Никаких пространных рассуждений о том, до чего вы классные ребята. Только сухие факты и характеристики.
Форма обратной связи или подписка на рассылку позволит вам поддерживать контакт и «добыть» заинтересовавшегося клиента.

Готовим прототип

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

Наполнение контентом

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

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

Ваша страница должна придерживаться параметров маркетингового стандарта AIDAS, где:

A - attention - привлечение внимания посетителя.
I - interest - пробуждение интереса потенциального клиента.
D - desire - разжигание желания.
A - action - побуждение пользователя к действию (покупке, заказу).
S - satisfaction - удовлетворение клиента приобретением и закрепление его для дальнейшего сотрудничества.

Оформление landing page

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

Несколько советов по оформлению:

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

Подведем итоги

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

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

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

Online-сервисы