Как сделать landing page самому? Пошаговая инструкция. Как самому сделать Landing Page, он же лендинг пейдж

«Делаем лендинг под ключ» — такие объявления не редкость в интернете. На самом деле, вам вовсе не обязательно обращаться к фрилансерам или веб-студиям, чтобы сделать лендинг. Создание лэндингов своими руками теперь возможно благодаря сервису готовых решений 1C-UMI! Вам нужно только выбрать доменное имя и шаблон, а затем заполнить сайт контентом. Конструктор 1C-UMI — это своего рода генератор посадочных страниц. Вам нет необходимости устанавливать плагин landing page к себе на сайт, как предлагают многие системы управления сайтами, — просто зарегистрируйтесь.

Рассмотрим подробнее, как создать посадочную страницу.

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

Перейдите на главную страницу сайта. Вот и ваш почти готовый к запуску бесплатный лендинг пейдж — конструктор 1C-UMI предлагает лучшие посадочные страницы в Рунете. Создание landing page бесплатно на 1C-UMI оптимально подойдет вам, если вы не программист, а слова «html» и «разработка» мало о чем говорят вам.

Как сделать так, чтобы ваш сайт стал интересен для клиентов? Заполните его уникальным контентом. Landing page конструктор 1C-UMI содержит все необходимые блоки.

Контентные блоки

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

Формы обратной связи и обратный звонок

Как известно, landing page страницы создаются в том числе для сбора базы клиентов или подписчиков. В зависимости от вашей деятельности разместите одну из форм. Это может быть регистрация на мероприятие, подписка на новости, заказ консультации или товара и многое другое. Бесплатная посадочная страница на 1C-UMI содержит еще и такую форму, как обратный звонок. Клиенты отправляют вам контактные данные, и вы связываетесь с ними по телефону. Программа работает следующим образом: когда клиенты заполнят любую из этих форм, вам придет оставленная ими информация.

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

Отзывы

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

Блоки-категории

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

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

Карта

В нижней части страницы разместите Яндекс.Карту либо Google Maps и укажите точный адрес, например, «Москва, ул. Панферова, 8, офис 206». Пусть клиенты найдут вас быстро и без труда.

Вот и всё! Создание посадочных страниц бесплатно на 1C-UMI не потребует от вас дополнительных знаний. Просто зарегистрируйтесь и выберите шаблон.

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

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

Мода на 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 и различными нюансами, связанными с одностраничными продающими сайтами.

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

Что обычно подразумевается под лендингом

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

1. Призывы к действию (Подпишись, купи, зарегистрируйся, оформи), большая, привлекающая внимание кнопка продажи\подписки, зачастую не одна — в начале и в конце страницы.
2. Отзывы от потребителей, положительные комментарии о продукте из различных форумов, соц. сетей и т.д. в общем элементы убеждения при помощи социальных инструментов, что бы вызвать доверие у посетителя.
3. Всевозможные акции, скидки, бонусы, зачастую сопровождаемые счетчиком с обратным отсчетом. То, что подтолкнет посетителя совершить действие здесь и сейчас, не откладывая на будущее (ведь потом он уже с большой вероятностью никогда не вернется на ваш сайт )
4. Различные элементы оформления сайта, созданные все с той же целью — заставить купить. Это и всевозможные картинки, фотки продукта с удачных позиций, счастливые люди, вызывающие доверие персонажи. Всевозможные дизайнерские приемы, вроде стрелок, направляющих ваш взгляд на кнопку, крупные заголовки, высокий контраст важных элементов, рамки, меняющийся местами текст и т.д. Арсенал огромен.
5. Собственно сам продающий текст, который включает описание продукта, его преимущества, способы применения и в, идеале, работа с отрицаниями потребителя. Вообще, создание продающего текста, это отдельная большая тема.
6. Нередко встречается встроенное видео, рассчитанное на тех, кто больше любит смотреть и слушать, а не читать. Иногда делают его запускаемым по клику, иногда автоматически при загрузки страницы — тут все индивидуально, где-то одно лучше работает, где-то другое, где-то вообще без видео будет отклик больше.

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

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

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

Как создать Landing Page. Способы создания лендинга

Есть несколько способов смастерить себе одностраничник:

1. Использовать различные шаблоны, позволяющие создавать посадочные страницы (как для популярных CMS так и с собственной админкой или на чистом html)
2. Онлайн генераторы посадочных страниц
3. Сделать самому лендинг с нуля
4. Заказать у профессионалов и не тратить время и нервы.
5. Купить готовый лендинг в специализированных интернет-магазинах.

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

Создание лендинг пейдж при помощи готовых шаблонов

Совсем недавно мне подкинули отличную подборку шаблонов для лендингов, как на html так и с собственной админкой.

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

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

Так например на днях я создавал лендинг по продаже елок в Тюмени, и удачно заскринил весь процесс =)

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

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

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

1. Первым делом зашел на сайт и подобрал себе бесплатные приличные иконки в виде елок. Они пойдут как на создание элементов оформления или логотипа, так и для создания faviconа.

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

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

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

4. Далее я подключил бесплатный набор шикарных шрифтовых иконок Font Awesome С их помощью за 5-10 минут запросто можно накидать простенькие графические элементы оформления сайта. Преимущество векторных иконок в том, что они отлично масштабируются без потери качества, и внешний вид вы можете настраивать прямо через css, не пользуясь графическими редакторами.

В итоге получится что-то вроде этого

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

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

Вот так это нижняя часть лендинга стала выглядеть после добавления иконок

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

Плюсы: быстро, дешево, вы сам себе хозяин и господин 🙂

Минусы: нужно разбираться в html и css, уметь работать с изображениями, иначе пункт быстро можно смело вычеркнуть. Так же данный набор шаблонов имеет устаревшую верстку — она не адаптивная, т.е. на небольших мониторах и мобильных приложениях дизайн сайта будет смотреться коряво.

Для WordPress могу подсказать несколько шаблонов, заточенных специально под создание лендингов:

• вполне неплохой шаблон, использовал его как-то для создания лендинга на вордпрессе. Из плюсов — недорогой (10$) и простой по сравнению со многими премиум шаблонами. Адаптивный, с набором предустановленных стилей оформлений, шорткодами и даже WooCommerce поддерживается. Для создания лендингов используется встроенный в тему конструктор. Из минусов — английский язык. Впрочем он там не сложный и моих базовых знаний вполне хватило что бы понять все нужные функции и настройки.
• Есть и более выпндрежные, наподобие этого со всякими паралаксами, анимацией и т.д.
• А вообще их полно, под разные нужды и с разным функционалом, тэг one page на themeforest в помощь

Онлайн генераторы лендинг пейдж

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

1. Lpgenerator пожалуй самый популярный в рунете, найти можно по ссылке . И вместе с тем один из самых дорогих.

Из преимуществ — есть бесплатный 14-дневный тестовый период. Однако тарифы от 2000 до 15000 рублей в месяц. Единственный вариант выгодного использования я вижу, если только вам нужно создать лендинг на короткий срок 1-2 месяца. Шаблонов там не так уж много, по моим прикидкам чуть больше сотни.

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

Минусы: дорого, зависимость от стороннего сервиса.

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

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

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

Создание landing page с нуля самому

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

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

Минусы: Долго и сложно, по крайней мере относительно других способов. Такой вариант подходит наверное только для профи или фанатиков.

Заказать лендинг у фрилансера или вебстудии

Довольно распространенный способ. Многие нормальные компании не станут заморачиваться и создавать собственноручно лендинги на генераторах или шаблонах, зная что в итоге просто потратят время или в лучшем случае получат плохо работающий landing page. Им куда проще обратиться к спецам, заплатить примерно 10-20 тысяч рублей (если без выпендрежного дизайна ) и получить готовый сайт под свои запросы и нужды.

Конечно, если обращаться к каким-нибудь крупным понтовым веб-студиям то там и 100 тысяч могут запросто содрать) Если же обращаться к малоизвестным фрилансерам на дешевых биржах, то можно и за 2-3 тысячи найти исполнителя, но качество такой работы скорей всего будет сомнительным (или будут использоваться готовые шаблоны в чистом виде без особой адаптации под индивидуального заказчика, разве что текст поменяют и пару фоток ) а возможно и на деньги кинут, что тоже случается.Так что тут тоже как повезет.

Плюсы: Вы заказываете сайт, вы получаете сайт, таким какой хотите. Не тратя на это времени и сил.

Минусы: Вы тратите на это деньги)

Кстати, если вам нужен лендинг, то вы можете заказать его у меня за сравнительно небольшую цену (от 7 до 15 тысяч рублей в зависимости от сложности) и получите полноценный продажник, с текстами, картинками, счетчиками, отзывами и всем необходимым. Опыт в создании сайтов более 3-х лет.

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

Лэндинги наилучшим образом подходят для проведения рекламных кампаний для конкретной услуги или предложения с уникальной (низкой) ценой, а также для привлечения целевой аудитории из систем контекстной рекламы Google AdWords , Яндекс.Директ , социальных сетей и email-рассылок:

Что такое Landing Page?

Landing page – отдельная страница, которая используется для:

• реализации конкретного товара или услуги;
• создания подписной базы.

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

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

Типы лендинг пейдж:

• Автономный . Это самый распространенный тип посадочных страниц. Основная задача – побуждение пользователя к покупке или определенному действию, рекомендуемому страницей;
• Микросайт . Небольшой, чаще отдельный сайт, состоящий не более чем из 5 страниц, содержащих информацию о товаре или услуге;
• Главный сайт . Для страницы приземления использует одну или более страниц ресурса;
• Лендо-сайт . Ресурс, который полностью состоит из независимых целевых страниц:

Типы целевых страниц

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

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

Зачем нужны Landing Page?

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

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

Преимущества использования Landing Page

Лендинг в сравнении с обычными страницами ресурса, предлагающими услуги или товары, имеет ряд преимуществ:

• Нацеленность на определенную аудиторию. На странице приземления предполагается не множество решений, требующих от пользователя выбора, а одно уникальное предложение, перед которым сложно устоять;
• Высокая конверсия. Согласно статистике, использование посадочных страниц в рекламных целях позволяет увеличить конверсию на 10-15%;
• Полная информация о предлагаемом товаре/услуге, но без дополнительных переходов и ссылок;
• Возможность сбора контактов посетителей и пополнения базы потенциальных клиентов, которым в дальнейшем можно разослать информацию о предстоящих акциях/розыгрышах;
• Невысокая стоимость создания лендинг пейдж. Даже начинающие бизнесмены могут позволить себе создание лендинга, таким образом, тестируя товарные ниши, чтобы начать продавать в интернете:

Где и как используются Landing Page?

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

Где используются Landing Page?

• В рекламных кампаниях с использованием контекстной рекламы с оплатой да клик (PPC ) в Яндекс.Директ , Google AdWords , Бегун . При этом трафик перенаправляется на целевые страницы, оптимизированные под ключевые запросы;
• В баннерных рекламных кампаниях, при условии, что графический материал размещается на тематических ресурсах, рассчитанных на целевую аудиторию. Например, баннерная реклама новинок в сфере электроники размещается на новостных порталах в сегменте для специалистов в области IT-технологий;
• В рассылках информационных и маркетинговых писем, содержащих ссылку на посадочную страницу. Например, рассылки для интернет-магазина, учитывающие предыдущее покупки пользователя;
• Проведение кампаний в блогах, в рамках которых пользователь перенаправляется на целевую страницу ресурса, с владельцем которого блогер предварительно заключает партнерское соглашение на размещение баннерной рекламы, постовых, PR-статей;
• Кампании в социальных сетях (ВКонтакте, Facebook, Twitter и т.д. ) либо на популярных медиахостингах (например, YouTube, Flickr и т.п. ). Пользователи перенаправляются на посадочную страницу рекламодателя, имеющего договор о размещении рекламных материалов с выбранным медиа-ресурсом:

Основные способы создания Landing Page

• Бесплатные шаблоны и генераторы лендингов. Сейчас в сети существует множество вариантов бесплатных шаблонов и конструкторов, позволяющих сгенерировать лендинг пейдж. Самым популярным сервисом . Это отличный вариант для компаний, ограниченных в бюджете, но имеющих в штате специалистов, разбирающихся в маркетинге и дизайне;
• Обращение к специалистам. Можно заказать текст для лендинга у копирайтера, разработку дизайна — у дизайнера, и интеграцию с движком — у программиста. При этом в штате компании должен состоять маркетолог, который будет контролировать проект на всех его этапах. К преимуществам данного способа относят относительно невысокую стоимость и достаточно высокий результат, к недостаткам – риск ошибки в выборе специалистов;
• Аутсорсинг агентства. Данный способ создания посадочной страницы подразумевает обращение в агентство, которое возьмет на себя анализ конкурентов, выбор концепции, разработку стратегии рекламной кампании, решит вопрос с интеграцией с движком и запустит проект. Все, что требуется от вас — это бриф на создание лендинга, а разработку посадочной страницы «под ключ» агентство возьмет на себя. К преимуществам данного способа можно отнести высокую эффективность и экономию времени, к недостаткам — более высокую стоимость, чем в предыдущих вариантах;
• Содержать в штате специалистов, которые будут заниматься . Это самый дорогой и самый эффективный способ. Собственная команда, состоящая из дизайнера, копирайтера, маркетолога и программиста-верстальщика, позволит полноценно продвинуть ваш продукт/услугу на рынок.

Можно ли создать Landing Page самостоятельно?

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

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

Можно ли создать Landing Page бесплатно?

Так, как интерес к посадочным страницам постоянно растет, разработчики предлагают новые и новые инструменты создания landing page на базе шаблонов. Вот список наиболее популярных методов и сервисов:

• бесплатный лендинг создать можно, если зарегистрироваться на Wix ;
• сделать посадочную страницу можно с помощью программы Adobe Photoshop ;

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

Оптимизация лендингов

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

Архитектура одностраничного сайта не дает возможности провести качественную внутреннюю оптимизацию в классическом понимании, «заточить » сайт под требования поисковиков. Избавиться от этой проблемы позволило решение от Google — верстка с использованием JavaScript и способа PushState .

Для оптимизации лендинга вам стоит сделать следующее:

• разбить посадочную страницу на блоки;
• каждый блок должен получить свой уникальный индикатор, заголовок, описание и название, URL.

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

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

№1. Создание лендинг пейдж при помощи бесплатных конструкторов

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

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

Однако, несмотря на свою простоту, конструкторы имеют и ряд подводных камней, которые не всем очевидны на первый взгляд. И связано это как раз с бесплатностью. Разработчикам, естественно интересно, чтобы вы платили им деньги за возможность создания лэндинга и поэтому часть разработчиков ограничивает возможности конструктора на бесплатных тарифах, либо предоставляют полный функционал, но ограниченный по времени (trial-версия). Поэтому красивая кнопка «попробовать бесплатно», пусть не вводит вас в заблуждение. Платные тарифы есть практически у любого конструктора.

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

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

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

№2. Создание лендинг пейдж с помощью готовых HTML шаблонов

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

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

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

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

№3. Создание landing page на CMS WordPress

Третьим, завершающим способом сделать лендинг бесплатно – это использование CMS WordPress. Почему именно Вордпресс, спросите вы?! На самом деле, это не обязательно должен быть именно этот движок, можно использовать и совершенно иной, например — Joomla, OpenCart т.д. Если грубо, то суть в том, что вы на CMS прикручиваете шаблон лендинга, который всего лишь отличается представлением (дизайном / структурой) от классического шаблона. Движок WordPress используется достаточно часто при создании лендинга, поэтому пример приведу именно на нем. К тому же, я сам использую периодически этот вариант.

Этот способ по сравнению с предыдущим, позволяет делать лэндинги более профессиональными и функциональными (если так можно выразится). Конечно, хотя бы начальные знания HTML и CSS тут будут тоже не лишними. Также потребуются знания установки CMS на хостинг. Как правило в этом нет большой сложности.

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

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

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

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

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

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

Также этот способ позволяет делать интеграцию с рядом сервисов, например, с CRM-системами, сервисами для email-рассылок и пр. Правда, это может быть не всегда бесплатно (разработчики плагинов могут включать этот функционал только в платные версии плагинов).

Резюме

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