Создать лендинг самому – Как сделать классный лендинг самому с нуля: пошаговая инструкция

Как создать Landing Page с нуля

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

Что такое 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 предлагает отличный и гибкий функционал — от готовых кнопок и элементов лендинга до возможности проведения сплит-тестирования. Однако работа с ним требует специальных знаний и интерфейс далеко не так удобен, как хотелось бы. Это скорее инструментарий для специалиста, чем для человека, который быстро хочет сделать пристойный одностраничник для себя.

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

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

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

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

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

bestinvestor.ru

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

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

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

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

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

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

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

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

Пример лендинга

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

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

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

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

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

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

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

Сначала найдите популярные запросы в сервисах подбора слов Яндекса или планировщика ключевых слов Google:

Поиск вариантов ключевых слов в Google Adwords

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

Рекламные объявления компаний по запросу «беседка для дачи»

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

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

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

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

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

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

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

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

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

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

Пример отзыва на сайте магазина настольных игр

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

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

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

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

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

Название блока	Задача	Что писать
Шапка лендинга	Объяснить посетителю, куда он попал.	Логотип, название компании, чем занимается, контакты.
Уникальное торговое предложение или оффер	Передать одним предложением суть, главную выгоду для целевой аудитории, и почему это лучше, чем у конкурентов.	Пример: Деревянные беседки для дачи — собираются за один день.
Подзаголовок	Усилить или уточнить оффер.	Пример: Готовые беседки и под заказ.
Призыв к действию	Побудить посетителя купить или оставить контакты.	Кнопка «Заказать». Форма «Оставить заявку».
Описание услуги/свойства продукта	Дать подробную информацию о продукте.	Описание в формате «свойства-преимущества», фотографии продукта, скриншоты, видео, таблицы.
Сценарии использования	Описать ситуации, в которых будет полезен продукт или услуга.	Например, деревянная беседка нужна, чтобы отдыхать с друзьями, укрыться летом от солнца, украсить дачу, обедать всей семьей на свежем воздухе.
Кто мы/О компании/Почему выгодно купить у нас	Доказать экспертность, объяснить, почему вам можно доверять.	Опыт работы, сертификаты и дипломы, крупные клиенты.
Как это работает Как купить/заказать	Объяснить, как человек получит желаемый результат.	Например: «Вы скачиваете прайс, вам звонит наш менеджер и составляет смету. Вы одобряете смету и назначаете время доставки. Получаете складную беседку для дачи».
Сколько стоит	Показать цену или варианты цены.	Цена со скидкой, тарифные планы, калькулятор, форма «рассчитать стоимость».
Ответы на частые вопросы	Снять возражения, развеять страхи читателя.	Как оплатить товар, можно ли вернуть или обменять.
Призыв к действию	Еще раз предложить купить товар или оставить заявку.	Кнопка «Заказать». Форма «Оставить заявку».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Справочные материалы на сайте Tilda

Создать сайт

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

Создание сайта в конструкторе Tilda

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

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

Выбор шаблона на сайте Tilda

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

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

Шаблон «Ремонтная компания» для создания страницы

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

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

Шаблон со своим текстом и фотографией

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

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

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

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

Бесплатный адрес сайта на субдомене Tilda

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

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

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

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

Email рассылки

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

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

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

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

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

Создание автоматических рассылок в SendPulse

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

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

Предложение подписаться на push уведомления

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

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

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

Push уведомление с напоминанием о начале вебинара

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

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

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

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

[Всего голосов: 1    Средний: 5/5]

sendpulse.com

3 способа сделать лендинг пейдж (landing page) своими руками быстро и бесплатно

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Резюме

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

sa1nikov.ru

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

Порядок обработки персональных данных
Основные понятия
Сайт — umi.ru, а также все его поддомены. 
Пользователь — посетитель Сайта.
Юми — Общество с ограниченной ответственностью «Юми» ИНН 7841432763 КПП 781301001 ОГРН 1107847313243 адрес: 197198, г. Санкт-Петербург, ул. Красного Курсанта, д.25, лит.Ж.
Услуги — сервисы, доступные Пользователю через функциональные возможности программного обеспечения «Система управления сайтами UMI.CMS» (далее – ПО) посредством использования встроенных в ПО инструментов и служб. 
Клиент — владелец неисключительной лицензии ПО или покупатель других Услуг Юми. 
Персональные данные — любая информация, относящаяся к определенному физическому лицу. 
Заказ — оформление платежного документа для покупки продуктов Юми.

Соглашение
Юми обязуется обеспечить конфиденциальность и сохранность персональных данных, полученных от Пользователя в соответствии с ФЗ-152 «О персональных данных». Юми вправе использовать технологию «cookies». Cookies не содержат конфиденциальную информацию. Пользователь настоящим дает согласие на сбор, анализ и использование cookies, в том числе третьими лицами для целей формирования статистики и оптимизации рекламных сообщений. При регистрации на Сайте Пользователь предоставляет следующую информацию: фамилия, имя, отчество, телефон, адрес электронной почты. При оформлении заказа на Сайте, помимо регистрационных данных, Пользователь предоставляет дополнительную информацию: почтовый адрес. Предоставляя свои персональные данные, Пользователь соглашается, что Юми вправе идентифицировать Пользователя как Клиента и использовать их для выполнения обязательств перед Пользователем — оформить и выполнить заказ Услуг, открыть дополнительные возможности сайта, оказать техническую поддержку, предоставить какие-либо эксклюзивные условия для Пользователя (накопительные или разовые скидки, расширенный сервис поддержки, промо-акции и т.д.). Также Юми вправе использовать персональные данные Пользователя для продвижения Услуг Юми и Услуг компаний партнеров, проведения электронных и SMS опросов, контроля результатов маркетинговых акций, клиентской поддержки, проведения розыгрышей призов среди Пользователей, контроля удовлетворенности Пользователя, а также качества услуг, оказываемых Юми.Юми имеет право отправлять информационные, в том числе рекламные сообщения, на электронную почту и мобильный телефон Пользователя с его согласия, выраженного посредством совершения им действий, однозначно идентифицирующих этого Пользователя и позволяющих достоверно установить его волеизъявление на получение сообщения.

Юми вправе передать персональную информацию Пользователя третьим лицам в следующих случаях:
— пользователь выразил свое согласие на такие действия; 
— передача необходима в рамках использования Пользователем определенного Сервиса либо для оказания услуг Пользователю; 
— при использовании Пользователем Услуг компаний партнеров данные о Пользователе могут передаваться для обработки на условиях и для целей, определённых в пользовательских соглашениях об использовании дополнительных Услуг компаний партнеров; 
— передача предусмотрена российским или иным применимым законодательством в рамках установленной законодательством процедуры; 
— передача происходит в рамках продажи или иной передачи бизнеса (полностью или частично), при этом к приобретателю переходят все обязательства по соблюдению условий настоящего раздела применительно к полученной им персональной информации;
— в целях обеспечения возможности защиты прав и законных интересов Юми, его аффилированных лиц и/или третьих лиц в случаях, когда Пользователь нарушает условия лицензионного договора и/или требования действующего законодательства. 
Пользователь вправе отказаться от получения рекламной и другой информации без объяснения причин отказа путем информирования Юми о своем отказе посредством направления сообщения, составленного в свободной форме и отправленного на электронный адрес Юми: suр[email protected].
Информирующие сообщения о заказе и этапах его обработки отправляются автоматически и не могут быть отклонены Пользователем.

Подтвердите, что ознакомлены с пользовательским соглашением правилами обработки ПДн

umi.ru

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

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

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

СОДЕРЖАНИЕ

 

Преимущества конструкторов сайтов

С чего начать работу на конструкторе — этапы создания

Формула Landing Page

Тексты, которые должны быть на целевой странице

Какие изображения использовать нельзя

Топ – 9 сайтов, где взять фотографии бесплатно

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

 

Я несколько раз читала в комментариях вопрос: «Обязательно ли быть дизайнером, чтобы создать красивый и стильный сайт на конструкторе?» Ответ — не обязательно быть дизайнером. Правда, создадите ли вы красивый дизайн? Да, если вы обладаете врожденным чувством вкуса.

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

Преимущества конструкторов сайтов

 

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

 

 

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

Как только на рынок пришли конструкторы сайтов, то в веб дизайне произошел переворот. Программисты разработали платформы, чтобы можно было складывать готовые блоки. Процесс формирования такого сайта выглядит как игра на конструкторе: один блок над другим, которые можно менять местами. Сайты здесь создаются легко и редактируются тоже удобно. Пример сайта на конструкторе http://annabart.tilda.ws/

 

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

 

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

Для чего делаются лендинги – сайты одностраничники? Каковы вообще цели такого сайта, у которого всего одна страница? Для этого давайте сначала разберемся, что такое лендинг.

Что такое лендинг на самом деле

 

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

 

 

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

С чего начать работу на конструкторе – этапы создания

 

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

И только после этого переходите к самому первому этапу: подготовьте текст, который вы будете размещать.

1. Контент (текст) для сайта. Текст для лендинга составляется для каждого блока, формула приведена ниже.

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

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

3. Сборка сайта по блокам.

 

Формула Landing Page (целевой страницы)

 

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

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

Расположите информацию на 5 функциональных групп блоков

 

1. Первый экран – обложка
2. Рассказ о проекте или продукте
3. Выгоды и преимущества – краткий рассказ о качестве, цене, пользе, что конкретно получит человек
4. Блок доверия – отзывы, примеры работ, фото сотрудников
5. Призыв к целевому действию

Пример прототипа сайта

 

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

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

 

Какие тексты должны быть на целевой странице

 

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

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

Где взять текст для страницы

 

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

 

 

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

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

Изображения, разрешенные к использованию

 

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

Где же брать хорошие фотографии для своего сайта?

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

Какие изображения использовать нельзя

 

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

 

Фотографии, которые нельзя использовать

 

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

Топ – 9 сайтов, где взять фотографии бесплатно

 

 

• flickr.com
• thestocks.im
• pexels.com
• freerangestock.com
• freeimages.com
• pixabay.com/ru
• publicdomainpictures.net
• lenagold.ru

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

 

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

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

 

 

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

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

Очень легок в освоении – элементарный визуальный редактор, создающий красивый дизайн.

Этим сервисом чаще всего пользуются начинающие веб мастера: удобно и понятно и все есть для создания одностраничного сайта.

Платформа, позволяющая создать не только лендинг, но и интернет-магазин.

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

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

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

 

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

Есть еще и третий вариант, если вам нужен сайт – найти опытного исполнителя (подороже) или начинающего (подешевле). Благо, предложений в интернете сейчас достаточно. Не бойтесь довериться человеку с небольшим опытом. Он будет стараться сделать больше, чем вы ожидаете, чтобы оправдать ваше доверие.

Если вы затрудняетесь самостоятельно создать сайт — закажите его у нас по ссылке (группа ВК) или на сайте http://annabart.tilda.ws/

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

goodtopic.ru

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

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

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

Содержание:

1. Лендинг Пейдж — что это?
2. Конструкторы для создания лендингов.
3. Лестница оценки целевой аудитории?
4. Как сделать лендинг самому пошаговая инструкция.

ЛЕНДИНГ ПЕЙДЖ — ЧТО ЭТО?

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

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

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

Создание такого ресурса стоит намного дешевле, зато конверсия совершения целевого действия на нём больше.

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

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

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

КОНСТРУКТОРЫ ДЛЯ СОЗДАНИЯ ЛЕНДИНГОВ

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

1. ЛПгенератор — более 500 готовых шаблонов. Имеет тестовый период 7 дней. Оплата выше среднерыночной.
2. ПлатоформаЛП — в отличие от предыдущего всего 50 шаблонов. Можно создать сайт из отдельных блоков. Тестовый период 2 недели, цена тарифов средняя по рынку.
3. ЛПМотор — хорошим отличием является то, что можно тренироваться неограниченное количество времени, но сайт появится в сети только после оплаты. Количество шаблонов не большое, порядка 40. Но можно менять их под свой вкус. Подойдет для самых новичков.
4. Тильда — с каждым годом набирает обороты. Большое количество удобных блоков и инструментов для любого бизнеса. Цены средние по рынку. Тестовый режим 14 дней.

ЛЕСТНИЦА ОЦЕНКИ ЦЕЛЕВОЙ АУДИТОРИИ?

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

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

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

Далее воспользуемся лестницей Ханта:

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

На 2 ступени клиент осознает проблему, но не знает, как ее решить.

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

На 4 ступени покупатель выбрал, как он будет решать и начинает выбирать уже сам продукт для решения.

На 5 ступени он сравнивает продавцов товара и уже совершает покупку.

Это наглядно показывает, как меняется температура потенциального покупателя.

При построении лендинга надо либо начинать с первой ступени и идти до пятой. Либо взять только горячий трафик и создать для 4 и 5 ступени.

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

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

КАК СДЕЛАТЬ ЛЕНДИНГ САМОМУ ПОШАГОВАЯ ИНСТРУКЦИЯ

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

1. Шапка. Указывается логотип или название онлайн школы (или имя и фамилию эксперта). Напишите контактные данные: телефон или e-mail.
2. Заголовок. Делается на первом экране. Рекомендуем воспользоваться конструктором заголовков по технологии 4U. Потому, что от заголовка зависит, будет ли потенциальный клиент пролистывать страницу дальше.
3. Лид-абзац. Это вступление, которое можно создать в 4 шага, надавив на боль. Описываем проблему клиента. Усугубляем ее, что будет, если ее не решить. И далее даем выгоды от решения именно нашим способом.
4. Проблема. Опишите 3-5 проблем, с которыми сталкивается целевая аудитория.
5. Решение проблемы. Даем разные варианты решения болей клиентов. Делаем акцент на своих услугах.
6. Выгоды. Что будет, если проблема решится. Что будет, если решится именно тем способом, которым предлагаете вы.
7. Презентация продукта. Кто вы? Что у вас за продукт? Почему вам можно доверять?
8. Подробные выгоды продукта и снятие возражений. Каких результатов добились те, кто прошел ваши курсы.
9. Продажа цены. Покажите ценность продукта, что она гораздо больше его цены. Дайте скидку, сравните цены со средними по рынку. Добавьте несколько бонусов.
10. Гарантия. Обязательно дайте какую-либо гарантию и расскажите при соблюдении каких условий, она дается.
11. Ограничитель. Сделайте ограничение по времени или по количеству мест на курсе.
12. Призыв к действию. Обязательно скажите, что должен сделать клиент.
13. Подвал. Продублируйте контактные данные. Добавьте ИП и другую юр. информацию. 

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

Понравилось? Тогда делитесь ссылкой с друзьями. Команда Sell Skill желает вам успехов!

sellskill.ru