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

Бытовая техника 06.08.2019
Бытовая техника

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

С продуктами Юкита работал множество раз – как с одноименным конструктором, так и с Юкозом. В основном делал на них визитки для заказчиков, поэтому новый конструктор мне зашел в особенности. Он как раз специализирован на одностраничники. Тут по функционалу отсеяно только то, что я использовал на Юкозе, а последний слишком нагруженный разными фишками. Так что Юлендинг в особенности зайдет тем, кто только начинает создавать одностраничники в конструкторах.
По сравнению с другим конструкторами, в которых делают лендинги, тут в рамках 1-го проекта можно держать несколько лендингов, управляя буквально из одного места. Хочешь – используй свой домен, хочешь – юзай технический. Сборка ведется на Юкитовском...

2018.10.03 в 13:50 написал: Михаил

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

2019.02.17 в 20:01 написал: Александр Ничаев

Прежде всего, этот конструктор предлагает понятные и прозрачные тарифы. В любом из них все условия прописаны четко и в процессе использования дополнительно к указанному тарифу ничего платить не требуется. Изначально в течение 14 дней можно пользоваться бесплатно. Только прощупав весь функционал, пользователь должен выбрать 1 из предлагаемых тарифов.
Для себя после тестирования выбрал минимальный пакет услуг - 5-ти страничный сайт с 1-м доменом и оплатой в 5 900 рублей за год. Для мастерской по ремонту телефонов - нормальный тариф, карман не тянет. На нём доступно 100 смс.

2017.12.09 в 14:02 написал: ceratochka

Хотелось бы, конечно, увидеть здесь модуль добавления видеофона, но пока его нет. Удобный и понятный в использовании сайт. Инструментов для лидогенерации более, чем достаточно. У меня есть 6 страниц, у всех разная конверсия. Для того, чтобы привести максимальное число клиентов, периодически делаю сплит-тесты. Активно использую Яндекс.Директ. Стоимость одного лида выходит для меня около 120 рублей, что сравнительно недорого.
LPgenerator объединяет сразу несколько сервисов - конструктор, интеграцию, рекламу, аналитику и дополнительные услуги. Функционал просто классный. Немного всё запутано, я не сразу разобралась, к помощи поддержки обращалась не один раз. Кстати, поддержка работает довольно резво, на все мои обращения я получала ответ...

2017.10.24 в 14:15 написал: kuba

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

2016.09.29 в 11:49 написал: Фадеев Игорь

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

2018.01.21 в 16:20 написал: Tichiy

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

2018.12.10 в 11:20 написал: Артем

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

2018.01.04 в 16:58 написал: CrazyPOVT

Этот конструктор сайтов имеет достаточно гибкие тарифные планы. Цены средние. Есть тестовый период, в течение которого можно создавать сайт, экспериментировать с дизайном, шрифтами и шаблонами, но вот опубликовать бесплатно не получится. Самым интересным, на мой взгляд, является тариф "Мини" - за 450 рублей в месяц получаешь 3 домена и возможность создать 50 сайтов.
СЕО-продвижение настраивается достаточно просто, есть возможность заполнить метатеги или подключить имэйл-маркетинг. С социальными сетями также конструктор позволяет работать - есть специальные пункты для подключения кнопок соц. сетей.

2017.10.24 в 19:37 написал: starche

Чем этот конструктор привлекает, так своей ценой. Тарификация грамотная, не нужно подбирать из сетки тариф для своих целей. Тут обратный принцип: от цели будущего сайта формируется цена. Тарифа только 3, но они позволяют сделать все основные типы сайтов, для которых обычно и применяют конструкторы. И самый дешевый обойдется всего лишь в 300 рублей. Хотя, если честно, некоторые конструкторы почти те же возможности предоставляют бесплатно. Только они обычно вдобавок к этому лимитируют трафик и диск, а здесь безлимит по всему. Поэтому если реально нужна мелкая визитка, то можно смело искать бесплатный конструктор. А вот для чего-то типа блога и выше - тут...

2018.12.06 в 11:06 написал: Гена

Долго выбирал лучший конструктор для интернет-магазина, в итоге остановился на Базиуме. И своя CRM есть и карточка товара редактируется прекрасно, и по интеграциям все круто. Еще с Мое Дело если бы была, то совсем айс. И круто что можно еще и лендинги классные делать, особенно спасибо за свободный блок. Доволен на 9/10

2018.12.14 в 16:29 написал: Василий Коршиков

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

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

2016.10.03 в 13:10 написал: Тимур

Недоработаны поддомены. (по ценам считаеться как сайт, не копируються секции на другие поддомены, и нет вообше масоовых изменений) Сервис оператора 2 девушка говорит очень шабонно (говорила 50 страниц в тарифие 1500 р а когда купил 10 оказалось) Нет никаких советов по сео и других вариантов рекламы. Тоесть нанимай сеошника который как обычно и без конструктора прописывает. Так же говорил много недочетов, недостатков или советов, а операторы просто не передают это разработчикам. Когда сообщил разработчикам сказали все сделаем только пол года уже нет изменений, я бы сменил "провайдера") , но у меня уже 800 страниц, надеюсь исправятся

2018.04.05 в 18:47 написал: Скороход Александр

Очень здорово, но дороговато... 1600 р. в месяц за lite - план, если хочешь экспорт кода сделать или другие полезности использовать. Приходится проектировать на Webflow и дальше скачивать код вручную или пользоваться сторонними выгрузками типа Webflow download 2.0 Но самый удобный способ - использовать CMS c функцией синхронизацией контента на бесплатном аккаунте Webflow - ReFlex CMS (платный).

2019.02.01 в 07:18 написал: Сабуров Кирилл

Работал с ними по партнерской программе, но при первой же попытке вывести деньги начались проблемы. Заявку оформлял еще в начале ноября. С тех пор вот уже 2 месяца кормят обещания (переписка с ними - это отдельный шедевр).
Личное мое мнение, что нужно обходить стороной сервисы, которые не в состоянии расплатиться даже с партнерами (по факту, с теми людьми, кто им и генерирует продажи).

2019.01.08 в 10:46 написал: slaid89

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

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

Лендинг, лединг, лейдинг, лендинг пейдж, одностраничный сайт, langing page, одностраничник, продающий сайт, посадочная страница. Так много названий, даже совсем извращенных одного и того же. Смысл же в том, что практически чем бы Вы не занимались, Вам нужен такой сайт. Ну, раз нужен, то давайте решим вопрос с его созданием. Сделать лендинг самому? После этой статьи — не вопрос! Причем правильный, осмысленный, бьющий точно в цель. Что называется, сможете сами сделать Ваш заветный продающий лендинг.

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

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

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

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

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

НАС УЖЕ БОЛЕЕ 45 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 вещи:

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

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

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

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

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

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

Шаг 2. Детали

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

И вот так все выглядит в итоге в реальности:


На этом шаге раскрывается весь Ваш концепт. И без общих знаний сюда лучше не соваться. Иначе Ваша фантазия закончится на избитых фразах в стиле “Почему 95 процентов клиентов выбирают нас”, “Как мы работаем”, “О нас”. Чтобы хоть как-то подкачаться в этой области, рекомендую почитать наши статьи:

  1. Техника: свойство-преимущество-выгода
  2. Бизнес копирайтинг
  3. 4U заголовки: схватите вашего клиента за глаза
  4. Как писать заголовки: 6 формул как сделать их цепляющими

Шаг 3. Призывы

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

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

ЭТАП 4 — Дизайн

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

Хотя с дизайнером тоже не мало мороки может быть. Поэтому перед тем как передать всё в его руки, обязательно нужно написать МАКСИМАЛЬНО ПОДРОБНОЕ . С примерами того, что Вам нравится, что не нравится. Какие где фото использовать (хотя бы примерно). На что сделать акцент. Фактически, для программиста и для дизайнера делаются разные технические задания.

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

  • Цветовые пятна. Один экран = один основной цвет. Не нужно использовать несколько разных оттенков и создавать тем самым новогоднюю ёлку.
  • Минимализм. Если опыта в дизайне мало, то Ваш выбор — простая и стильная страница без лишних деталей. Чтобы Вам было приятно, называйте его “Как у Apple”.
  • Воздух. Между элементами должно быть пространство, которое отделяет между собой смыслы. В идеале запомнить правило: 1 экран = 1 смысл.
  • Акценты. У Вас должно всё быть в соподчинении. Что-то должно бросаться в глаза первым, потом взгляд должен перемещаться на второй элемент, а затем на другие.

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

ЭТАП 5 — Вёрстка

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

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

Также при вёрстке нужно определить для себя нужна ли Вам админ-панель. Ведь если в Ваш landing планируется постоянно вносить правки, то стоит предусмотреть этот пункт. Но по практике, изменения всегда небольшие и поэтому достаточно обычного HTML-кода, в котором легко разобраться за 5 минут.

ЭТАП 6 — Вечность

Хотелось данному этапу дать более конкретное название, например, “Запуск и получение заявок”, но “Вечность” звучит более подходяще. После того как Вы сделали лендинг своими силами, начинается самое интересное:

  • “Сайт плохо работает”;
  • “Мне перенравился этот блок”;
  • “Люди хотят видеть на сайте калькулятор”;
  • “Ссылка должна открываться в новом окне”.

Всё это подводит к постоянной работе над сайтом и это нормально. Мы не стесняемся озвучивать руководителям, спустя 2-3 года после того как сделали сайт, что дайте нам доступ, мы изменим бесплатно несколько блоков. И это обусловлено новыми знаниями, наработками, опытом. Именно поэтому будьте готовы к и изменениям длиною в вечность.

Коротко о главном

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

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

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

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

№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. В зависимости от того, насколько сложный и функциональный лендинг вам нужен, можно выбрать тот или иной способ его создания. Однако, стоит понимать, что ограничения в функционале все же есть – реализовать нестандартный функционал или дизайн без специалистов может не получиться… Благо он нужен далеко не всегда и в большинстве случаев сделать собственный лендинг бесплатно и достаточно быстро вполне по силам каждому.

На сегодняшний день лендинги, очень популярны. Почему же сейчас идёт такой БУМ этих самых лендингов? Почему только их преимущественно и заказывают?

Недостатки landing page

  1. Продажа одного товара. Тут всё просто, один товар - один лендинг.
  2. Нет SEO оптимизации. Конечно, некоторые личности умудряются заточить свою страницу под какой-нибудь запрос и далеко продвинуть его, но много ли вы ключей сможете продвинуть с одной страницы? Ответ очевиден.

Преимущество landing page

  1. Конверсия. Наибольшая конверсия наблюдается у landing page. Что позволяет ему с лучшим успехом.
  2. Быстрое исполнение. Для того, что бы сделать от 1 до 3-5 страниц необходимо не так много времени, как например для создания того же интернет-магазина.
  3. Цена. Один из основных факторов почему выбирают именно его. По цене он всё же уступает корпоративным сайтам и интернет-магазинам.

Но, конечно же, у каждой конторе правило свои. Некоторые предлагают разработку лендинга от 100 000 и более рублей! По мне - перебор. Не отрицаю, что будет всё сделано на высшем уровне, но у многих просто нет такого бюджета на него.

Думаю именно этот фактор привел вас на этот блог и на эту статью. Сейчас мы рассмотрим, как сделать лендинг самому , да ещё и бесплатно! Чтобы сделать landing page самому необходимо для начала:

  • Понять, для чего он нам нужен
  • Придумать структуру лендинга
  • Скачать Notepad++
  • Скачать Artisteer 4
  • Запастись временем
  • Приготовить чай

Для чего он нам нужен?

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

Придумать структуру лендинга

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


Скачать NotePad++

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

Скачать Artisteer 4

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

Запастись временем

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

Приготовить чай

Или кофе/какао. Что любите больше. Я выбираю чай

Инструкция по созданию лендинга самому

  1. Качаем картинки к будущему сайту, чем качественнее она будет, тем лучше. Плохие картинки лучше не берите.
  2. Пишем контент к сайту. Весь текст, что будет у вас на сайте в виде доступной информации для посетителей.
  3. Открываем Artisteer 4 и начинаем редактировать пустую страницу, или уже имеющийся шаблон. Вставляете свой текст и нужные картинки.
  4. Отредактировав все необходимые страницы, вы экспортируете свою работу в виде HTML файла (назовите главную страницу "index.html " Без скобочек, это обязательно! ).
  5. Далее открываете страницы с помощью NotePad++, нажимаете Ctrl + F и вводите фразу "Artisteer". Удаляете все упоминания о программе (разработано с помощью, ссылки на сайт программы и прочее).
  6. Сохраняете всё это добро, нажав на кнопку сверху "Сохранить".
  7. Вуаля! Вы сделали лендинг самостоятельно! Теперь осталось поставить ваш новоиспеченный .

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



Рекомендуем почитать

Наверх