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

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

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

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

Как создать сайт-одностраничник при помощи конструктора сайт

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

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

Плюсы сервиса сайт

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

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

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

Лендинг, лединг, лейдинг, лендинг пейдж, одностраничный сайт, langing page, одностраничник, продающий сайт, посадочная страница.

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

Ну, раз нужен, то давайте решим вопрос с его созданием. Сделать лендинг самому? После этой статьи – не вопрос!

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

На всякий случай или этап 0

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

1. Получить новые заявки на товары/услуги;
2. Увеличить узнаваемость бренда;
3. Информировать о предоставлении товаров/услуг;
4. Предоставить консультацию по услугам;
5. Получить резюме от кандидатов (Что!? Лендинг для этого??? Вот вам пример – Альфа-банк);
6. Привлечь партнеров, дилеров, представителей;
7. Обеспечить доступ к сервису;
8. И прочее.

Перед тем, как начать творить, Вам нужно запомнить, что на одном сайте пытаться и продать товар, и привлечь дилеров нельзя. А все потому что это разные задачи, а это значит разные landing page.

Важно. Перед созданием Вам нужно чётко определить цель Вашего лендинга. И запомните – цель должна быть одна.

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

НАС УЖЕ БОЛЕЕ 29 000 чел.
ВКЛЮЧАЙТЕСЬ

ЭТАП 1 – Отдать или сделать самому

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

Что же делать… Что же делать

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

Конструктор

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

Выглядело это всё очень странно, ведь он до этого со всем ознакомился, подписал договор. Но мы компания не бедная, поэтому нам проще отпустить клиента с миром (не всегда), чем пытаться что-то доказывать. Что мы и сделали.

А всё это произошло потому, что он нашёл в интернете конструктор лендингов и узнал, что всё можно сделать самому, потратив на это буквально 5-6 часов, и заплатив при этом не больше 1 000 рублей в месяц.

Но мы то с Вами понимаем, что можно собрать и “машину” самостоятельно, но насколько она далеко поедет, насколько будет индивидуальный дизайн landing page, насколько будет корректное техническое оснащение…

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

Плюсы :

• Дешево. Прям очень. 500-1000 рублей в месяц и Вы – счастливый владелец одностраничного сайта;
• Просто. Вам не нужно думать о верстке, адаптации под мобильные устройства, подключении смс-оповещений о новых заявках на Ваш телефон. Все это уже есть и сделано для Вашего удобства;
• Быстро. Сделать и настроить можно реально всё быстро. Причём, внести изменения тоже не составит труда;
• Техническая поддержка. У Вас есть вопрос? Вам ответят на него максимально быстро и подробно. Огромный плюс;
• Бесплатный тестовый период. Сейчас практически у всех конструкторов лендинг пейдж 14 дней бесплатного тестового периода. Регистрируетесь и…

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

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

Минусы :

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

  Решили подглядеть у конкурентов? Отлично! Только откуда Вы знаете, что у конкурентов эффективный лендинг и показывает хорошие показатели?

• Дизайн. Если Вы работаете с конструктором первый раз, то на дизайн landing page по окончании работ “без слез не взглянешь”.

  Даже если это далеко не первый вариант. Крутого дизайна, такого, чтоб “Вау!”, не ждите.

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

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

Лично мы можем посоветовать этот landing page конструктор . Обычно мы отправляем к ним клиентов, которые только начинают или тестируют нишу.

Фрилансеры

Давайте сразу по делу и из опыта. Найти фрилансера, который в одиночку создаст продающий лендинг с нуля и “под ключ” – НЕВОЗМОЖНО. Ну правда.

Возможно найти отдельных специалистов: дизайнера, который создаст дизайн будущего сайта, или программиста, который его сверстает, но монстра, который КАЧЕСТВЕННО сможет сделать сайт от и до, не существует.

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

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

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

Плюсы :

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

  Как минимум, потому что у них есть опыт и знания, которых у Вас в их сфере, давайте честно, почти нет.

Минусы :

• Ответственность. Если сайт не будет работать, то никто кроме Вас не виноват. Так как Вы являетесь тем, кто ими управляет и говорит как нужно.

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

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

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

  И это минимум, который можно ожидать, когда хотите сделать лендинг пейдж недорого.

• Деньги. Вам придётся раскошелиться, так как хороший специалист без “связей” стоит не мало.

  Дизайн среднего качества выйдет в районе 8-10 тысяч, вёрстка тоже в районе этой суммы. Опять же всё зависит от сложности проекта и самих исполнителей.

• Кидалы. Работа строится следующим образом: 50 на 50. Предоплата и потом оставшаяся оплата после завершения проекта.

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

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

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

Лайфхак. Если фрилансер собрался Вас кинуть, то от безопасной сделки он Вас будет отговаривать. Это будет Вам сигналом.

Этап 2 – кому и что?

Самый скучный (но самый нужный) блок в этой статье. Неважно каким путем Вы пойдете. Будете делать эффективный лендинг пейдж своими руками или отдадите в специализированное агентство. В любом случае Вам нужно знать 3 вещи:

1. Свою целевую аудиторию;
2. Лестницу Ханта;
3. Внутренности вашей компании.

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

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

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

Целевая аудитория

Про определение целевой аудитории, или ещё глубже определение клиента, мы уже писали.

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

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

Лестница Ханта

Но что даст знание лестницы Ханта? Также как и аватар клиента, она даст саму структуру будущего лендинга.

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

Если очень коротко, то до момента принятия решения о покупке человек проходит 5 шагов/уровней осознанности:

1. Этап “Безразличие”. Проблемы не существует.
2. Этап “Осведомленность”. Проблема есть, но нет решения.
3. Этап “Сравнение”. Варианты решения проблемы сравниваются между собой.
4. Этап “Выбор”. Вариант решения выбран. Ищутся продукты.
5. Этап “Покупка”. Выбор между поставщиками продукта.

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

1. Этап “Безразличие”. Вам нужно сначала создать проблему в голове человека. Показать, что если он этого не сделает/не купит, то все будет плохо.
2. Этап “Осведомленность”. Вам нужно в первых экранах показать, что существуют разные варианты решения его проблемы.
3. Этап “Сравнение”. Нужно донести, что Ваше решение лучше других, и для этого можно сделать сравнительную таблицу, предложение обзора продукта, результатов исследования, личную консультацию по подбору и т.д.
4. Этап “Выбор”. Вам нужно показать какое предложение подойдёт именно ему, точнее в каком в виде/комплектации. Для этого раскрываем больше выгод нашей продукции.
5. Этап “Покупка”. Вам нужно показать, в первую очередь, выгоду работы именно с Вашей компанией, а уже потом рассказывать о продукте и о том, что он самый лучший.

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

Упаковка

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

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

Так как правильные вопросы формируют правильные ответы, которые Вы берёте и упаковываете в свой сайт. Этот этап поможет Вам взять всё самое ценное в Вашей компании и показать это лицом.

Чтобы вы уловили суть, вот Вам пример из 10 вопросов, которые помогут лучше/глубже осмыслить свою компанию и свой продукт, и подать это “под чудесным соусом”:

1. Сформулируйте 3-5 “причины, почему объективно выгоднее покупать у Вас, а не у конкурентов”.
2. Какие особенности производства есть именно в Вашей компании?
3. Проводите ли Вы внутреннее обучение персонала?
4. Сравните продукт с аналогами. Укажите преимущества и недостатки.
5. Кто является лицом или лицами компании?
6. Какие бонусы Вы готовы выдавать клиентам при покупке на большие суммы?;
7. Распишите детально этапы работы с клиентом от первого обращения до выполнения работ.
8. Расскажите про финансовые условия работы (предоплата, рассрочка, отсрочка первых выплат, продуктные кредиты, скидки, продукт на реализацию, выкуп неликвида и т.д.).
9. Какие о компании или от компании существуют публикации? (экспертные комментарии, интервью, жюри в телешоу, авторские колонки, статьи).
10. Ваши клиенты-звёзды.

ЭТАП 3 – Прототип

Наконец-то мы добрались до самого интересного. Сейчас будем создавать Ваш будущий сайт.

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

Шаг 1. Структура прототипа

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

Лучше всего сделать это следующим образом: берёте лист бумаги и накидываете последовательность блоков/смыслов. Выглядит это примерно так:

1. Шапка;
2. Выгоды компании;
3. Каталог;
4. Собственное производство;
5. Склад;
6. Команда;
7. и т.д.

Это мы с Вами прописываем блоки, но также должны не забывать про две классические структуры, по которым строится любой рекламный материал и landing page не исключение:

1. (товары/услуги);
2. PmPHSA (инфобизнес). Расшифровывается как Pain, more Pain, Hope, Solution, Action (боль, усиление боли, надежда, решение, призыв к действию).

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

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

Общие принципы лендинга

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

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

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

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

Повышение конверсии продаж одностраничника (landing page)

Основные принципы хорошего продающего сайта просты. Лендинг пейдж должен:

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

Форматирование текста

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

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

Джон Кеннеди в своей книге «Продающее Письмо » раскрывает некоторые тезисы коммерческих приемов в тексте:

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

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

Вниманию тех, кто хочет собственноручно создать landing page (целевую страницу), предлагается немало онлайн-конструкторов. Одним из них является конструктор сайтов wix . Рассмотрим, как сделать с его помощью одностраничный сайт, не имея при этом навыков программирования, и не зная HTML. В качестве примера рассмотрим процесс создания лендинга для продажи экономителя топлива FuelFree.

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

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

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

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

Чтобы выбрать «основу » для создаваемого нами одностраничника, выберите в списке пункт «Одностраничные »-«Лендинг »:

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

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

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

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

1. Пункт «Страницы ». Предназначен для работы со страницами сайта (добавление, удаление, настройка отображения и т.д. );
2. Пункт «Дизайн ». Здесь вы найдете инструменты, необходимые для работы с дизайном сайта. Для удобства они распределены по подгруппам для работы с фоном, цветовыми схемами, шрифтами и т.д.;
3. «Добавить ». При помощи этого пункта вы сможете добавить на свой одностраничник различные элементы: текстовые поля, кнопки, различные формы. Библиотека конструктора содержит просто огромный выбор подобных элементов.
4. «App Market ». Это собственный магазин приложений и полезных дополнений для сайта. Здесь вы можете найти массу платных и бесплатных приложений для веб-ресурса (виджеты погоды, торговые приложения и т.д. );
5. «Настройки ». При помощи данного пункта вы сможете настроить различные параметры создаваемой landing page (SEO, работа со статистическими данными, социальные настройки и т.д. ).

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

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

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

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

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

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

Поклонникам социальных сетей придется по вкусу возможность добавления в конструктор фото из своих аккаунтов в них. На данный момент Wix поддерживает такую возможность для Facebook , Flickr , Instagram и Picasa .

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

ВАЖНО. Если после добавления изображения в конструктор, вы решите внести в него какие-то изменения, сделать это можно прямо в конструкторе. Для этого здесь есть встроенный графический редактор. Конечно, с Фотошопом по функционалу он не сравнится, но для внесения минимальных изменений в фото предлагаемых возможностей будет достаточно. Для входа в редактор выберите значок шестеренки:

После этого получаем:

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

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

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

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

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

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

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

В результате получим:

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

ВАЖНО. В процессе работы внимательно следите за тем, чтобы не оставалось лишних элементов от «родительского» шаблона, таких, как, например, эти:

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

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

Работа с медиа-элементами

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

Итак, удалив кнопку «Скачать приложение », перейдите в пункт «Добавить » и выберите в нем «Кнопки и меню»:

Кликните по пункту «Кнопка » и новый элемент появится на странице. Вы можете изменить размер кнопки и перетащить ее в нужное место:

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

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

Все, задача создать одностраничник выполнена. Можно переходить к публикации.

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

Публикация сайта и настройки SEO

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

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

СОВЕТ . Если на вашем сайте будет несколько страниц, настроить SEO-параметры вы сможете для каждой из них. Делается это при переходе в пункт меню «Страницы»:

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

Платные тарифы для успешной работы вашего лендинга

Мы рассмотрели, как создать одностраничный сайт бесплатно в конструкторе Wix . Однако, чтобы ваш ресурс успешно продвигался и вызывал больше доверия у клиентов (на бесплатном тарифе на нем присутствует реклама ), целесообразно перейти на платный тариф. Для этого перейдите в личный кабинет и выберите пункт «Upgrade » для соответствующего сайта:

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

• возможность подключения своего домена или бесплатно предоставленного системой;
• использование favicon для сайта;
• подключение статистики;
• хостинг от Wix и т.д.

Плюсы и минусы Wix

Итак, создав landing page в данном конструкторе, можно выделить следующие его преимущества:

• простота работы: разобраться с Wix может любой пользователь;
• солидная встроенная библиотека различных медиа-элементов и графических файлов;
• возможность настройки SEO-параметров для продвижения сайта;
• неплохой выбор платных тарифов.

Что касается недостатков, то в данной ценовой категории их просто нет.

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

Вывод

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

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

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

Что такое Landing Page?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создание 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.

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

1. InstaBuilder.

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

1. OptimizePress.

Посредством этого инструмента можно в считаные минуты сделать одностраничник в 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 позволяют самостоятельно создать лэндинг, писать при этом коды и знать язык программирования не надо.