Как создать продающий сайт: инструкция для новичков
Как создать продающий сайт: инструкция для новичков - uGuide.ru

Как создать продающий сайт: инструкция для новичков

  • Обновлено:
    2020-03-30
  • Просмотры:
    2086
  • Отзывы:
    0
Продающими сайтами принято называть лендинги – одностраничники, целью которых является продажа товара или услуги каждому посетителю страницы. Это чисто коммерческий инструмент, продающий с минимальной задержкой по времени.

Как делать такие страницы? На чём делать? Есть ли фишки, правила? Давайте разберёмся во всём по порядку.

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

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

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

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

 

Лучшие движки для продающих сайтов

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

 

Наш выбор!

ulanding – лучший конструктор посадочных страниц → детальный обзор

uLanding.io - самый лучший конструктор лендинг пейдж

Официальный сайт: ulanding.io
Год основания: 2018
Страна: Россия
Бесплатный период: 7 дней
Платные тарифы: $8.99 - $24.99 в мес.
Сложность: Очень простая

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

Шаблонов два десятка, они адаптивные. Можно сделать макет с нуля из готовых секций и элементов: шапка, подвал, этапы, таймер, отзывы, прайс, таблица, заказ звонка, консультант, соцбары, карточка товара и прочие. Можно вставлять свой HTML-код, добавляя интеграции внешних сервисов и структурные элементы, если потребуется. Есть возможность приёма оплаты онлайн. Сервис позволяет собирать и публиковать прелендинги – облегчённые страницы для разогрева перед посещением основного продающего одностраничника. Есть возможность проведения A/B-тестирования нескольких страниц. По итогам тестов получите детальный отчёт, из которого будет понятно, какой вариант страницы лучше работает и почему.

Плюсы:

  • Простота освоения, удобство, высокая скорость запуска новых страниц;
  • Возможность приёма оплат и бесплатный SSL-сертификат, подтверждающий безопасность соединения и совершения покупок на вашей странице;
  • Понятная для новичков подача статистической информации по эффективности страниц за выбранный период;
  • В панель управления интегрированы бесплатный магазин от Ecwid, amoCRM и JivoSite;
  • Безлимитные, бесплатный уведомления о заказах по SMS;
  • Запуск A/B-тестирования нескольких страниц (4 проверяли, возможно, и больше);
  • Можно добавить свой код на страницу;
  • Добротные шаблоны с демо-контентом и выверенной структурой;
  • Удобный, простой в использовании редактор;
  • Возможность добавления всплывающих окон и динамического текста;
  • Инструментарий для работы с прелендингами;
  • Архивация ненужных страниц и восстановление в пару кликов;
  • Резервные копии лендингов делаются в 1 клик;
  • Поддержка интеграций со всеми важными социалками;
  • Хорошая техподдержка, развитое сообщество, блог с кучей полезных материалов;
  • Тестовый период – 7 дней.

Минусы:

  • Готовых шаблонов около 20, их количество растёт, но медленно;
  • Готовых блоков мало (не путайте с виджетами – это другое);

Стоимость:

  1. Начальный ($8.99/мес) – 1 проект и 1 домен, 5 одностраничников, круглосуточная техподдержка (тикеты), бесплатные SMS-уведомления, вся доступная в системе функциональность.
  2. Бизнес ($14.99/мес) – 3 проекта и 3 домена, 30 страниц, живой чат с техподдержкой.
  3. Продвинутый ($24.99/мес) – 10 проектов и 10 доменов, 1000 страниц.

*Примечание: при оплате за год стоимость месяца на треть ниже.

 

Рекомендуем!

uKit – доступный сервис для создания первого лендинга → детальный обзор

uKit.com

Официальный сайт: ukit.com
Год основания: 2015
Страна: Россия
Бесплатный период: 14 дней
Платные тарифы: $4 - $12 в мес.
Сложность: Очень простая

uKit – сервис для создания многостраничных бизнес-сайтов, практически аналогичный по возможностям uLanding. Он прекрасно подходит и для публикации лендингов, есть набор из 18 одностраничных адаптивных шаблонов. Редакторы у систем одинаковые, набор виджетов очень схож. Стоимость ниже в 2 раза за счёт отсутствия профильных средств анализа конверсии одностраничников, A/B-тестов и возможности вставки своего кода на младших тарифах. В остальном – примерно то же самое. Отличный вариант для проб пера на ниве сбора конверсии с минимальными вложениями. Для получения статистики используется Google Analytics или/и Яндекс.Метрика, сводки которых будут интегрированы в панель управления после синхронизации.

uKit обладает богатым набором коммуникаций и маркетинговых инструментов. Интеграция социалок, онлайн-консультанта, систем уведомлений, почтовых рассылок, Пикселей ВК и Facebook, парочки CRM, калькулятора услуг uCalc, магазина от Ecwid и платёжных систем – всё это позволяет создавать эффективные воронки продаж и обрабатывать поток клиентских заявок. Визуальный редактор прост в использовании, страницы получаются привлекательными, их стили легко редактировать: цвета, шрифты, фоны (видео тоже), анимации. Можно добавить всплывающие окна с акциями, предложениями и прочими вещами. Движок хорошо оптимизирован, страницы быстро загружаются и хорошо смотрятся на любых экранах.

Плюсы:

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

Минусы:

  • Нет встроенных профильных инструментов для анализа конверсии;
  • Нет возможности проведения A/B-тестов.

Стоимость:

  1. Премиум ($5/мес) – оптимальный тариф для создания лендингов, доступ ко всем виджетам и необходимым настройкам.
  2. Премиум + ($10/мес) – премиальные шаблоны, расширенная статистика для анализа конверсии.
  3. Магазин ($12/мес) – корзина магазина, приём онлайн-оплаты.
  4. Про ($15/мес) – возможность вставки своего кода на страницы.

*Примечание: используйте промо-код UGUIDE-25 для снижения стоимости тарифов на 25%. Также при оплате за год вперёд цена упадёт ещё на 25%.

 

WordPress – лучшая CMS для создания лендингов → детальный обзор

WordPress

Официальный сайт: ru.wordpress.org
Год основания: 2003
Страна: Весь мир
Бесплатный период: Неограниченный
Платные тарифы: отсутствуют
Сложность: Простая

WordPress – бесплатный и универсальный движок благодаря многочисленным плагинам. Благодаря уже завоёванной популярности, на его процветание реально трудится весь мир. Шаблонов десятки тысяч, среди которых куча качественных бесплатных для одностраничных сайтов. Платные обладают большей долей уникальности и порой качества. Панель управления из коробки простейшая, даже проще многих конструкторов за счёт отсутствия нагромождения функций на все случаи жизни. Благодаря бесплатным плагинам вроде Elementor и штатного Gutenberg система становится аналогом конструктора с визуальным редактором, в котором очень удобно собирать небольшие сайты, особенно лендинги. Прекрасный вариант для новичков.

У вас будут шаблоны секций и целые макеты, в которые можно просто добавить контент и публиковать. Можно и без плагинов: возьмите хороший одностраничный шаблон с богатыми настройками, хотя бы минимально настройте внешний вид (цвета, шрифты, структура), добавьте информацию и публикуйте. Сбор статистики можно организовать в любом формате за счёт тех же плагинов – без ограничений, всего навалом. Тесты, воронки продаж, маркетинг, интеграция внешних сервисов – всё что душе угодно в любом количестве. Не забудьте о качественном хостинге – WP работает быстро и чётко, но прожорлив к ресурсам сервера. Дырявый копеечный хостинг испортит всё дело, о бесплатном даже не думайте – отобьёте себе охоту работать надолго.

Плюсы:

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

Минусы:

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

Стоимость:

WordPress можно скачать/использовать бесплатно в любых целях. Но ему нужен хостинг. И домен, само собой, как и любому другому сайту, независимо от движка. Его стоимость зависит от регистратора и доменной зоны – примерно $15/год. В целом, минимальная цена использования WP равна стоимости хостинга. Мы рекомендуем Bluehost – лучший, официально рекомендуемый разработчиками движка провайдер. Приводим его расценки в качестве показателей себестоимости использования WordPress:

  1. Basic ($2.95 в мес) – 1 проект с 1 доменом и 25 поддоменами, 50 Гб на SSD-диске, неограниченный трафик, бесплатный сертификат SSL.
  2. Plus ($5.45 в мес) – безлимит на количество проектов и дискового пространства, доменов и поддоменов, в подарок 1 домен на выбор и SSL-сертификат к нему на 1 год.
  3. Choice Plus ($5.45 в мес) – всё то же самое, плюс подарок в виде ПО для удобства операций над резервными копиями (CodeGuard Basic Backup).

 

Divly – создание одностраничников под ключ

Divly

Официальный сайт: divly.ru
Год основания: 2018
Страна: Россия
Бесплатный период: 14 дней
Тарифы за услуги: 3900 руб. за сайт

Divly – веб-студия для широких масс. Без гламура, суперцен, эксклюзивов от «дизайнера с мировой известностью» по цене нового BMW и прочих мало интересных для среднестатистического предпринимателя нюансов. Если коротко, то вам сделают продающий сайт - лендинг за 3900 рублей. Регистрируетесь, делаете заказ, даёте тему оффера, ваш специалист трудится над ТЗ, вы следите за прогрессом из личного кабинета. Можете задавать вопросы, корректироваться по ситуации, запрашивать доработки, если результат чем-то не устраивает. Так или иначе, вы получите лендинг по своей теме, который сможет продавать целевой аудитории продукт.

Такой подход интересен всем, кто просто хочет результат, не вникая в нюансы построения эффективных страниц, правильные тексты (их тоже можно заказать здесь) и прочее. Есть возможность заказа настройки и запуска контекстной рекламы – основного инструмента привлечения трафика на лендинг. По итогу, страница обойдётся вам тысяч в 15 рублей на год (сюда входит аренда хостинга и сопутствующие услуги). Сколько она сможет принести за это время? Кто знает, зависит от продукта и щедрости вашего рекламного бюджета. Как минимум, получится раз в 5 больше вложений. Лендинг будет создан на базе uKit или uLanding – по вашему выбору.

Плюсы:

  • Поставьте задачу и забудьте – вам всё сделают правильно;
  • Можно следить за прогрессом из личного кабинета, общаться с исполнителем;
  • В системе более 200 специалистов – заказ возьмёт профильный разработчик, сдавший до вашего сотни подобных проектов;
  • Скорость выполнения работы – 5-7 дней со всеми доработками, текстами и настройкой рекламы;
  • Реалистичные, не раздутые цены услуг;
  • Гарантия результата, много отзывов реальных клиентов, которые можно посмотреть на сайте студии.

Минусы:

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

Стоимость услуг:

  1. Создание продающего сайта (лендинга) – 3900 рублей
  2. Настройка и запуск контекстной рекламы страницы – 3990 рублей
  3. Разработка графики (баннеры, лого и т. д.) – от 1000 рублей
  4. Тексты для страницы и SEO-оптимизация – от 1000 рублей

 

Что такое продающий сайт?

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

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

Количество продаж зависит и от удачности самой страницы/оффера, и от качества трафика. Если конверсия 4-7%, это нормальный результат. Мифические 20-30% лучше выбросить из головы, иначе разочаруетесь раньше времени в этом способе заработка. Давайте теперь обсудим подходы и принципы к созданию эффективных одностраничников.

 

Правила создания идеального продающего сайта

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

  1. Одна страница – один продукт, одна цель. Всё должно быть просто и бить в одну точку. Внимание клиента должно быть сконцентрировано на одном товаре или услуге, весь контент на странице должен крутиться и продвигать её. И ничто другое. Если есть желание охватить несколько офферов, можете использовать мультилендинги (одной целевой аудитории покажут страницу о «Купить дом», другой – «Купить гараж», к примеру). Нагромождение целей приводит к тому, что ни одну из них страница не закроет, поверьте.
  2. Лендинг – это отдельный сайт. Некоторые думают, что можно сделать в формате лендинга главную страницу (или любую другую) многостраничного сайта, убив двоих зайцев таким подходом и обманув судьбу. Не стоит так делать, это не работает. Внимание посетителей будет рассеяно, они осмотрятся и пойдут дальше.
  3. Лендинг должен быть адаптивным. Сейчас больше половины трафика идёт со смартфонов, поэтому запускать сайт, который плохо выглядит на таких экранах, не имеет смысла.
  4. Чем точнее и короче текстовые формулировки, тем лучше. Человек, зайдя на страницу, в течение следующих 5-7 секунд должен понять, где он, в чём суть предложения, какую пользу он получит с этого и что для этого нужно сделать. Не нужно ходить вокруг да около: «Хит лета: удобный, прочный шезлонг за 3000 рублей, зонт в подарок». Заголовок отвечает на все вопросы сразу. Если первично интересно, клиент дальше почитает, заразится идеей и купит.
  5. Скорость загрузки важна. Многие заходят со смартфонов, Интернет не везде быстрый, поэтому оптимизация страниц важна, как и адаптивность. Если посетитель в течении 5-7 секунд не дождётся загрузки, то закроет вкладку. Благо, конструкторы и так быстро работают. Замечание актуально, скорее, для CMS – там вы хостинг сами выбираете, от него во многом зависит скорость, есть пространство для ошибок.
  6. Обязательно сопровождайте продукт изображением. Если это курс, тренинг, то есть нечто нематериальное, то всё равно сделайте трёхмерную модель коробки с тематическим изображением сути курса. Визуализируйте всё важное, используйте графику – диаграммы, фото, таблицы, если это поможет аппетитно презентовать продукт.
  7. Всегда должно быть чётко выраженное целевое действие. Подписка, покупка, заказ. Причём, кнопки CTA (Call to Action) нужно подписывать с подтекстом пользы для клиента. Например, не стоит писать «Отправить» под формой. Лучше написать «Получить/загрузить/присоединиться сейчас».
  8. Добавляйте кнопки «Поделиться» социальных сетей – это поможет немного увеличить прибыль со страницы.
  9. Навигация и структура должны быть простыми. Уберите всё лишнее из того, что не влияет на принятие решения клиентом. Не нужно анекдотов, отвлечённых рассказов, попыток параллельно продать сопутствующий товар. Создайте смысловой тоннель без развилок, ведущий посетителя к покупке.
  10. Очень хорошо работают подарки: купили мангал - пакет углей в подарок, например. То же касается скидок: обычно товар стоит 2000, но сейчас 1000, да ещё интересная книжка в подарок, придёт на почту после оплаты заказа. Придумывайте акции, в общем.
  11. Используйте A/B-тесты. Не обязательно с первой же страницы играть в гуру маркетинга. Но! Если войдёте во вкус, тестирование поможет лучше понимать целевую аудиторию и делать более эффективные страницы. Поверьте, далеко не всегда сможете предсказать реакцию публики на вашу подачу оффера правильно, иногда она будет неожиданно хорошей или плохой. Тесты же не обманут, покажут реальную картину и позволят сделать верные выводы без домыслов.

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

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

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

  • Заголовок в шапке и подзаголовки, если они нужны для более полного раскрытия цели страницы;
  • Точное и краткое описание предложения вроде «Ботинки Ecco с 50% скидкой, модель 2020 года»;
  • Набор изображений продукта и, если есть, видео. Всё должно быть в хорошем качестве;
  • Отзывы клиентов либо какие-то другие доказательства качества/компетентности/законности и прочих вещей, которые помогут убедить клиента принять решение без опаски;
  • Призыв к действию. Обычно это форма с кнопкой, характер которых зависит от сути оффера.

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

 

Примеры хороших продающих сайтов

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

Пример 1. Магазин строительных материалов «Реал Хоум»
Пример 2. Продажа веселящего газа «ZakisAzota.com»
Пример 3. Системы умный дом от «M Solutions»

 

Выводы

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

Новичкам рекомендуем использовать uKit, чуть более продвинутым предпринимателям – uLanding. Желающим получить перспективный опыт взаимодействия с лучшей CMS – WordPress. Любой из этих инструментов покажет себя хорошо. Придерживайтесь описанных принципов, более-менее грамотно просчитывайте свои коммерческие предложения для целевой аудитории, и вы точно не останетесь в накладе. Минимум 3-5% конверсии получите с холодного старта.

  • Автор: Дмитрий Луценко

no avatar