Как сделать точную копию Landing Page у себя

  • Блог
  • Портфолио
  • На сайт студии

Содержание

29+ способов создать landing page без знания кода: самый полный независимый обзор инструментов в рунете

    30 мая, 2017 Дизайн, Маркетинг, Продажиlanding page, инструменты для создания лендинга, лендинг

На написание этой статьи я потратила 44 часа. За это время я изучила и опробовала 50+ инструментов по созданию landing page, 29 лучших детально описала и создала для вас удобную сравнительную таблицу (смотрите в конце статьи). Поэтому, если вы ищете лучший способ создания лендинга без знаний программирования, то здесь вы точно найдете решение.

Привет, меня зовут Диана, и я интернет-маркетолог в студии IconDesignLAB.com. Иногда у меня возникает необходимость создать лендинг под какую-то маркетинговую задачу. Но, не смотря на то, что в нашей студии есть профи, которые создают крутые landing page, отвлекать их под каждую мелкую задачу дорого и нецелесообразно. Тем более, куда ни кликни, везде предлагают: “сделай лендинг быстро и без знания программирования”.

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

Надеюсь, проделанный мной труд существенно сэкономит вам время, и вы скажете мне “спасибо” своим шером.

Способы создания лендингов

Создать landing page, как оказалось, можно несколькими способами:

  1. с помощью специальных платформ-конструкторов;
  2. с помощью плагинов на WordPress;
  3. с помощью сервисов почтовых рассылок;
  4. с помощью фреймворков или готовых шаблонов;
  5. написать с нуля (это хардкор, нужно уметь кодить — здесь не об этом)

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

Платформы-конструкторы целевых страниц

Плюсы:

  • В большинстве случаев есть визуальный редактор, где вы просто перетаскиваете и вставляете нужные вам блоки (техника drag-and-drop), редактируете текст, изображения и т.п.
  • Знание HTML и навыки программирования вообще не нужны.
  • В большинстве случаев есть тестовый период, можно прощупать функционал платформы, не покупая кота в мешке.

Минусы:

  • Вы платите за использование платформы каждый месяц от 4$ до 70$ ( есть и выше), в зависимости от тарифов и функций.
  • Вы можете подключить свой домен, но хостинг, в большинстве случаев, — нет. Это значит, что после создания, лендинг остается во владении платформы и забрать себе вы его не сможете.
  • Тарифные сетки порой очень запутанные. Внимательно читайте условия. За дешевой ценой часто скрывается много функциональных ограничений, невозможно отключить брендирование, или есть лимит на количество лидов.

А теперь подробнее о конструкторах, которые мне больше всего рекомендовали Гугл и коллеги в соцсетях:

1) LPgenerator

Сайт: https://lpgenerator.ru
Это платформа-генератор лендингов, она у всех на слуху и одна из первых в поисковой выдаче по запросу “лендинг”. Нам предлагают не просто создать лендинг, а решить основную проблему — “генерировать реальные заявки и увеличивать продажи”. На это и уклон: большой функционал и есть Центр оптимизации конверсии.
В обмен на email можно 7 дней бесплатно протестировать платформу и опробовать визуальный редактор.

Вот так выглядит редактор LPgenerator

Он довольно простой и понятный, есть много привлекательных шаблонов под любые задачи, в которые также можно вставлять целые готовые блоки, есть специальные мобильные целевые страницы с лид-формами и функцией Click to Call. Можно вставить таймер, свои шрифты, слайдер отзывов, попапы, видео из YouTube, карты и еще много других виджетов и фишек. Что порадовало, так это то, что знание HTML и навыки программирования действительно не нужны, хотя с ними тут тоже можно много чего придумать.
Когда 7 дней пройдут, вам позвонить вежливая девочка из call-центра, ответит на все ваши вопросы и ненавязчиво будет склонять к покупке.
Эту платформу можно интегрировать с Mailchimp, Sendpulse, GetResponse и целой кучей других сервисов.
Есть возможность подключить собственное доменное имя или новое.
Лендинги можно продвигать по SEO, но обычно это не так эффективно, как продвижение сайтов.
Здесь есть CRM управления лидами и LP Телефония, но протестировать ее работу у меня пока руки не дошли.
Есть удобная служба поддержки для работы с платформой, которая сразу выдает готовые шаблонные ответы, но всегда по делу и в тему. Вот пример ответа, который мне прислали. Прямо пошаговая инструкция для чайников.)

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

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

Из минусов:
Созданные страницы нельзя перенести на свой хостинг. LPgenerator считает это нарушением авторских прав. Кроме того, верстка страниц создана таким образом, что их невозможно перенести без ограничения функционала на другой хостинг. Сервера, как ответил мне Вадим, находятся в Дублине. Т.е. для аудитории в США, страница будет открываться медленнее, чем для европейцев. Это пока небольшой минус для нас, но для сайтов с большой посещаемостью из США может привести к потерям денег на каждой дополнительной секунде загрузки страницы.
Еще один минус — это запутанная тарифная сетка, хотя она позволяет выбрать наиболее оптимальную сумму и срок, но 16 вариантов, ребята! Ау! Тут из 4ех бы выбрать!
Есть 4 тарифных плана, и в каждом цены меняются в зависимости от того, выбираете вы эту платформу на месяц, 3 месяца, 6 или год. Плюс, дополнительные затраты с вас за привязку домена и подключение доменной почты в некоторых пакетах — 297 руб.
Для сравнения с другими инструментами я взяла тот пакет, который мне навязывает сам LPgenerator, выделяя его серым цветом. В нем уже не будет брендинга от LPgenerator и нет лимита посетителей. И стоит он 2 799 руб. в мес при оплате за год, т.е. чуть больше 45 $ в месяц, это ни много ни мало 540 $ за год.
Вывод: Довольно интересная платформа, подойдет для решения как сложных, так и очень простых задач. Но использовать можно как временный инструмент, т.к. хостинг рано или поздно станет ключевым фактором. Да и цена не очень радует. Поищем дешевле.

2) WIX

http://ru.wix.com/
Главное отличие этой платформы — она бесплатная (почти).
С помощью WIX можно создать интернет-магазин, блог, сайт-одностраничник практически для любой цели. Вы можете опробовать визуальный редактор сразу после создания своего аккаунта. В редакторе можно добавить на ваш сайт что-угодно: видео-фоны, всплывающие окна, слайд-шоу, кнопки соцсетей и многое другое. Кроме того, вы можете найти нужное вам бесплатное или платное приложение в WIX App Market. Есть возможность добавить он-лайн запись в календарь, есть минимум того, что необходимо интернет-магазину, можно добавить блог и т.п.
Здесь есть огромное количество шаблонов (заявлено более 500), разделенных по темам. Это вам точно понравится.

Работа в редакторе WIX

Навыки HTML и программирования тоже не нужны, ура!
Как и в LPgenerator, доменное имя можно выбрать новое или подключить свое, но уже не бесплатно.
Здесь тоже работает круглосуточная служба поддержки. Но ответят на ваш вопрос скорее всего шаблонным письмом и текстом, который вы и так можете найти на сайте. На мой вопрос: “C какими сервисами можно интегрировать WIX?”, ответ пришел: “К сожалению, на данный момент нет возможности интегрировать WIX со сторонними сервисами.” Хотя в обновлениях сервиса указано, что есть интеграция с MailChimp. Т.е. вопрос по поводу интеграции этой платформы с почтовыми и другими сервисами остался открытым.
Но в принципе для почтовых рассылок здесь есть свой инструмент, хотя конечно с не очень широким функционалом. Кроме того, заявлено более 200 приложений для бизнеса, которые вы можете скачать в WIX App Market. Тут есть и аналитика в том числе.
Тарифная сетка, подана более удобно для восприятия, чем в LPgenerator. Но вот что оказалось: пока вы не стали зарегистрированным пользователем, на самый популярный тариф вам показана цена 12,42 $ в месяц при оплате за 1 год. Но, когда вы захотите приобрести этот же пакет уже из своего аккаунта, цену вам покажут — 19,92 $ в месяц при оплате за год. Смотрите сами:

Так показаны тарифы в Хроме без регистрации своего аккаунта.

А так уже из личного кабинета, использовала Оперу.

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

Так, что внимательно читайте, что вам предлагают.

Для сравнения с другими инструментами, возьмем цену 19,92$, т.е. 239,04$ вам нужно заплатить сразу за 1 год.
Цена меньше в 2 раза, чем у LPgenerator, кроме того, есть 14 дней гарантии возврата денег, если вам что-то не понравится. Хотя можно ли их вернуть, я не проверяла.
Из минусов:
Такой же минус, как и в LPgenerator, хостинг предоставляет платформа, и перенести данные на свой возможности нет.
WIX позиционирует себя, как платформа, на которой можно создать полноценный сайт совершенно бесплатно, а зарабатывают они лишь на премиум-услугах. Но это обман. Лендинг действительно можно опубликовать бесплатно, но приблизительно с таким доменом https://www.вашапочта.wixsite.com/вашеназваниесайта и рекламой WIX везде, где только можно. Кроме того, чтобы подключить свой домен и почту — надо перейти на другой тариф, т.е. заплатить. Чувствуешь, что тебя водят за нос. Напрягает.
Видимо, тот, кто оставил этот комментарий, тоже почувствовал себя так.

Отзыв в разделе комментариев WIX

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

3) Платформа LP

https://platformalp.ru
Сайт этой платформы сделан в ее конструкторе, но лично мое мнение — выглядит простовато, поэтому особых фишек я от этой платформы не ждала. Но оказалось, тут есть и анимация, и эффекты параллакс, заявлено 8 560 дизайнов для каждого блока. Есть своя аналитика, можно создавать мультилендинги и даже проводить А/В тестирования.
Чтобы попробовать, как работает платформа, достаточно зарегистрироваться. Вы получаете 14 дней доступа к визуальному конструктору бесплатно. В редакторе можно вставлять видео, слайдеры, счетчики, Slideshare, корзину, карты и многое другое. Есть около 40ка красивых шаблонов и служба поддержки внизу экрана. Функционал конечно слабее, чем у предыдущих платформ. Нет возможности настроить всплывающее окно, например, хотя видео-фон сделать можно. Наличие интересующих вас функций лучше уточнять у службы поддержки.

Вот так выглядит редактор Платформы LP

Служба поддержки отвечает быстро (в течении 10 минут) и по делу.
Заявлен огромный список сервисов, которые можно интегрировать. Кроме того, указано, что можно подключить любой другой.
Цена примерно 22.42$ в месяц. Если оплатить за год, то будет еще дешевле. Тарифная сетка выглядит так:

Тариф Микро, видимо, не чтут;)

Из минусов:
Хостинг в России, перенести на свой нельзя.
Функционал слабее, чем у 2ух предыдущих сервисов.
Есть много негативных отзывов за последнее время.

Случайный отзыв в группе ВК

Вывод: Можно пользоваться для создания “легких” лендингов, и даже можно создать что-то красивое. Но мне кажется, цена завышена за такой функционал.

4) Базиум

http://bazium.com/
В Базиуме есть специальное предложение — простой лендинг. На первый взгляд он как раз подходит для решения простых задач. Стоит он всего 290 руб., т.е. 4.68$ за месяц при оплате за год. Но выбор шаблонов очень скудный — всего 6. Вроде бы есть и слайдеры, и попапы, и формы вопрос-ответ, и видео фон, и другие фишки, но чувствуется, что функционал слабый. Нельзя даже отменить последнее действие. Протестировать можно все сразу после регистрации, еще и бесплатный период 15 дней есть.

Выбор шаблона в Базиуме

Служба поддержки работает отлично. Даже скриншоты с пошаговой инструкцией присылают.
Свое доменное имя и 3 дополнительных можно подключить, ничего не доплачия, даже при самом недорогом тарифе.
Из минусов:
Хостинг находится в Германии, перенести на свой нельзя.
Слабый функционал.
Отметка «Made on Bazium» на вашем лендинге убирается только при пользовании самым дорогим тарифом. А самый дорогой тариф рассчитан в основном на интернет-магазины. Там появляются новые функции: массовая загрузка товаров с помощью файла импорта, разграничение прав доступа и т.п. Точно мне не подходит.
Вывод: Больше подходит для интернет-магазинов, либо для создания лендингов под самые простые задачи при условии, что вас не смущает отметка «Made on Bazium».

4) LPmotor

http://lpmotor.ru
Еще одна подобная платформа, но уже с особой фишкой — возможностью создания автоворонки продаж. 78 шаблонов — не так много. Знания программирования не нужны, все легко. Плюс в том, что вы можете опробовать визуальный редактор сразу после регистрации и создать свой сайт. Выглядит его функционал слабее, чем у LPgenerator, к примеру. Нет возможности сделать шаг назад. Но здесь тоже можно создавать много чего красивого: слайдеры изображений, видеофон и т.п..
Можно проводить А/В тесты, есть своя мини-CRM, и можно интегрировать с любыми сервисами.
Отличает этот инструмент от остальных недавно введенная возможность — создавать автоворонку продаж. Если вы знаете принцип построения mindmap в GetResponse, то тут что-то подобное, но уклон на лендинг, а не на письма. Вы создаете цепочку касаний на карте, например, так:

Создание автоворонки продаж в LPmotor

Т.е. вы можете настроить рассылку писем или SMS в зависимости от того, на какую кнопку на лендинге нажмет пользователь или какую форму заполнит. Тут также можно указать промежуток времени, когда ему придет сообщение или письмо. В разработке находится еще функция автодозвона и всплывающих окон. Но видно, что система еще не налажена, некоторые кнопки не получилось выбрать, чтобы активировать.
Служба поддержки любит поспать. Быстро связаться не удается. Но зато отвечает по делу.
По стоимости можно выбрать пакет в диапазоне примерно от 7$ до 33$. Разница в стоимости повлияет на количество доменов, которые можно подключить и лендингов, которые можно создать, и не отражается на функционале, что радует.
Из минусов:
Хостинг они предоставляют свой и нет возможности перенести данные, но это уже не ново.
Функционал не очень широк и количество шаблонов тоже.
Многие интересные фичи еще в разработке.
Вывод: Нормальный инструмент для создания 1-2 лендингов, цена соответствует качеству. А за 33$ можно найти и получше. Перспективная платформа, но многое еще сыроватое, в разработке.

5) Leadkit

http://leadkit.ru
Я не знаю, почему этот инструмент мне так советовали коллеги на фейсбук. За 32$ в месяц я ожидала большего.
Редактор очень простой, функционал очень слабый, можно менять только текст и картинки в визуальном редакторе. Часто выбивает ошибку при загрузке картинки.

Выбор шаблона в Leadkit

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

Ребята leadkit, у вас все хорошо? Вы теряете клиентов.

Вывод: Пока этот вариант не рассматриваю, существенно отстает от конкурентов.

6) Landingi

http://landingi.ru
Вначале при регистрации вам предстоит ответить на несколько вопросов о вашем бизнесе и оставить номер телефона (хотя цифры можете писать любые — проверено ;)).
Шаблон можно выбрать в зависимости от цели лендинга — очень удобно.
Редактор простой, не навороченный по функционалу, но для того, чтобы создать простой и красивый лендинг его будет достаточно.
Все лендинги классифицированы на 12 групп в зависимости от цели. В каждой от 3 до 20 шаблонов.

Можно вставить счетчик, картинки, видео и т.п. Есть функция “шаг назад”

Нет службы поддержки в визуальном редакторе. Зато быстро и конструктивно на любые вопросы отвечают через он-лайн консультант на сайте.
Стандартный тариф вам обойдется в 39$ в месяц. Есть 14 дней тестового периода.
И еще одно важное преимущество — можно перенести данные на свой сервер через «Export to HTML». Но такая возможность пока экспериментальная. Однако служба поддержки обещает даже выслать инструкцию и помочь это сделать.
Из минусов:
Цена адекватная для конструкторов, но высоковата для постоянных задач.
Англоязычный ресурс, хотя это в принципе не проблема.
Выводы: Одна из лучших платформ для создания лендингов под любые цели. Но все равно, платить столько денег каждый месяц… Не лучше ли их потратить на фейсбук рекламу?

7) LpTrend

http://lptrend.com
Около 60 шаблонов вы найдете в этом конструкторе. Создать лендинг можно уже за 8$ в месяц, а если использовать для постоянных задач, то лучше брать годовой — обойдется в 19 баксов с копейками в месяц. Есть тестовый период — 7 дней. Как только он начнется, вам будут всячески так и по-доброму напоминать, как в фильме: “Осталось 7 дней…6 дней…”. А еще предложат какую-нибудь акцию, чтоб вы сразу не ушли.

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

Главное его отличие от остальных платформ и это его же минус — здесь нет визуального редактора. Выглядит это так:

Так выглядит редактор LpTrend

Здесь мало пространства для креатива. Можно выбирать разные иконки (там, где они есть), менять цветовую схему сайта, редактировать текст, картинкии и вставлять видео.
Служба поддержки работает отлично. Вежливо ответят на любой глупый вопрос (проверено:)).
Из минусов:
Уже писала, что отсутствие визуальной составляющей — огромный минус.
Ну, и данные на свой хостинг тоже перенести нельзя.
Выводы: Можно использовать для стандартных целей бизнеса, но не нам, не студии дизайна. Уж слишком все загнано в рамки. Дайте пространство для креатива! 🙂

8) Umi.ru

http://umi.ru
Я решила рассмотреть эту платформу детальнее, т.к. ее цены радуют (6.4$ в месяц при оплате за год), и есть возможность перенести данные на свой хостинг, т.е. выкупить свой сайт.
Однако меня расстроил визуальный редактор. После просмотра предыдущих платформ он выглядит очень примитивно. Видимо, чтобы создать здесь что-то стоящее нужны знания CSS и HTML, на что у меня пока нет времени.

Вот так просто выглядит редактор

Редактировать можно текст и изображения. Нету где фантазии разгуляться. Нету функции отмены действия.
Можно создавать лендинги бесплатно, но дисковое пространство будет 100 Мб, а домен будет «имя_сайта.umi.ru», так что тоже не вариант.
Зато здесь есть много фишек для интернет-магазинов. Читайте подробнее сравнение тарифов, кому интересно.
Из минусов:
Визуальный редактор выглядит просто и примитивно.
Шаблоны смотрятся устаревшими.
Вывод: Цена очень радуют. И на этом все. Подойдет тем, кто хочет сэкономить и немного знает CSS. Но не мой вариант, несмотря на то, что есть возможность перенести данные на свой хостинг.

9) lpg.tf

https://lpg.tf
За 11$ в месяц при оплате за год вы получите всего 3 шаблона-заготовки, которые нельзя менять полностью, а лишь элементы в них. Конструктор очень прост и примитивен. Смотрите сами:

Работа в конструкторе lpg.tf

Из фишек: есть камбекер — это всплывающее окошко, которое поможет собрать контакты у тех, кто хочет уйти с вашего лендинга. Также можно установить счетчик, но особо больше ничего такого нет.
Лендинг можно протестить и даже запустить бесплатно, но естественно без подключения домена.
Тут даже можно проводить А/Б тесты.
А есть интересный блог о лендингах.
Решила на этом инструменте долго не останавливаться.
Из минусов:
Редактор подкачал. За такую цену есть посильнее конкуренты.
Вывод: Я для себя отбросила этот вариант, но если вас не пугает строгость шаблонных рамок — загляните. Потестить можно бесплатно.

10) Borstch

https://borstch.com/lp.landing?vid=11
Платформу с таким названием я просто не могла не включить в этот список.
За 7$ в месяц при оплате за год вы получаете около 70 шаблонов лендингов. Редактор ограничен по функционалу и простоват, хотя за такую цену, как я уже поняла, нормальный. Можно менять текст, картинки, вставлять блоки.

Работа в редакторе Borstch

Особенностью мне показалось общение со службой поддержки через виджет ВК. (Для украинской аудитории это теперь скорее недостаток).
Конструктор создает впечатление немного недоработанного продукта.
Есть 14 дней тестового периода.
Есть интеграция с некоторыми сервисами, возможность проведения А/Б тестов, своя CRM система.
Из минусов:
Все выглядит сыровато и не внушает доверия (ИМХО).
Вывод: Для простого шаблонного лендинга подойдет, но для моих задач — вряд ли.

11) Vigbo (Gophotoweb)

http://www.gophotoweb.ru
Отличительная черта этого конструктора в том, что его невозможно протестировать до покупки. Поэтому я не смогу дать ему объективную оценку. Но вот, что я подсмотрела у видеоблоггеров:

Скриншот с видео о работе в редакторе

Думаю, принцип редактора понятен: вы заполняете поля, а потом смотрите в превью, что получается.
Как видите, есть SEO-настройки.
Лендинги можно создать красивые, отзывы тут хорошие. Хвалят службу поддержки.
Да и цена очень адекватная 6.25$ в месяц.
Из минусов:
Нет визуального редактора.
Рамки шаблонов не дают пространства креативу.
Вывод: Я бы посоветовала этот конструктор тем, кто собирается вести блог или открывает магазин. Для создания лендинга он может использоваться, но вам все равно придется четко придерживаться шаблона.

12) Tilda

https://tilda.cc/ru/
Тильду мне очень советовали в фейсбук группах по маркетингу. Особенность этого инструмента — фокус на тексте. Большое внимание уделено шрифтам. Отличная платформа для СМИ или ведения блога. За 1 лендинг нужно будет платить около 8ми баксов за месяц при оплате за год, но если брать для работы, то есть тариф за 16 баксов 5 лендингов. Это, пожалуй, лучшее соответствие цена-качество, что я видела среди платформ.
Здесь можно создать практически любой лендинг с параллаксом, видеофоном, анимацией — любой каприз.
Заявлено более 450 профессиональных блоков, из которых можно клепать сайт.

Работа в редакторе Tilda выглядит так

Это только кажется, что редактор простой. Он выглядит лаконично и просто, но создавать здесь можно и сложные вещи.
Служба поддержки представлена справочным центром, чатом и можно писать ей письма по-старинке ;).
Можно интегрировать различные сервисы, проводить А/В тесты, считать аналитику.
Наверное, поэтому эту платформу так любят маркетологи — тут есть все. Даже SEO в отзывах расхваливают.
Из минусов:
Такой же минус, как и у большинства платформ — хостинг не подключишь свой.
Вывод:
Если выбирать среди платформ, то Тильда мне понравилась пока больше всего по соотношению цена-качество.

13) Leadpages

https://www.leadpages.net
Тут около 100 шаблонов, которые разделены по тематикам. Есть вполне нормальный визуальный редактор drag-and-drop, в котором можно добавлять попапы, счетчики, кнопки call to action и др. Платформа англоязычная и без тестового периода.

Слева колонка, где шаблоны разделены по тематикам

Как минимум обещана интеграция с MailChimp и другими сервисами.
Можно проводить А/В тесты.
Из минусов:
Нельзя подключить свой хостинг. И цена дороговата — 48$ в месяц при оплате за год.
Вывод:
Можно юзать, но были варианты и лучше. Не буду рекомендовать только потому, что не смогла прощупать редактор.

14). Flexbe

https://flexbe.ru
У этой платформы всего несколько шаблонов, а цена 24.64$ в среднем. Визуальный редактор выглядит так, есть в нем и служба поддержки справа. Как видите, в редакторе можно менять текст, фон, картинки. Особых наворотов нет.
Все это можно протестить за 14 дней бесплатного периода.

Работа над шаблоном

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

15) Unbounce

https://unbounce.com
Это один из самых дорогих рассматриваемых мной конструкторов, поэтому искренне ждала эффекта “WOW”. А в итоге оказалась типичная платформа, только с нетипичной ценой 79$ в месяц при оплате за год. Есть в редакторе возможность добавить параллакс, видеофон, полноэкранные фоны и другие навороты. Около 125 шаблонов.

Скрин главной страницы сайта

Есть возможность проводить А/В тесты, есть интеграция с MailChimp и т.п.
Тестовая версия 30 дней, но надо все данные карты ввести, чтобы ее получить. Вобщем, извините, редактор я не тестила, так что долго не буду останавливаться на этой платформе.
Кому интересно, делайте выводы сами.
Из минусов:
Высокая цена для конструктора. Очень хлопотно получить тестовую версию.
Вывод:
Ощущение, что платформа на англоязычный рынок рассчитана. Если цена не оттолкнула — напишите свои отзывы потом в комменты.

16) Weebly

https://www.weebly.com
У этой платформы около 70ти шаблонов. Редактор работает по принципу перетаскивания элементов на шаблон. Из интересного на лендинг можно добавить видеофон, HD-видео и др. Выглядит это так:

Визуальный редактор Weebly

Можно интегрировать с сервисами рассылки, как MailChimp. Но тут нет возможности проводить А/В тесты, что меня удивило.
Цена ниже средней — 12$ в месяц при оплате за год.
Из минусов:
Нельзя перенести на свой хостинг.
Вывод:
Больше подходит для интернет магазина.

17). Bloxy

https://bloxy.ru
За 24.15$ в месяц вы получаете удобный редактор drag-and-drop и более 300 готовых секций.
Редактор можно протестить до покупки, вставлять счетчики, видео, анимацию и другие триггеры.

Вот так выглядит работа в редакторе Bloxy

Можно легко подключить такие сервисы email рассылки, как MailChimp, UniSender, GetResponse и т.п.
Можно проводить А/В тесты, подключить коды ретаргетинга Яндекс, Google, VK, FB и другие.
Выбирая тарифную сетку, обращайте внимание на количество доменов, которые можно подключить, и количество страниц, которые можно создать.
Есть дешевый тариф для создания лендингов — примерно 3.14 $/мес, но возможности там узкие. Нельзя проводить А/В тесты, не входит в тариф подключение аналитики, CRM и интеграция с почтовыми сервисами. Поэтому, я не этот тариф далее не рассматривала.
Из минусов:
Нельзя перенести на свой сервер данные.
Выглядит сложно, есть много функций для профи, многие за дополнительную плату или включены в более дорогой тариф.
Вывод: Складывается впечатление, что новичку будет сложно. Подойдет для интернет-магазина.
Можно рассматривать как вариант, цена средняя. Но опять же, все упирается в хостинг.

18) Ukit

https://ukit.com/ru
Эта платформа порадовала ценой — 8 баксов в месяц. Все время искала подвох…
Более 200 шаблонов, которые разделены по тематикам. Можно потестить редактор бесплатно.

Выбираем шаблон в Ukit по нужной тематике

Интегрируется с MailChimp и другими сервисами. Лендинги адаптированы под мобильные устройства. Шаблоны простые, выглядят стильно. Не нашла тут анимации или эффекта параллакс, и спросить особо не у кого было. Хотя слайдер изображений есть.
Из минусов:
Нет онлайн-консультанта, хотя заявлена служба поддержки 24/7. Где ее искать? Писать письмо? Вы шутите?
Вывод:
Для простых и стильных лендингов без выпендрежа самое оно. Цена и качество соответствуют.

Тут я решила остановиться на конструкторах, т.к. поняла такую вещь: нормальный лендинг на платформе можно создать за 20-30 баксов в месяц при оплате за год. Однако он будет на чужом хостинге. Варианты дешевле — сильно проигрывают по функционалу и будут выглядеть несолидно. Если вас это не смущает, то смотрите сравнительную таблицу. Туда я внесла еще с десяток различных конструкторов, которые не подошли под мои задачи, но, возможно, заинтересуют вас. Из конструкторов пока выделила для себя Tilda.

Плагины для WordPress

Плюсы:

  • Оплата единоразовая и лендинг ваш бессрочно.
  • Цена обычно ниже, чем у платформ.
  • Хостинг ваш (для нас это плюс, но учитывайте, что платить за него — теперь ваша головная боль).
  • Работа в привычном WordPress, если вы с ним уже сталкивались конечно.
  • Не нужны какие-либо специальные знания кода или веб-дизайна.

Минусы:

  • Нужен WordPress.
  • Часто нет тестового периода или возможности посмотреть работу плагина.
  • Сложно подключать (хотя это скорее субъективное наблюдение).

19) Visual Composer

https://vc.wpbakery.com
Преимущество этого плагина для WordPress — наличие тестовой версии. Ее можно обменять за email. Есть как Frontend редактор, где вы сразу видите изменения, и Backend, что тоже удобно. Но некоторых инструментов для работы не хватает, нельзя сделать шаг назад, к примеру.

Можно вставлять карты, графики, кнопки соцсетей, создать параллакс и различные виджеты.

Этот плагин работает с любой WordPress темой — а это еще один плюс.
Более 60 шаблонов и 40 элементов, которые можно добавлять, в вашем распоряжении. Кроме того, можно создавать и сохранять свои шаблоны.
Из минусов:
Подключение — задача нелегкая, но единоразовая.
Англоязычный плагин, но текст на лендинге можно менять везде.
Вывод:
Неплохой вариант для постоянной работы всего за 34$.

20) Thrive Themes

https://thrivethemes.com/landingpages/
Еще один плагин, который подходит для любой темы WordPress. Более 162 шаблонов, в которых можно работать, перетаскивая и меняя элементы в визуальном редакторе.

Вот такие вас ждут шаблоны

Есть страницы благодарности и подтверждения, которые можно сделать в едином стиле с лендингами. Продумано много триггеров, которыми можно зацепить на посадочной странице: счетчики, попапы, отзывы и т.д.
Из минусов:
Нельзя протестировать плагин до покупки. Но есть видео на странице и обещана 30-дневная гарантия возврата денег, если вам не понравится этот плагин по любой причине.
Англоязычный плагин, но этого никто не увидит на лендинге, т.к. можно менять любой текст..
Вывод:
Хороший вариант, но не понятно почему цена выше практически в 2 раза — 67$ за год, и в чем отличие от предыдущего плагина, т.к. нет возможности бесплатно увидеть редактор. Возможно, отличие в наличии техники drag-and-drop, которая позволяет легко перетаскивать элементы.

21) WP Page

http://wppage.ru
Еще один плагин с простым редактором уже на русском языке. Вот так выглядит его панель инструментов.

Можно менять ширину страниц, цвет и тень рамки, задний фон. Но здесь нет возможности вставить слайдер фото, видео-фон или красивую анимацию.

Интегрируется с 5ю популярными сервисами рассылок, как MailChimp и т.п. Есть возможность проводить сплит-тесты, можно вставить стрелки призыва к действию и кнопки заказа.
Есть 7 дней тестового периода и можно попробовать редактор бесплатно. Цена не высока — около 35 баксов единоразовый платеж.
Служба поддержки отвечает очень быстро, прямо порадовала.
Из минусов:
Шаблонов здесь нет, все нужно делать самостоятельно.
Плагин не создает страниц с адаптивным дизайном.
Вывод:
Плагин слишком прост. Подойдет не привередливым. Кому нужно быстро и понятно, без всяких там красивостей.

22) Optimizepress

https://www.optimizepress.com
Очередной плагин на WordPress с функцией drag-and-drop. Выбираете шаблон и перетаскиваете нужные элементы на него. Редактор визуальный, все изменения видны сразу.

Скрин с главной страницы

Шаблоны адаптированы под мобильные устройства, как и любой лендинг, который вы создадите сами. Кроме того, можно выбирать контент, который не будет показываться пользователям мобильной версии.
Этот плагин легко сочетается с любой темой WordPress, интегрируется с различными сервисами почтовой рассылки, легко подключить аналитику и различные маркетинговые инструменты.
Есть тариф за 97$, который подходит для использования на 3ех сайтах, но в нем нет возможности проводить А/Б тесты, нет доступа к 50ти шаблонам и красивой анимации. Поэтому для работы, я рассматриваю средний вариант — 197$, вот только почему такая цена?
Из минусов:
Цена выше, чем у остальных плагинов.
Нет тестовой версии.
Вывод:
Вполне подходящий вариант, но только если не смущает высокая стоимость.

23) Instabuilder

http://instabuilder.com/v2.0/launch/
Сразу подкупает чувство юмора создателей на главной странице. “It’s As Sexy As It Is Effective” — пишут они.

Скриншот с главной страницы

Предлагается более 100 шаблонов на выбор, кроме того, можно создавать и сохранять свои шаблоны. Есть огромное количество различных фишек, как: счетчики, анимация, попапы, бары и много чего еще.
Плагин интегрируется с чем угодно, подходит к любой теме.
Техника drag-n-drop, есть галерея с готовой графикой, редактор для улучшения и изменения фотографий.
Любой лендинг, созданный с помощью этого плагина адаптирован к мобильным устройствам.
Есть функция проведения сплит-тестов. Есть уникальная функция 2-ух и даже 3-ех шагового сбора контактов. (подробнее смотрите видео на странице)
Вообще плагин очень напичканный разными функциями, наверное поэтому цена — минимум 77$. Это единоразовый платеж за сам плагин и его обновления и поддержку на 1 год. Далее за обновления вас попросят оплатить 37$ в год.
Есть 60 дней гарантии возврата денег.
Из минусов:
Нельзя протестировать до покупки.
Вывод:
Отличный плагин, считаю, что его цена соответствует его содержимому. Т.к. есть много функций, за которые маркетологу обычно приходится доплачивать отдельно, например, попапы, бары и т.п.

24) Seedprod

https://www.seedprod.com
Я не буду долго останавливаться на этом плагине, т.к. не смотря на то, что тут есть возможность создавать “landing pages”, это не основная его задача. Этот плагин будет полезен для тех, кто хочет создать лендинг на 1 экран. Есть немного шаблонов на выбор, в которых, можно менять форму захвата, фон, текст, вставлять видео и даже счетчики и анимацию. Но в основном предназначены эти шаблоны для создания красивой странички “coming soon” для захвата лидов по время реконструкции сайта. Выглядят шаблоны так:

Как видите, есть шаблоны не только для странички “coming soon”

Редактор интуитивно прост, в левой колонке выбираете действие, в правой — видите результат.
Есть тестовый период и гарантия возврата денег. Интегрируется с различными сервисами почтовой рассылки.
Возможность создать лендинг у вас возникает при тарифе в 79$
Из минусов:
Плагин заточен под конкретную задачу “coming soon page”, поэтому чувствуется недостаток шаблонов под другие задачи.
Вывод:
Цена 79$ высоковата, то если вам нужен лендинг конкретно под “coming soon page” или, к примеру, собирать лиды за e-book, то вполне хватит тарифа в 29$, при условии, что у вас 1 сайт.

22) Divi Builder

https://www.elegantthemes.com/plugins/divi-builder/
В этом плагине Drag & Drop редактор, поэтому работать с ним легко. Можно менять практически все от шрифта до видео и изображений, создавать красивые лендинги с анимацией. Есть кнопка возврата действия, ура!

Здесь перечислены все 46 модулей контента, которые можно добавлять

Адаптирован под любые устройства.
Не нужны знания дизайна или программирования, чтобы создать качественный лендинг. Подходит к любой теме WordPress, через плагин https://www.elegantthemes.com/plugins/bloom/ можно подключить 16 сервисов email-рассылки.
Служба поддержки до покупки отвечает долго, рекламирует другие свои плагины и может предложить скидку в 10% на покупку Divi Builder.
Из минусов:
Нет тестового периода, но можно вернуть деньги в течении 30 дней
Цена в 89$ выше среднего.
Вывод:
Подойдет под любую задачу, вопрос упирается в цену.

23) Elementor

Скрин главной страницы

Редактор работает по технике Drag-n-drop, т.е. все изменения видны сразу. Есть возможность сделать шаг назад или сравнить предыдущую версию с новой. Более 20ти шаблонов и 28ми виджетов можно использовать при создании лендинга. Особые знания не нужны, все достаточно просто.
Можно переключиться на Elementor Pro https://elementor.com/pro/ — это более усовершенствованная версия от 49$ за год.
Из минусов:
При использовании бесплатной версии мало красивых шаблонов.
Вывод:
Для создание лендингов — самое оно, тем более бесплатная версия есть.

Сервисы почтовых рассылок

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

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

Минусы:

  • Такие сервисы созданы для рассылки, поэтому не ждите от них широкого функционала для создания лендингов.
  • Ежемесячная оплата.

24) Estismail

https://www.estismail.com/landing
В этом сервисе почтовых рассылок можно создать лендинг — простой конечно, но зато быстро. Есть с несколько десятков различных блоков, которые можно легко менять в пределах рамок. Т.е нет ничего особенного, типа анимации или видео, но все необходимое для сбора лидов есть. Просто выбираете блоки и расставляете их в нужном порядке: блок об авторе, блок с отзывами, кнопка действия, футер и т.п.

Непривычно видеть панель инструментов справа

Служба поддержки не очень удобная, нет живого общения, ждешь пока с тобой соизволит поболтать робот.
Из минусов:
Слабый функционал для создания лендингов.
Выводы:
Не готова пока советовать его тем, кто привык использовать рассылку MailChimp или Sendpulse. Тот функционал, который представлен в конструкторе лендингов, не заставит меня перейти на другой почтовый сервис. Но для тех, у кого email-рассылка не налажена, стоит рассмотреть и такой вариант 2в1. Опять же только для решения простых задач, когда нужен простой без лишнего выпендрежа лендинг.

25) GetResponse

https://www.getresponse.ru/
Это сильный маркетинговый инструмент, в котором можно не только осуществлять почтовую рассылку, строить mindmaps, проводить вебинары, но и создавать лендинги. Всего около 100 шаблонов, на мой вкус, достаточно симпатичных, хотя и простых, не вычурных. Есть возможность вставить GIF, видео, веб-формы. Но эффекта параллакс или видео-фона тут вы не найдете.

Работа над шаблоном в редакторе

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

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

Фреймворки и шаблоны

Плюсы:

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

Минусы:

  • Нужны знания HTML, CSS и т.п.
  • Нельзя протестировать инструмент до покупки

26) Framework Slides

https://designmodo.com/slides/
Это не софт, а он-лайн инструмент, доступ к которому, вы можете приобрести, совершив единоразовый платеж — 249$. Это дороже, чем любой из предыдущих способов, но, если учесть что хостинг и домен ваши, а лендинги получаются просто шикарные, то цена нормальная.

Шаблоны Framework Slides

Чтобы не говорить много, проще посмотреть это небольшое видео.
https://youtu.be/wPKOPs63l0A
Из минусов:
Главный и существенный минус в этом случае сидит в самом пользователе Slides Framework, потому что, если у вас нет знаний в HTML, CSS и jQuery, то осилить этот инструмент будет сложно.
Нельзя протестировать до покупки.
Выводы: Можно создать лендинг быстро с помощью этого инструмента, но только, если у вас хватит знаний для этого.

27) Framework Startups

Шаблоны Framework Startups

Для работы с этим инструментом вам еще понадобиться бесплатный Sublime Text, компилятор Code Kit, базовые знания HTML, CSS… а после этих слов мое желание использовать этот инструмент пропало вообще. Но все же я рассмотрю его на будущее.
В этом видео смотрите, как выглядит редактор и как с ним работать.
https://www.youtube.com/watch?v=RjyitAv_vwQ
Лендинги получаются просто шикарные, нет слов.
Из минусов:
Требует знания, на приобретение которых нужно потратить много времени.
Выводы:
Я для себя пока не рассматриваю этот инструмент — слишком сложно. Но если вы чувствуете в себе силы, начните с Demo версии. Благо, она здесь есть.

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

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

28) TemplateMonster

https://www.templatemonster.com
26 640 шаблонов разделены по тематикам и задачам. Есть специальный раздел с выбором шаблонов для посадочных страниц. В среднем цена за такой шаблон колеблется от 14$. Существуют шаблоны “с админкой” и без. Первые, по словам консультанта, легко редактировать даже неопытному пользователю. Можно менять текст и картинки.
Есть интересная услуга: за 49$ вам полностью помогут запустить сайт, изменить логотип, картинки и тексты, перенести данные на ваш хостинг.

Выбор шаблона в базе TemplateMonsters

Общение со службой поддержки до покупки порадовало, выглядит это так:

Спасибо Сэнди за ответы

Служба поддержки посоветовала мне рассмотреть вот такой шаблон с админкой
https://www.templatemonster.com/landing-page-template/consulting-responsive-landing-page-template-59241.html. В полне подходящий шаблон, но у меня возникли сомнения, что я смогу так просто и быстро его поменять. Оказывается, даже это можно протестировать в течении 14 дней. Нужно нажать на кнопку “Control Panel Demo” под шаблоном, и вам предложат протестировать панель админа в обмен на email.

Работа над шаблоном в панеле админа

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

29) Themeforest

https://themeforest.net/
34 226 шаблонов на любой вкус. Вот, например, шаблон за 10$ для создания лендинга под сбор адресов за email.

Шаблон можно посмотреть ближе

Но как его потом поменять? Тестовой версии я не нашла, да и спросить не у кого — онлайн-консультанта нет.
Принцип работы тут такой же, как у TemplateMonsters, поэтому не буду долго описывать.
Можно обратиться в службу поддержки за помощью в подключении.
Из минусов:
Нужно долго разбираться, как поменять шаблон. Нет возможности протестировать эту возможность.
Выводы:
Шаблоны тоже можно использовать под создание целевых страниц, но этот путь выглядит немного сложнее и дороже (ИМХО).

Напрашивающиеся выводы или какой инструмент лучше?

Что выбрала я:

Я не знаю, для каких задач вам нужен лендинг, и на какой бюджет вы рассчитываете, поэтому и советовать вам что-то тяжело. Но могу сказать, что выбрала я.
По функционалу и качеству мне больше всего понравился Framework Slides. Это лучший вариант, т.к. платишь всего один раз и можешь создавать настоящие шедевры, которые будут к тому же на твоем хостинге. Однако, чтобы с ним работать мне пока не хватает знаний и времени.
Из платформ я бы остановилась на Tilda Publishing. Очень простой и удобный конструктор с подъемной ценой (1000 руб или примерно 17.6 $ за месяц). Приберегу его для временных задач.
Ну, а для постоянного использования выбрала я плагин Elementor. Потому что с ним привычно работать в WordPress, в нем есть все, что мне нужно по функционалу от видео до слайдов, и пока я не нашла в нем существенных недостатков.
Но перед тем, как вы что-то выберете, я должна вас вот о чем предупредить:

Главное, что нужно помнить:

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

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

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

  • 2 часа все равно придется потратить на выбор того инструмента, который нужен именно вам;
  • 5+ часов протестировать его и разобраться в нем;
  • 10+ часов займет создание лендинга. Что бы вам там не обещали конструкторы и плагины, они глючат и далеки от идеала. И это минимум 10 часов борьбы с пикселями и съезжающими шрифтами вам обеспечены (поверьте, я через это прошла).
  • 10 часов, чтобы подобрать тексты и изображения,
  • 3 часа минимум уйдет на проверку адаптивности сайта и общение со службой поддержки.

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

Когда все-таки стоит заказывать лендинг у профи

Ситуация, когда вам лучше обратится за помощью к профессионалу возникает, когда:

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

Куда бы я вам подсказала идти в такой ситуации? Тут бы я конечно могла написать, что к нам в студию, но будет звучать немного нескромно ;). Поэтому напишу честно: у вас есть несколько вариантов:

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

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

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

Сравнительная таблица: 29+ инструментов для создания лендинга

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

Источник: http://blog.icondesignlab.com/ru/2017/29-sposobov-sozdat-landing-page-bez-znaniya-koda-samyj-polnyj-nezavisimyj-obzor-instrumentov-v-runete/

Как загрузить лендинг на хостинг? Инструкция, примеры, ответы на важные вопросы

Привет! В этой технической статье по шагам покажу, как загрузить лендинг на хостинг. Для примера рассмотрим два хостинга – Timeweb и Hostiman. Также я покажу способ загрузки лендинга через FTP-клиент Файлзилла. Он пригодится, если закачать лендинг непосредственно через панель управления вашим хостингом нет возможности.

Вы можете посмотреть мой видеоурок к статье:

Процесс показываю на примере загрузки лендинга в формате html или php. То есть, чтобы загрузить лендинг, он должен находиться на вашем компьютере в отдельной папке или архиве со всеми исходными файлами – файл index.html или index.php, картинки, css-стили, скрипты и т.д.

Пример такого лендинга с исходными файлами на скриншоте:

Загрузка лендинга на примере Хостинга Таймвеб

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

Чтобы заархивировать, кликаем по папке правой кнопкой мыши, выбираем – Добавить в архив.

Выбираем zip-архив и нажимаем «Ок». Можно выбрать и rar-архив, но некоторые хостинги работают только с zip.

На Таймвеб вам нужно зайти в раздел «Файловый менеджер», там выбрать корневую папку сайта, куда вы хотите загрузить лендинг.

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

В файловом менеджере открываете папку сайта двойным кликом мыши, внутри папку – public.html.

Внутри будут технические файлы хостинга, их можно оставить, а можно удалить, чтоб не мешались. Чтобы удалить, выделите их мышкой, удерживая клавишу ctrl – затем нажмите вверху «Файл» и «Удалить».

Для загрузки лендинга нажмите вверху по вкладке «Файл» – «Загрузить на сервер».

Нажмите «Прикрепить файл», выберите архив с лендингом на компьютере.

Затем нажмите «Загрузить».

Далее выделите загруженный архив мышью, нажмите по вкладке «Архиватор» – «Разархивировать».

Получаем распакованную папку с лендингом, а архив можем удалить (выделить мышью – нажать «Файл» и «Удалить»).

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

Зайдите внутрь папки с лендингом (двойной клик мыши по ней).

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

Вставьте адрес в строку браузера, удалите внутри часть public_html и одну косую черту /. Должно остаться так – ваш домен/название папки (без пробелов).

В моем случае лендинг открывается по такому адресу:

Если сайта у вас еще нет. Тогда сначала вам нужно зарегистрировать домен в разделе «Домены и поддомены. Да, на Таймвебе дается бесплатно технический домен 3-го уровня, который имеет вид: вашлогин.tmweb.ru. Но лучше все-таки зарегистрировать свой короткий и презентабельный домен – например, в зоне ru. Он обойдется вам до 200 р. в год. На регистрацию домена уходит несколько часов, максимум сутки. После этого вы можете создавать сайт.

Далее покажу на примере уже имеющегося у меня домена.

Переходим в раздел «Сайты». Если вы все делаете впервые, у вас здесь уже может находиться сайт, созданный с техническим доменом, его лучше удалить (нажав на крестик напротив), чтобы не мешался. И создать новый, уже со своим доменом.

Нажимаем «Создать новый сайт».

Указываем имя директории сайта – называем точно так же, как называется наш домен.

Далее привязываем к этой директории домен, напротив нажимаем «Привязать домен».

Выбираем домен в списке и нажимаем «Привязать».

Итак, сайт создан.

Теперь заходим в «Файловый менеджер», в корневую папку сайта и загружаем лендинг, как я поясняла выше!

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

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

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

1) Выделить все файлы лендинга внутри папки, которую мы загрузили, удерживая клавишу ctrl.

2) Вверху нажать «Правка» – «Вырезать».

3) Стрелочкой вверх выйти из папки с лендингом и перейти непосредственно в папку public_html.

4) Сверху нажать «Правка» – «Вставить».

5) А пустую папку из-под файлов лендинга просто удалить.

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

Как загрузить лендинг через FTP, используя Filezilla?

Этот способ может пригодиться, если на вашем хостинге нет файлового менеджера.

Для этого скачайте и установите Файлзиллу – она бесплатна.

Затем запустите программу на компьютере.

Перейдите в раздел «Файл» – «Менеджер сайтов».

Создайте новый сайт, с которым хотите соединиться.

Далее вам понадобятся данные для FTP-доступа.

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

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

Кроме пароля от хостинга – его вы должны были сохранить при регистрации в надежном месте.

Вводим эти данные и соединяемся с хостингом.

Справа появятся файлы на хостинге, а слева – это файлы на вашем компьютере.

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

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

Жмем на нее правой кнопкой мыши и «Закачать на сервер».

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

Выделите левой кнопкой мыши все файлы одновременно.

Далее нажмите правой кнопкой мыши и выберите «Закачать на сервер».

Как загрузить лендинг на Hostiman?

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

Итак, переходим в панель управления хостинга – ISPManager (это популярная панель, которая встречается и на других хостингах, например, на Офферхост).

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

Сперва также нужно создать сайт с имеющимся у вас доменом.

Для этого переходим в раздел WWW – WWW-домены. Нажимаем «Создать».

В поле «Имя» указываем свой домен. Остальные поля заполнятся автоматически, нажимаем «ОК».

Сайт создан, теперь нужно попасть в его корневую директорию. Для этого переходим в раздел «Главное» – «Менеджер файлов».

Здесь двойным кликом мыши открываем папку с названием www.

Внутри находится корневая папка нашего сайта, ее также открываем двойным кликом мыши.

Внутри будет индексный файлик с заглушкой хостинга, его можно удалить. Просто выделить мышкой и сверху нажать «Удалить».

Далее загружаем наш лендинг в архиве с компьютера. Сверху нажимаем «Закачать».

Теперь загруженный архив нужно распаковать – выделяем его и нажимаем «Извлечь».

После извлечения получаем папку с лендингом, а архив удаляем.

Заходим внутрь папки с лендингом (открываем ее двойным кликом). И сверху копируем адрес, по которому будет открываться этот лендинг. Он имеет вид: ваш домен/название папки.

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

Предварительно удалите из нее файл index.html – заглушку хостинга.

Чтобы перенести, выделите все файлы внутри папки с лендингом, удерживая клавишу ctrl. Затем нажмите «Копировать».

В открывшемся перечне выберите папку с названием вашего домена и нажмите «Ок».

Файлы лендинга скопируются в нее. А ненужную папку можно удалить.

Вот и все. Мы научились загружать лендинг на хостинг.

Некоторые полезные советы и ответы на часто задаваемые вопросы

1) Часто спрашивают, можно ли загружать на один домен много лендингов или нужно делать поддомены?

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

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

На поддомене тоже можно создавать лендинги, но имейте в виду, что каждый новый поддомен – это новый сайт. А на хостингах часто есть ограничение по количеству создаваемых сайтов.

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

Вот как это выглядит у меня:

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

2) Можно ли загрузить лендинг на сайт, где установлен Вордпресс?

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

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

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

Можно создать отдельный сайт – использовать его для лендингов, а Вордпресс на него поставить, если вы планируете использовать плагины-конструкторы лендингов, например, Elementor, или пользоваться плагином для маскировки партнерских ссылок.

3) Сколько места нужно под лендинги?

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

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

Источник: http://o-zarabotkeonline.ru/kak-zagruzit-lending-na-hosting-instrukcziya-primery-otvety-na-vazhnye-voprosy/

Копирование лендингов: Научитесь самостоятельно копировать лендинги

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

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

Материал может быть удален по запросу правообладателя!

Описание курса:

Курс нужен Вам, если:

  • ВЫ ЗАНИМАЕТЕСЬ ТОВАРНЫМ БИЗНЕСОМ. Научившись самостоятельно копировать лендинги, Вам больше не нужно будет нанимать фрилансеров, составлять технические задания, ждать и терять время. Вы сможете самостоятельно в течении 20 — 30 минут найти подходящий Вам лендинг, скопировать и отредактировать его настроив свою почту для приема заявок. А сэкономленые на копировании лендинга средства можно пустить в рекламу и тем самым увеличить прибыль.
  • ВЫ ФРИЛАНСЕР ИЛИ ВЕБМАСТЕР. Товарный бизнес развивается семимильными шагами. А это значит что спрос на услуги копирования лендингов растет с каждым днем. Включив копирование сайтов в список предоставляемых вами услуг, Вы можете не плохо заработать. Средняя стоимость копирования простого лендинга без дополнительных корректировок, варьируется от 350 до 800руб. А время на его исполнение редко превышает 30 минут. А если при копировании нужны дополнительные корректировки, то стоимость возрастает пропорционально объему работы.

Что есть в курсе:

  • СПОСОБЫ КОПИРОВАНИЯ. Разберем 2 основных способа копирования сайтов.
  • В ЧЕМ СЛОЖНОСТЬ КОПИРОВАНИЯ. Рассмотрим какие сайты копируются а какие нет и почемую
  • 2 ИНСТРУМЕНТА ДЛЯ КОПИРОВАНИЯ. Разберем и установим два интрумента для копирования лендингов.
  • ХОСТИНГ И ДОМЕН. Как за пять минут зарегистрировать хостинг и домен для своего сайта.
  • 2 СПОСОБА ПЕРЕНОСА ФАЙЛОВ НА ХОСТИНГ. Научимся переносить файлы скопированного лендинга на хостинг.
  • РЕДАКТИРОВАНИЕ ЛЕНДИНГА. Научимся редактировать тексты и картинки на лендинге.
  • ФАЙЛ ОБРАБОТЧИК И НАСТРОЙКА ПОЧТЫ. Научимся настраивать формы для приема заявок на свою почту.
  • НАСТРОЙКА МЕТРИКИ И ЦЕЛЕЙ. Научимся настраивать и размещать на сайте счетчик метрики.
  • ОНЛАЙН ЧАТ И ВИДЖЕТЫ. Научимся устанавливать на сайте онлайн чат и виджеты.

Если Вы не видите ссылку для скачивания материала — отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте — покупайте контент напрямую у авторов.

Источник: http://openssource.biz/kopirovanie-lendingov-nauchites-samostoyatelno-kopirovat-lendingi.html

Как создать Landing Page на основе шаблона

Приветствую вас на сайте Impuls-Web!

В данной статье я расскажу вам, как можно бесплатно создать Landing Page на основе уже готового шаблона.

В прошлой статье я описывала основные способы создания Landing Page, и требования к структуре данной странице. Если Вам интересна эта тема – вот ссылка

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

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

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

Навигация по статье:

  • Как внести изменения в шаблон?
  • Как заменить изображения?
  • Настройка отправки сообщений
  • Выгружаем лендинг на хостинг
  • Видеоинструкция

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

Итак, после того как вы скачали и разархивировали данный архив у вас будет внутри этого архива две папки.

В первой папке будут находится набор Landing Page без визуального редактора, а во второй папке набор Landing Page с визуальным редактором.

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

Для просмотра определённой лендинг пейдж нужно открыть файл index.html.

Как внести изменения в шаблон?

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

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

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

Перетаскиваем в неё файл index.html и переходим к редактированию.

При редактировании страницы через Notepad++ здесь сразу расставляются переносы строк и есть подсветка кода. То есть, все тексты, которые вы можете править у вас выделены черным цветом.

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

Чтобы не пересматривать код для редактирования или замены определённых частей страницы воспользуемся поиском:

  1. 1. В браузере копируем фрагмент текста, который нужно изменить
  2. 2. Переходим в Notepad++ и нажимаем сочетание клавиш CTRL+F
  3. 3. Вставляем скопированный текст в строку поиска и нажимаем кнопку «Искать далее».

После того как вы нашли нужный фрагмент текста – меняете его на свой.

После внесения всех правок страницу нужно обязательно сохранить.

Как видите, править такую страницу можно, но это не очень удобно.

Как заменить изображения?

Что же касается замены картинок, то здесь будет по-сложнее. Первое что вы можете сделать – это подобрать подходящие картинки, затем загрузить их в папку images, которая находится внутри папки с данным лендингом, а затем, уже в коде смотреть где выводится эта картинка и менять здесь название на свое.

Но можно сделать проще. Например, вам не нравится определённая картинка.

  1. 1. Открываете папку images, находите здесь эту картинку.
  2. 2. Перетаскиваете ее в фотошоп или любой другой редактор изображений.
  3. 3. Здесь меняете ее на что угодно. То есть, вам главное что бы сохранилось название и размер. Например, вставляете другую иконку или меняете цвет.
  4. 4. Затем, просто сохраняете картинку.

Либо же, просто отдельно создаете картинку с таким же названием, с таким же размером, а потом копируете ее в эту папку, и когда спросят «Заменить это изображение?» вы выбираете «Да, заменить!». Таким образом, вы заменяете картинки, которые вам не подходят.

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

Настройка отправки сообщений

Возвращаемся в папку с лендингом и находим здесь файл sendmail.php, либо в некоторых лендингах он может называться index.php или mailer.php. В общем, файл, который находится в корне вашего лендинга, и имеет расширение php. Вам необходимо будет этот файл, так же открыть либо в каком-то текстовом редакторе, либо в Notepad++ или его аналоге.

И здесь, как вы можете видеть написан комментарий «впишите сюда свою электронную почту». Вписываете вместо указанного e-mail адреса вписываете адрес своей электронной почты, и затем сохраняете этот файл.

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

Выгружаем лендинг на хостинг

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

Для загрузки файлов делаем следующие шаги:

  1. 1. Настраиваем FTP подключение и подключаемся к сайту
  2. 2. В левой части окна открываем папку с лендинг пейдж, которую вы только что редактировали
  3. 3. В правой часть окна FTP клиента открываем папку с доменом
  4. 4. Выделяем все файлы в левой части окна и перетаскиваем в правую

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

Видеоинструкция

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

Так что пока он спит пойдём украшательствами заниматься 🙂

Источник: http://impuls-web.ru/kak-sozdat-landing-page-na-osnove-shablona/

Как сделать лендинг самому. Пошаговая инструкция (2019)

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

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

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

Как сделать лендинг самому — подготовка контента

Перед тем как писать текст, важно сформулировать цель создания лендинга. Цель может звучать так:

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

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

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

Этап 1. Сформулировать гипотезу

Если вы решили сделать лендинг, значит, у вас есть идея или представление о странице. Запишите их коротко по плану:

  • Суть предложения (например, деревянные беседки для дачи).
  • В чем его уникальность по сравнению с существующими решениями (беседка собирается как конструктор).
  • Кому оно адресовано — целевая аудитория (всем, у кого есть дача или дом + владельцам загородных кафе).
  • Какие проблемы решает или какие удовлетворяет потребности (можно быстро построить красивую беседку, не разводя стройку на даче).

Этап 2. Изучить конкурентов

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

Как это сделать? Посмотрите, что предлагают в ответ на запросы поисковики Google или Яндекс.

Затем введите в строку поиска подходящие ключевые слова и изучите страницы конкурентов:

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

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

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

Этап 3. Описать целевую аудиторию и выделить сегменты

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

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

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

Как изучить свою аудиторию и найти сегменты:

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

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

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

Этап 4. Написать текст лендинга

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

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

Структура лендинга

Теперь время написать текст. Но не спешите открывать конструктор. Создайте прототип страницы в Google Docs, Word или напишите от руки. Так удобнее редактировать текст и лучше видно, где нужно изменить или добавить информацию.

Этап 5. Подобрать картинки, видео, фотографии

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

Фотографии товара можно попросить у поставщика или сфотографировать самому.

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

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

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

Как сделать лендинг — оформляем текст в конструкторе

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

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

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

Зарегистрироваться на сайте и ознакомиться с подсказками

После регистрации сервис сразу предложит вам создать сайт.

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

Создать сайт

Придумайте название сайта. Это рабочий вариант, он виден только вам:

Выбрать шаблон

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

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

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

Вставить свой текст и фотографии

На следующем этапе меняем текст-заглушку и фотографии на свои, прописываем текст на кнопках.

Опубликовать сайт

Когда все отредактировано, нажимаем «сохранить» и смотрим результат.

Если результат вас устраивает, ссылки работают, можно публиковать страницу в интернете и запускать рекламу.

На бесплатном тарифе адрес страницы будет иметь такой вид:

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

Как увеличить конверсию лендинга

На лендингах используются два подхода к продажам. Первый — сразу предложить купить товар или услугу. Он подходит для недорогих товаров и услуг или если клиент уже «прогретый», например, пришел с рассылки либо профиля в Instagram.

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

Email рассылки

Рассылки помогают прогреть посетителей, которые пока не готовы к покупке. Вы можете добавить на лендинг форму подписки из SendPulse. Тогда контакты подписчиков будут сразу попадать в сервис. В справочном разделе Tilda описано, как вставить на страницу форму подписки SendPulse и собирать email адреса потенциальных клиентов.

Автоматические серии писем

Конвертировать посетителей лендинга в покупателей помогут такие виды автоматических рассылок:

  • приветственная серия — вы готовите от трех до пяти писем, в которых рассказываете подписчику о товаре или компании, ассортименте, преимуществах и плавно подводите к покупке;
  • письма о брошенной корзине — если посетитель на лендинге нажал кнопку «купить», но не оплатил товар, ему автоматически придет напоминание об оплате.

Чтобы настроить авторассылки, нужно зайти в SendPulse и выбрать раздел «Авторассылки»:

Web push уведомления

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

Если человек нажимает «разрешить уведомления», он в будущем будет получать сообщения в браузере или на рабочем столе компьютера.

Web push уведомления помогают решить несколько задач:

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

Подробнее о возможностях push уведомлений для увеличения конверсии мы рассказывали в одной из прошлых статей.

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

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

Регистрируйтесь в SendPulse, чтобы повышать конверсию лендинга с помощью рассылок и push уведомлений и превращать посетителей в покупателей!

Источник: http://sendpulse.com/ru/blog/how-to-make-a-landing

Как создать лендинг в 2020. Пошаговая инструкция из 9 этапов разработки

  1. Как сделать Landing page — пошаговая инструкция из 9-ти этапов
  2. Этап 1. Подготовка
  3. Цель лендинга
  4. Определяем целевую аудиторию и что для нее важно
  5. Как определить ЦА?
  6. Смотрим конкурентов (бенчмаркинг)
  7. Этап 2. Пишем текст для лендинга
  8. Хаос в голове перенесите на бумагу
  9. Составляем блоки лендинга
  10. Вот основной список блоков, который можно встретить на 90% лендингов:
  11. Какие еще могут быть блоки на сайте:
  12. Советы по составлению текста
  13. Где искать копирайтера
  14. Этап 3. Составляем прототип
  15. Сервисы для прототипирования:
  16. Используйте сетку Bootstrap
  17. Этап 4. Делаем дизайн
  18. Шрифт
  19. Где брать шрифты?
  20. Цвет
  21. Как правильно подобрать цветовую гамму для сайта?
  22. Примеры, какое настроение вызывает каждый цвет:
  23. Графика (фото, иконки, картинки)
  24. Этап 5. Выбираем инструмент для верстки
  25. 1. CMS WordPress + конструктор WPBakery или Elementor
  26. 2. Конструктор Tilda
  27. 3. Конструктор LPGenerator
  28. 4. Ручная верстка
  29. Этап 6. Домен
  30. Этап 7. Верстаем лендинг
  31. Этап 8. Прикручиваем дополнительные инструменты
  32. Онлайн чат
  33. Обратный звонок
  34. Метрика
  35. Ретаргетинг
  36. CRM
  37. Калькулятор
  38. Сбор базы подписчиков
  39. Этап 9. Проверка
  40. Проверка текста
  41. Проверка адаптивности
  42. Проверка кнопок
  43. Проверка форм заявки
  44. Примеры лендингов
  45. ИТОГ
  46. Полезные ссылки:

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

Если вам нужна информация только по сервисам с помощью которых можно сделать landing page, то переходите сразу к этапу 5 — выбор инструмента верстки. Если же вы хотите понять алгоритм создания лендинга от А до Я, то читайте статью полностью.

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

Как сделать Landing page — пошаговая инструкция из 9-ти этапов

Этап 1. Подготовка

Цель лендинга

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

1. Продажа товара / услуги (пример: продажа меда, продажа услуг по разработки логотипа, продажа онлайн курса);
2. Получение контакта (пример: подписка на рассылку, заявка на замер);
3. Информирование (пример: приглашение на бесплатное оффлайн мероприятие, промо страница магазина с акциями).

Определяем целевую аудиторию и что для нее важно

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

Как определить ЦА?

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

Смотрим конкурентов (бенчмаркинг)

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

Хотите научиться делать сайты?
Чтобы сэкономить на разработке или зарабатывать деньги создавая сайты для других? Недавно я записал новый курс «Идеальный сайт на WordPress» и «Лендинг в Elementor» , где рассказал пошаговый план как создавать крутые сайты. Разработкой занимаюсь более 7-ми лет, на сайтах зарабатываю более 50 тысяч в месяц и в курсе я выложил всю технологию как делать такие сайты. Курс новый — 2020 года. Берите пока свежий. Подробнее читайте по ссылке.

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

Как я это делаю: создаю отдельную папку с названием «Идеи» и делаю скриншоты интересных блоков.

Этап 2. Пишем текст для лендинга

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

Хаос в голове перенесите на бумагу

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

Составляем блоки лендинга

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

Вот основной список блоков, который можно встретить на 90% лендингов:

  1. Первый экран с УТП (уникальным торговым предложением)
  2. Раскрытие продукта (Описание услуги или товара)
  3. Информация об авторе / компании
  4. Отзывы
  5. Кейсы (Истории успеха)
  6. Форма / призыв к действию
  7. FAQ (Ответы на частые вопросы)
  8. Контакты / подвал сайта

Какие еще могут быть блоки на сайте:

  • Факты в цифрах
  • Выгоды (преимущества)
  • Видео
  • Портфолио
  • Для кого
  • Этапы сотрудничества (или Как сделать заказ, Как оставить заявку)
  • Тарифы и цены
  • Партнеры
  • Галерея
  • Расписание
  • Команда
  • Сертификаты, дипломы, благодарственные письма
  • Документы
  • Таймер

Когда готов каркас лендинга, начинаем писать текст. Вы можете это сделать сами или отдать на аутсорс копирайтеру.

Смотрите также: Как создать онлайн-школу с нуля в 2020 году — подробный гайд (+ мой пример).

Советы по составлению текста

  1. Главное ставим в начале. Не нужно в начале сайта писать о себе, покажите сначала свой продукт.
  2. Замените общие слова на факты. Не нужно убеждать посетителей в чем-либо, оставьте это право за ними. (Пример: не пишите, что вы лидеры на рынке которым можно доверять, покажите отзывы компаний, которым вы предоставляли услуги и они остались довольны, в дополнение приложите оригинал отзыва, чтобы не быть голословным).
  3. Проработайте особенно хорошо первый экран и УТП. После захода посетителя на лендинг у вас есть три секунды чтобы захватить его внимание. Если не успели, то человек закроет страницу и будет серфить дальше. Первый экран должен быть максимально релевантным запросу, через который посетитель попал на сайт. (Пример: если человек ищет «Бухгалтерия для ИП», не нужно показывать лендинг с заголовком «Ведение бухгалтерии для ООО»).
  4. УТП (Уникальное торговое предложение). Проще говоря главный заголовок и описание, которое должно емко рассказать о чем данный лендинг. УТП вы можете составить по технологии 4U.
  5. Чем короче тем лучше. Старайтесь писать блоки с текстом как можно короче. Длинные портянки текста никто не читает, сегодня у людей всегда нехватка времени и это нужно учитывать. Если все же нужно предоставить много информации, то разбивайте ее на абзацы, блоки.
  6. Больше заголовков. Абзацы текста не должны быть написаны просто так, без заголовка. Большинство посетителей заходя на сайт, сначала проматывают сайт пытаясь оценить туда они попали или нет. И здесь как раз заголовки играют важную роль, потому что пробегать глазами и оценивать сайт он будет именно по ним.

Не хотите составлять текст самостоятельно? Найдите копирайтера, который сделает это за вас.

Где искать копирайтера

  1. Биржа копирайтинга ContentMonster.ru
  2. Биржа копирайтинга Etxt.biz
  3. Частные компании или специалисты. Их вы можете поискать через поиск или в соцсетях (Вк, Фейсбук, Инстаграм).

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

Этап 3. Составляем прототип

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

  1. Без прототипа потратите больше времени, как ни странно 🙂 На заре своей карьеры я после написания текста, сразу делал дизайн. Я думал что так я сэкономлю время, но на деле оказалось что все тянулось еще дольше, потому что это не удобно сразу придумывать элементы дизайна без каркаса.
  2. Проблемы с заказчиком, если вы делаете лендинг на заказ. Такая ситуация была у всех. Вы утвердили текст и сразу начали делать дизайн, потратили кучу времени, отправляете его клиенту, а он говори что все не так и нужно переделывать, текст поменять местами и пр. Это куда сложнее сделать, когда уже дизайн готов, нежели когда у вас только прототип из текста и кружочков.

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

Пример из моего кейса прототипа и дизайна, сделанного по данному прототипу.

На прототипе мы указываем:

  • Расположение текста, выделяем заголовки;
  • Где будет находится графика (картинки, иконки);
  • Где будут кнопки;
  • На каком блоке фон будет светлым, а на каком темным.

Сервисы для прототипирования:

  • Photoshop. Я делаю в Фотошопе. После того как прототип утвердим с заказчиком, удобно здесь же по прототипу делать дизайн.
  • Сервис Moqups . Специальный сервис с готовыми элементами, просто перетаскивайте и добавляйте свой текст.
  • На бумаге. Можете от руки набросать прототип, если лендинг не сложный, не хотите сильно заморачиваться.

Я всегда начинаю прототип на бумаге, мне так удобнее. Потом уже переношу в Фотошоп.

Используйте сетку Bootstrap

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

Шаблон Photoshop с сеткой, который я использую в работе, вы можете скачать по ссылке.

Этап 4. Делаем дизайн

Ввсе элементы дизайна лендинга можно разбить на три части, это подбор:

  1. Шрифта
  2. Цвета
  3. Графики (фото, иконки, картинки)

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

Как пример: На сайте по оказанию ритуальных услуг навряд ли будут уместны яркие цвета и девушка с лучезарной улыбкой с надписью крупными буквами АКЦИЯ!. Или же сайт про организацию праздников в серых, блеклых тонах, с черными кнопками и шрифтом с брусковыми засечками, после просмотра которого хочется впасть в депрессию, а не заказать праздник для ребенка. Примеры конечно утрированные, навряд ли вы их встретите в жизни (хотя не исключено), но суть я думаю вы уловили.

Давайте обсудим каждый элемент подробнее.

Шрифт

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

Отталкивайтесь от своей тематики и от того какую эмоцию вы хотите вызвать у посетителей.

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

  • Roboto
  • Open sans
  • Pt sans

Выберите один или два из них и смиксуйте.

Заголовок — Roboto (Bold)
Текст — Roboto (Light)

Заголовок — Open sans (Bold)
Текст — Roboto (Light)

Заголовок — Pt sans (Regular)
Текст — Open sans (Light)

Где брать шрифты?

Есть бесплатные и платные шрифты. На первых этапах я вам советую использовать бесплатные шрифты от Google Fonts. Там есть хорошие варианты и те, что я описал выше, тоже есть.

Почему я советую именно Гугл шрифты?

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

Если вы делаете сайт для себя, подставите себя, если делаете для заказчика, подставите заказчика.

Как правильно подобрать цветовую гамму для сайта?

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

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

Посмотрите интересное видео на эту тему

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

Примеры, какое настроение вызывает каждый цвет:

Материал про цвета взят отсюда .

Графика (фото, иконки, картинки)

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

Если честно я тоже грешил этим раньше, но сейчас прошу (молююю) заказчиков присылать максимум своих «живых» фото товаров, персонала, помещений и пр.

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

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

Кто-то скажет «Илья, фото на стоках стоят как самолет!» — есть такое 🙂 Для вас есть способ как скачивать картинки по доллару, про сервис написал тут. Ну а если вы делаете проект для крупной коммерческой компании, то лучше заложите эту сумму в бюджет и купите картинки на официальном фотостоке, опять же обезопасите себя.

  • Сервис ShopDiz.pro — скачивание картинок со стоков по 0,5-1 доллару.
  • Сервис ShutterStock — самый популярный сток с большим количеством фото, вектора, видео.

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

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

Этап 5. Выбираем инструмент для верстки

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

1. CMS WordPress + конструктор WPBakery или Elementor

Устанавливаете CMS WordPress, устанавливаете шаблон, конструктор WPBackery платный, но он идет бесплатно в наборе с 99% шаблонов, которые я рекомендую в своих подборках. Есть и второй удобный конструктор, это Elementor, он бесплатный, но чтобы расширить его функционал, покупается Pro версия Elementor . Для меня оба конструктора удобны, какой-то один посоветовать не могу, у каждого свои плюсы. Посмотрите описание и варианты сайтов с обоими конструкторами и выберите подходящий.

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

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

Плюсы/минусы инструмента:

  • шаблон все же советую использовать платный, он покупается один раз (стоит в среднем 50$). Я покупаю шаблоны на ThemeForest. Регулярно платите только за хостинг и домен ;
  • гибкий вариант, настраивается все, можно адаптировать готовое демо, можно сверстать landing с нуля.

2. Конструктор Tilda

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

Плюсы/минусы инструмента:

  • абонентская плата 500-1250 р/месяц в зависимости от тарифа и оплаты за месяц/год;
  • функций очень много;
  • есть встроенная CRM;
  • есть бесплатный тариф с ограниченным функционалом;
  • Ваш сайт находится на сервисе, отдельно платить за хостинг не нужно.

3. Конструктор LPGenerator

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

Плюсы/минусы инструмента:

  • Цена от 800 до 16000 р/месяц;
  • Много инструментов для улучшения конверсии, a/b теста;
  • Менее удобный конструктор чем в Тильде (на мой взгляд);
  • Ваш сайт находится на сервисе, отдельно платить за хостинг не нужно.

4. Ручная верстка

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

Но все равно вот несколько сервисов по поиску исполнителей, где можете найти верстальщика:

  1. Kwork
  2. Work-zilla

Плюсы/минусы инструмента:

  • Нужно дополнительно платить за верстку верстальщику;
  • Трудно вносить правки самостоятельно;
  • Чистый код верстки (если верстальщик толковый);
  • Сайт находится на вашем хостинге.

До недавнего времени еще популярная была программа Adobe Muse. Это программа от Adobe, которая скачивается на компьютер и работаете в ней как в Фотошопе. Самый жирный минус у данного метода в том, что разработчики программу больше не будут развивать, об этом сделали официальное заявление. Поддержку оказывают до 2020 года, но обновлений программы больше не будет. Поэтому если планируете использовать Музу, учитывайте этот момент.

Я верстаю только на WordPress или в Тильде, для меня это лучшие варианты.

Напишите в комментариях, какой метод используете или будете использовать вы?

Этап 6. Домен

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

Хотите узнать больше о том, что такое домен? Статья для вас Что такое хостинг и домен.

Подобрать домен вы можете на сервисе:

  • Reg.ru — регистрация доменов
  • Timeweb.com — если покупаете домен сразу с хостингом, то выгоднее купить тут

Регистрация домена у всех сервисов одинаковая:

  1. Зарегистрируйте аккаунт на сервисе;
  2. Подберите вариант домена, имя должно быть свободно;
  3. Выберите зону (ru, com, рф и пр.);
  4. Введите свои паспортные данные, если регистрируетесь как юр.лицо то данные компании;
  5. Оплатите домен на год (или сразу на несколько лет);
  6. Готово!

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

Этап 7. Верстаем лендинг

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

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

  1. Курс «Лендинг на WordPress» — это мой курс, который я записывал на шаблоне The7 и конструкторе WPBakery;
  2. Tilda.Education — уроки и вебинары по конструктору Tilda;
  3. Канал WPlovers — парень записывает уроки по Elementor;
  4. База знаний LPGenerator — ответы на частые вопросы по платформе LPGenerator.

Этап 8. Прикручиваем дополнительные инструменты

Онлайн чат

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

Обратный звонок

Тоже важный инструмент повышения количества заявок. Человек оставляет свой номер, система связывает вас и клиента за 30+- секунд и вы уже общаетесь. Посетитель приятно удивлен такой скоростью, а у вас новый клиент. Этот инструмент тоже есть у Jivosite . Подробный обзор сервиса от меня можете почитать тут.

Метрика

Важно отслеживать показатели сайта, без цифр вы будете как слепой котенок. Важно понимать сколько человек посетило сайт, сколько оставили заявку, какие вообще показатели у сайта, можете даже посмотреть поведение посетителей, как они просматривают сайт. Установить можете Яндекс метрику и/или Google Analytics.

Ретаргетинг

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

ЦРМ отвечает за то, чтобы ни одна заявка с сайта не пропала, чтобы по каждой заявки вы понимали какое действие нужно сделать (перезвонить, отправить КП, встретиться, напомнить о себе через 14 дней и пр.). Это актуально если у вас поток клиентов, если же 2-3 в месяц, то думаю что CRM вам не нужна.

Наиболее популярные CRM это:

  • AmoCRM (цена 499 — 1499 рублей/месяц)
  • Битрикс24 (цена, от бесплатного тарифа до 11990 рублей/месяц)
  • Таблица Гугл , Exel или ручка с листочком (если нужно совсем бюджетно)

Калькулятор

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

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

Сбор базы подписчиков

Ели вы решили собирать контакты клиентов в базу подписчиков, чтобы потом делать емейл или смс рассылку, то нужно использовать специальный сервис. Можете рассмотреть SendPulse , недавно я делал обзор на этот сервис, который можете почитать здесь. У СендПульс есть бесплатный тариф, с помощью которого вы можете протестировать сервис. Если не его, то есть и другие предложения на рынке, например MailerLite, UniSender, JustClick , GetResponse и пр.

Этап 9. Проверка

Итак! Все настроили, подключили, сайт уже в интернете, ура, молодцы. Теперь самое время его проверить. Что именно проверять?

Проверка текста

Обязательно сделайте вычитку текста или обратитесь к корректору/копирайтеру, чтобы это сделал он. Проверяем текст на наличие ошибок, нечаянно скопированных блоков при верстке и пр. Ничто так не портит впечатление от серьезной компании, как ошибки в тексте.

Проверка адаптивности

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

Проверка кнопок

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

Проверка форм заявки

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

Примеры лендингов

Вы можете посмотреть примеры лендингов, которые я разработал в разделе сайта «КЕЙСЫ»

Если Вам нужно сделать лендинг на заказ, пишите в комментариях или оставляйте заявку на странице «КОНТАКТЫ»

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

Полезные ссылки:

  • Статья про составление заголовков по технологии 4U
  • Вебинар «Как создать продающий landing page»
  • Статья «Что такоел Лендинг пейдж»
  • Первые 12 уроков курса «Лендинг на WordPress»
  • Видео «Цвет. Беспроигрышное сочетание»
  • Статья «65 трендов веб-дизайна в 2019 году»
  • Статья «Как создать сайт на WordPress. Пошаговое руководство»
  • Подборка «80 шаблонов WordPress для Elementor»
  • Подборка «40 лендинг пейдж шаблонов для WordPress 2019 года»
  • Шрифты Google Fonts

Пишите в комментариях ваши мысли. До встречи в других статьях!

Источник: http://ichigarev.ru/sozdanie-saita/kak-sozdat-lending.html

3 способа сделать одностраничный сайт своими руками быстро и бесплатно

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

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

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

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

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

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

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

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

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

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

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

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

Источник: http://sa1nikov.ru/3-sposoba-sdelat-lending-pejdzh-svoimi-rukami-bystro-i-besplatno/

Заказ копии лэндингов в Москве

  • Биржа фриланса
  • Разработка сайтов под ключ
  • Создание сайта-визитки
  • Разработка промо-сайтов
  • Создание корпоративного сайта
  • Разработка интернет-магазинов
  • Разработка портала
  • Разработка одностраничного сайта
  • Разработка блогов
  • Разработка сайтов-портфолио
  • Разработка мобильных версий сайтов
  • Студии разработки сайтов
  • Разработка сайтов фрилансерами
  • Стоимость услуг
  • Заказать сайт на YouDo
  • Доменное имя
  • Сопровождение сайта
  • Создание сайта на CMS
  • По языкам программирования
  • По виду деятельности

Нужно сделать копию лэндинга (продажа детских игрушек) : 1)изменение контактной информации (адрес, телефон, яндекс/гугл карт, и т. п. ) и настройка отправки форм на мой e-mail 2)Чистка лендинг пейдж от посторонних скриптов (счетчиков, метрики, CallbackHunter и т. п. ) и от элементов, которые на вашем сайте, без дополнительной настройки/изменений, работать не буду 3)разместить счетчики (типа Яндекс.Метрика) 4)добавить какие то инструменты,побуждающие к покупке (обсуждается) 5)залить на мой хостинг или предоставить Обязательно примеры работ и Сроки. СТОИМОСТЬ ЗАДАНИЯ 1000Р

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

Отзыв на задание

Отличный Лэндинг-сайт получился, супер!

Нужно сделать товарный лэндинг. Подробнее исполнителю

Отзыв на задание

Лэндинг получился просто отличным! Очень советую этого мастера!

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

Отзыв на задание

очень хороший исполнитель! По сайту все откорректировал на отлично ! Рекомендую и уверен еще сам обращусь . Спасибо , Максим

Нужно создать копию лэндинга, есть логотип, нужно изменить дизайн еще.

Отзыв на задание

Все быстро и постоянно на связи.

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

Отзыв на задание

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

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

Отзыв на задание

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

Создать адаптивный лэндинг по основному сайту. Тематика «Такси». Контент можно взять из основного сайта. Цветовая стилистика есть. На базе CMS делать не обязательно. Лэндинг должен содержать 5-6 вкладок. По итогу работ, можно будет прислать архив с файлами.

Отзыв на задание

Работа сделана качественно, в современном стиле и в небольшие сроки. Всем рекомендую данного исполнителя.

Здравствуйте, интересует стоимость копии сайта лэндинг пейдж с конструктора сайта? Пишите вашу стоимость в личном сообщении.

Отзыв на задание

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

Нужно сверстать лэндинг (адаптивный), с цветовой палитрой и логотипом, плюс наполнить блоки текстом. Должна быть удобная панель управления лэндингом (cms система, которая будет хранить данные о пользователях, управление контентом). Присутствовать обратная связь. + установка счетчика (код пришлю) Много инфы не надо на странице. (Преимущества, цена, заказ услуги) Работы примерно на 1-2 часа.

Отзыв на задание

Все супер. Рекомендую.)

Сделать лэндинг компании (основного сайта пока нет) по продаже оборудования и газов

Отзыв на задание

Александр это профессионал своего дела. Все работы выполнил в указанный срок. Было предложено несколько вариантов решения моего задания. На все мои замечания и корректировки давал обратную связь с точки зрения профессионала. Я доволен результатом.

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

Отзыв на задание

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

Лендинг для компании ремонта и дизайна помещений с одним QUIZ и калькулятором стоимости услуг.

Отзыв на задание

Сделал лэндинг и прикрутил к нему отличный QUIZ! Также сделал более функциональный калькулятор по сравнению с начальными данными. Отлично.

Сделать лэндинг для курсов по Adobe Illustrator на Тильда. Готов контент и картинки. Нужно грамотно упаковать и сделать продающий лэндинг, подключить систему оплаты. Настроить метрику и сделать первичное SEO. Все остальные нюансы обсудим.

Отзыв на задание

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

Отзыв на задание

Потрясающий исполнитель! Сделал всё качественно и оперативно👍🏼 Я очень рада, что именно его выбрала! Сайт получился таким, как я и хотела — все его очень хвалят и просят контакт вебдизайнера😉

Лэндинг для оптовых продаж топовых продуктов рынка бытовой химии и косметики. Запрос прайса , редактор картинок и тектов и тд

Отзыв на задание

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

Необходимо сделать лэндинг на примере другого лэндинга. сайт-пример: ufa.homehotel24.ru

Отзыв на задание

все замечательно! очень доволен работой, сроками и лояльностью

Сверстать лэндинг по макету. Выглядеть должно примерно как тут https://chronobank.io/, легкая аккуратная работа с небольшой анимацией. + адаптивная версия под мобильные. Прописать метатеги (title, h1, description, alt), ускорить загрузку (Google page speed), настроить форму — пересылка лидов на почту, слить зеркала, 404, robots txt, повесить статистику Google. Дизайн макет в Figma

Отзыв на задание

Артём, спасибо за работу. Работать с Вами понравилось. Давно сотрудничаю с различными верстальщиками и всё как-то проблемно. По срокам нормально, где-то мы сами затянули. Из того, что для меня важно и что понравилось: — быстро отвечаете — делаете правки без лишних слов и аккуратно — верста максимально близкая к макету — это просто огонь — ощущение профессионализма и редкое чувство, что можно положиться и ожидать конкретный результат — цена Ок — сроки Ок Планирую обратиться к Вам в будущем.

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

Отзыв на задание

Данную работу исполнитель выполнил быстро и качественно. Отдельное спасибо за терпение. Надеюсь дальнейшее сотрудничество будет таким же успешным. РЕКОМЕНДУЮ!

Сделать хороший продающий лэндинг для курсов английского языка

Отзыв на задание

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

Нужен лэндос, под ключ

Отзыв на задание

не первый раз сотрудничаем все здорово! рекомендую)

Нужен лэндос, под ключ

Отзыв на задание

Мне все понравилось. Приятно работать с профессионалами, очень хорошо. Рекомендую.

Сделать базовый лендинг для сайта международной конференции по технологиям в финансовой области (английский язык). Целевая аудитория: потенциальные участники конференции (блокчейн компании, биржи, банки, хеджфонды, электронные кошельки, решения для финансовых организаций). На сайте должно быть несколько разделов (цены, спикеры, площадка, см в примерах сайтов). Сроки — как можно быстрее, хочется запустить сайт в самые сжатые сроки (в течении 1-2 недели). Сайт по функционалу и наполнению будет допиливаться в процессе, так что идеально, сделать на удобном конструкторе, который можно будет легко самостоятельно редактировать и вносить изменения. Примеры: http://bef.latoken.com/ http://techgem.co/

Отзыв на задание

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

Даю вход в тильду, вход в ру-центр. Подалуйста, пусть уже лэндинг взлетит.

Отзыв на задание

Мало слов, много дела

Сделать лэндинг информационного портала ритуальных услуг

Отзыв на задание

Отличный исполнитель! Всем рекомендую.

Добрый день. Прошу откликнуться желающих создать сайт из нескольких страниц. Из контента только фото и небольшое описание рода деятельности. Функционал наиприпростейший. Спасибо.

Отзыв на задание

Быстро, четко, вежливо.

Сделать страничку в интернете. Предоставлю пнрмерно 100-150 фото. Описание и тд. На черном фоне. Демпинг приветвуется в целом ничего сложного. Жду ваших предложений

Отзыв на задание

Только проверенные исполнители

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

Быстро и удобно

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

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

Сколько стоит копирование у исполнителей YouDo

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

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

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

Преимущества исполнителей Юду

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

Найти надёжного исполнителя для оказания качественных услуг поможет информация, которую вы найдёте в личных профилях фрилансеров:

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

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

Источник: http://freelance.youdo.com/turnkey/landing/flan/kopirovanie/

Как создать Лендинг Пейдж с нуля

  1. Что такое Landing page простыми словами
  2. Актуален ли лендинг в 2019-2020?
  3. Что нужно знать для того, чтобы сделать хороший лендинг
  4. Четыре главных мифа о Landing Page
  5. Варианты создания Lading Page
  6. Лендинг своими руками
  7. Лендинг под ключ
  8. Использование онлайн-конструкторов

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

Что такое Landing page простыми словами

Это веб-страница, призывающая посетителя сделать определенное действие — купить товар\услугу, подписаться на рассылку, оставить контакты, пройти опрос — что угодно. Главное техническое отличие от “классического” сайта состоит в том, что ленгдинг состоит из одной страницы. Да, она может быть очень длинной (но совершенно не должна), но это все еще одна страница, без выпадающих меню, сложной многоуровневой структуры и тому подобного. Отсюда и возникло второе, техническое название лендинга — одностраничник.

Актуален ли лендинг в 2019-2020?

  • Широкая их распространенность неизбежна привела к весьма противоречивому отношению к ним. И, справедливости ради, причины, почему многих интернет-пользователей одностраничники откровенно раздражают.
  • Большинство lading page на просторах сети откровенно убоги — это тяжеловесные, перегруженные текстом, картинками и видео тормозящие страницы, которые вызывают у посетителей только раздражение. Увы, но востребованность услуги всегда приводит к появлению множества низкоквалифицированных исполнителей.
  • В то же время грамотно построенный и написанный лендинг, предлагаемый аудитории, которой интересно данное предложение, отлично работает в 2019 году и будет работать и в дальнейшем. Потому что в его основе лежит простой принцип — людям нравятся короткие и доходчивые предложения. И “интернет-мода” на это не влияет.

Что нужно знать для того, чтобы сделать хороший лендинг

Классическая “формула” — AIDA (Attention. Interest, Desire, Action). Каждый из этих пунктов отражает этап взаимодействия посетителя с сайтом и, зачастую, один из элементов структуры лендинга. Но обо всем по порядку:

  • Attention (Внимание) — первый и самый главный пункт, на который стоит обращать внимание при создании лендинга. Нужно “ухватить” внимание посетителя в первые несколько секунд его пребывания на сайте. За это в структуре лендинга отвечает заголовок и первый экран с оффером, кратко описывающим предлагаемый продукт. Классический оффер выглядит примерно так:

  • Interest (интерес) — на этом этапе нужно “подогреть” интерес посетителя дополнительным контентом — преимуществами вашего продукта, видео, изображениями и так далее. При этом не нужно использовать стоковые фото и видео — делайте свой, уникальный и интересный контент.
  • Desire (Желание) — заинтересовав посетителя, нужно сформировать у него желание купить ваш продукт или, на худой конец, подписаться на рассылку. Делать это можно несколькими способами, например публиковать отзывы пользователей или максимально персонализировать предложения

  • Action (действие) — покупка продукта, заказ консультации, оформление подписки и так далее. Под него обычно выделяется один из разделов лендинга, но кнопки действия должны быть распределены по всей странице. При этом важно помнить два момента:
    • Во-первых, все формы, кнопки и функции должны работать идеально. Без всяких оговорок и багов.
    • Во-вторых, формы должны быть максимально простыми. Если в ней больше 3-5 граф — лучше “повесить” переход на страницу с формой на кнопку, а не пытаться “впихнуть” ее в лендинг. Взаимодействие посетителя с лендингом должно быть максимально простым и быстрым.

Четыре главных мифа о Landing Page

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

  1. “Продающий” текст. Чтобы не говорили маркетологи, никакого “продающего” текста не существует. Текст в одностраничнике должен легко читаться, быть простым, понятным и четко доносить ваше предложение посетителю. Но никаких “волшебных” слов нет.
  2. Лендинг должен быть длинным. Этот миф очень любят конторы, “штампующие” шаблонные сайты в надежде получить с клиента побольше денег. Ресурс должен доносить ваше предложение максимально интересно и заинтересовывать посетителя. Растягивать его нет смысла — он должен иметь минимальную длину, необходимую для выполнения этой задачи. Если вам удалось сделать это за один экран — идеально.
  3. В лендинге должно быть много-много пунктов с преимуществами продукта. На деле вымучивать кучу никому не интересных текстов, заголовок и иконок не нужно — они все равно не сработают. Сосредоточьтесь на том, что действительно интересно вашей аудитории.
  4. Лендинг решает все проблемы. Увы, но он не способен обеспечить вам продажи сам по себе. LP помогает потенциальным клиентам увидеть преимущества вашего продукта и заинтересоваться им, однако сам продукт должен обладать этими преимуществами. Вдобавок, нужен и качественный источник траффика, благодаря которому на страницу будет попадать ваша целевая аудитория, а не те, кому ваше предложение не интересно в принципе.

Варианты создания Lading Page

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

Итак, основные способы сделать продающую страничку:

  1. Сделать самому
  2. Заказать лендинг “под ключ”
  3. Воспользоваться онлайн-конструктором

Лендинг своими руками

  • Самый дешевый и доступный вариант, который можно реализовать, даже не используя специализированные инструменты. В сети не так уж мало лендингов, которые владельцы сайта сделали в Photoshop и самостоятельно заверстали. Как правило они предельно простые, но если одностраничник выполняет свою задачу, то почему бы и нет?
  • Проблема этого способа очевидна — вам нужны навыки программирования, интернет-верстки, дизайна и копирайтинга. Хотя бы базовые.
  • Второй вариант создания лендинга самостоятельно — использовать популярную и недорогую CMS WordPress. Для нее существует специальный плагин — WordPress Landing Pages.
  • WordPress предлагает отличный и гибкий функционал — от готовых кнопок и элементов лендинга до возможности проведения сплит-тестирования. Однако работа с ним требует специальных знаний и интерфейс далеко не так удобен, как хотелось бы. Это скорее инструментарий для специалиста, чем для человека, который быстро хочет сделать пристойный одностраничник для себя.

Лендинг под ключ

Самый дорогой, но самый простой способ получить лендинг — нанять кого-нибудь, кто сделает его для вас. Заплатить, объяснить, что вы хотите — и пусть обо всем остальном голова болит уже у исполнителя. Этот подход однозначно оптимален для крупных компаний, когда сайт должен выдерживать большую нагрузку, а сам лендинг должен быть “сложнее среднего”.

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

Использование онлайн-конструкторов

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

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

  1. Самым популярным из таких конструкторов, несмотря на всю свою тяжеловесность, остается WordPress Landing Pages. Просто потому что компания, которой требуется одностраничник, в абсолютном большинстве случаев использует ту или иную CMS. И WordPress сегодня среди них наиболее популярна. Особого смысла искать другую платформу у компаний, использующих эту CMS, просто нет.
  2. Следующим по интенсивности использования идет LPGenerator . Если WordPress любят заказчики, то LPGenerator горячо любим веб-студиями, создающими лендинги под ключ. Просто потому что на сегодняшний день это самый мощный и полнофункциональный из конструкторов, позволяющий делать с одностраничником все что угодно.
  3. Помимо банальных шаблонов, здесь присутствует богатый инструментарий для прорисовки страниц, добавления собственного кода и развитая система обучения начинающих веб-дизайнеров. Ценят его и за полный набор средств маркетингового анализа — от банального A/B-тестирования до самой подробной статистики о поведении посетителей на странице.
  4. Минусов у LPGenerator всего два: возможностей слишком много, чтобы в них мог быстро разобраться новичок, а тарифы на платформе одни из самых высоких на рынке — от 560 рублей в месяц за ограниченный базовый функционал до 11 тысяч в месяц за “полный фарш”. В конце концов, они рассчитаны на профи, которые зарабатывают созданием лендингов.
  5. uKit — Представитель противоположного лагеря конструкторов лендингов. Он предельно прост и не требует никаких специальных знаний для использования. Пользователь получает не только набор готовых элементов, которые он может размещать по своему усмотрению, но и полноценные шаблоны. В них нужно просто подставить нужные картинки и тексты — все блоки уже заранее размещены в логически верном порядке, кнопки и функциональные элементы расставлены по странице авторами шаблонов — ошибиться трудно.
  6. Тарифы довольно демократичны — от 4 долларов в месяц. За эти деньги вы получаете функционал, достаточный для большинства лендингов. Но если хотите получить возможность принимать платежи онлайн — придется выложить уже 9,6 долларов в месяц. А вот инструменты для анализа конверсии отсутствуют в принципе — придется использовать стороннюю аналитику.

Фактически, uKit — это оптимальное решение для создания своего первого лендинга либо одностраничника для блога, а также во всех тех случаях, когда вам не нужны профессиональные инструменты. Грубо говоря, зачем покупать строительный пистолет, если вам нужно забить два гвоздя?

Источник: http://bestinvestor.ru/kak-sozdat-lending-s-nulya/

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

1 мин

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

Как создать одностраничник

Имеется четыре пути создания landing page:

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

Landing page рассматривается с трёх точек зрения:

  1. Техническая сторона. Одностраничник включает в себя такие же составляющие, что и обыкновенная страница (html, видео, текст, изображения).
  2. Маркетинговый момент. Продающая страница – эффективный веб-ресурс лидогенерации.
  3. Точка зрения посетителя. Это лэндинг, на который человек попал по ссылке с другой страницы.

Чтобы разработать посадочную страницу правильно самому надо придерживаться правил.

Заголовок

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

Если нужно пояснить заголовок или указать преимущества – используют подзаголовок.

Один лэндинг преследует только одну цель

Это важный момент, так как landing page доносит до посетителей только одну цель. В противном случае он не эффективен.

Выгодность предложения для потребителя

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

Персонализация

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

Верная структура лэндинга

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

Нельзя перенасыщать дизайн landing page графикой или текстом: между ними должен быть оптимальный баланс.

Социальные доказательства

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

Призыв к действию

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

Текст СТА-кнопки должен звучать так, как будто посетитель лэндинга произносит его в голове или озвучивать пожелание пользователя.

Лид-формы

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

Счётчики

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

Дизайн landing page рассказывает о предоставляемой услуге. Лэндинг ориентируется на целевую аудиторию.

Программы, с помощью которых делаются одностраничники


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

  1. Adobe Muse. Используется чаще всего. Можно делать или редактировать веб-ресурсы в визуальном режиме, писать коды нет необходимости. Программа делает всё сама, надо лишь верно разместить составляющие на странице.
  2. Microsoft Expression Studio. Программа используется нечасто, включает в себя пакет из нескольких программ для разработки веб-сайтов и веб-графики.
  3. Serif WebPlus. Чтобы создавать и редактировать одностраничники, не надо владеть языками программирования, писать коды не придётся.
  4. WebSite X5. Посредством этой программы можно разработать даже сложный сайт. Она поможет даже не разбирающемуся в сайтостроении человеку.
  5. WYSIWYG Web Builder. Программа выдаёт нужный код автоматически, так что тут его писать тоже нет нужды.
  6. Axure RP Pro. Работать с программой удобно, так как действия наглядны, проходить специальное обучение не требуется.

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

Сервис WordPress для создания страницы захвата своими руками

Часто продающая страница делается на WordPress. Особенности плагина для подобной CMS:

  • Настройки на русском языке.
  • В интернете есть курсы видео, в которых содержится пошаговая инструкция. Такие курсы помогут быстро пройти обучение.
  • Много готовых кнопок (соцсети, отзывы, разделители, вставки контента, «Заказать», «Купить»).
  • Можно производить сплит-тестирования.
  • Доступный интерфейс.

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

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

  1. Thrive Landing Page WordPress.

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

  1. WP Profit Builder.

Гарантированно высокая конверсия, так как все шестьдесят шаблонов уже опробованы. Основное здесь – правильно оформить лэндинг. Настройка оформления производится своими руками. Возможность самостоятельной настройки делает одностраничник пригодным для длительного использования.

  1. WordPress Landing Pages.

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

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

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

  1. LeadPages.
  2. Ultimate Landing Page.

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

  1. Parallax Gravity.

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

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

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

Программы Adobe Muse, Microsoft Expression Studio, Serif WebPlus, WebSite X5, WYSIWYG Web Builder, Axure RP Pro позволяют самостоятельно создать лэндинг, писать при этом коды и знать язык программирования не надо.

Источник: http://ontask.ru/lp/sdelat-lending.html