Как создать качественный одностраничный сайт

Есть ли возможность бесплатно создать landing page

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

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

Интерактивные элементы

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

Таймер обратного отсчета

Добавим на свой вариант посадочной страницы таймер. Для этого:

1. В меню слева переходим в раздел Wix APP Market, в поисковое поле вводим «таймеры» и выбираем Wix Countdown Clock.
2. Расположим таймер в блоке со второй мотивирующей надписью. После этого переходим в настройки элемента.
3. Здесь задаем дату окончания таймера, часовой пояс, дизайн и т.д.

Всплывающая форма лидогенерации

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

Для добавления на лендинг всплывающей формы:

1. В разделе бокового меню «Добавить» переходим в пункт «Интерактив» — «Промобоксы» — «Контакты» и выбираем нужный элемент.
2. В режиме промобокса удаляем все его содержимое.
3. После этого меняем фон промобокса.
4. Переходим на лендинг, копируем расположенную ниже форму для сбора пользовательских данных. Вставляем ее в промобокс.
5. Затем в настройках промобокса указываем, на каких страницах его отображать и с какой задержкой.

Настройка якорей и CTA-кнопок

На созданной нами странице присутствует три CTA-элемента. Кнопка «Позвонить» расположена в правом верхнем углу хедера и две кнопки «Погнали» на полосках с мотивирующими фразами. В их настройках можно задать следующие варианты перенаправления:

• На внешний интернет-ресурс.
• На страницу сайта.
• К определенному элементу лендинга (например, форме).
• К футеру или хедеру веб-страницы.
• На определенный документ (файл).
• К отправке электронного письма на заданный email-адрес.
• К звонку на указанный номер.
• На промобокс.

Кнопка «Позвонить»

Рассмотрим настройку кнопки «Позвонить». Для этого:

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

Кнопки «Погнали»

К первой кнопке мы привяжем якорную ссылку, ведущую к форме лидогенерации, расположенной внизу лендинга. Для этого:

1. В настройках кнопки кликаем по иконке ссылки, которая расположена внизу диалогового окна.
2. В списке «Куда ведет этот элемент?» выделяем вариант «Якорь». В параметрах справа выбираем страницу сайта и элемент (лид-форма), на который будет указывать кнопка.
3. Сохраняем внесенные изменения.

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

1. Переходим в настройки кнопки и в списке «Куда ведет этот элемент?» выделяем вариант «Промобокс» и справа выбираем нужный элемент.
2. Нажимаем «Сохранить».

Тарифы

Платформа Тильда предоставляет 3 основных тарифа: «Free», «Personal» и «Business». Когда вы зарегистрировали свой личный кабинет, вы автоматически находитесь на «Free», который очень ограничен в функциях, но в любой момент Вы сумеете поменять его на любой другой.

Тем не менее основные свойства Тильды доступны всем пользователям. К ним относятся: автоматическое подключение субдомена tilda.ws, редактор Zero Block, сервис Tilda CRM, подключение базовой и более сложной анимации, автоматическая адаптация под все устройства, а также предоставление библиотеки фотографий и иконок.

Итого, если у вас цель – разработать простой проект до 50 страниц, например портфолио, то можно вполне ограничиться тарифом «Free», но если речь о разработке онлайн-магазина, то тут однозначно следует выбирать «Personal» или «Business».

Tilda.cc

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

Главное преимущество Tilda в том, что в конструкторе можно создать один лендинг бесплатно самому с полного нуля. Для этого предназначен тариф под название Free. Но о тарифах мы поговорим с вами ниже.

Конструктор Тильда открывает возможности для:

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

1. Интуитивно понятный интерфейс конструктора для чайников.
2. 450 готовых блоков: обложки, типографика, фотогалереи, фоновые видео, формы заявок.
3. Адаптивный дизайн под мобильные устройства.
4. Редактирование собственных блоков.

Особый акцент Тильда делает на создании лендингов. Специально для одностраничных сайтов в конструкторе разработан ряд блоков – отзывы, перечисление преимуществ, кнопки, блоки call-to-action. Формы сбора данных интегрированы с 12 сервисами рассылок.

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

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

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

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

Виды лендинг пейдж, которые можно создать в конструкторе Tilda

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

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

Как раз самое время поговорить о тарифах.

Тарифы

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

И я совсем забыла упомянуть, что это конструктор сайтов на русском языке.

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

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

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

2 этап – осведомленность. Вот он задумался и понял – хм, действительно есть проблема! Только пока не знает, как ее решить. Помогите ему с помощью рассказа о товаре или услуге.

3 этап – сравнение. Клиенту нужно дать на выбор несколько вариантов решения проблемы.

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

5 этап – покупка. Здесь все просто: пусть оставляет заявку в форме заказа, контактные данные – словом, делает то целевое действие, ради которого все и задумывалось.

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

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

1.  Оффер

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

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

2. Данные о товаре или услуге

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

3. Преимущества товара

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

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

4. Схема работы

Проговорите схему, по которой вы будете работать. Например, если вы копирайтер, опишите все этапы работы: заказчик присылает ТЗ, вы обговариваете все детали, получаете предоплату, пишете текст в оговоренные сроки и вносите правки, если будет нужно. Это убедит клиента в прозрачности вашей работы и обезопасит вас от недобросовестных заказчиков.

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

6. Дипломы, грамоты, сертификаты

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

7. Цены

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

8. Формы заказа

Чтобы мотивировать клиента сделать целевое действие и нажать на кнопку, есть несколько секретных приемов:

• предложить ему приятный бонус, скидку, полезную информацию. Некоторые компании даже соревнуются, кто больше предложит клиенту;
• выделить элемент СТА контрастным цветом, чтобы сразу бросалась в глаза;
• повторить СТА несколько раз. Для одной посадочной страницы достаточно 2-3 кнопок и форм. Все остальное – уже перебор.

9. Специальные элементы

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

10. Контакты

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

Налоги с лэндинг пэйджа

Рассмотрим налогооблажение от продажи товаров или услуг через landing page. Предприниматели, которые осуществляют продажи (ведут свой бизнес) через интернет (рекламу, посадочные страницы т.д.) необходимо оплачивать налоги от прибыли. Рекомендуется это делать только тогда, когда у вас начинают увеличивать объема продаж, оборот и т.д. Для этого понадобится зарегистрировать юридическое лицо. (О том, что лучше выбрать ИП или ООО для своего бизнеса читайте здесь)

• Первый тип налогообложения — общая система налогообложения. Данный режим предусматривает уплату наибольшего количества налогов. Сюда относятся — налог на прибыль, НДФЛ для ИП и физлиц, НДС (налог на добавленную стоимость), различные взносы (страховые и т.д.) и прочие налоги.
• Второй тип налогов — УСН (Упрощённая система налогообложения). Данный тип уплаты налогов является самым распространенным среди начинающих предпринимателей. (6 % с доходов, либо ставка от 5 до 15% с разницы между расходами и доходами, зависит от региона деятельности бизнеса)
• Третий типа налогообложения — ЕНВД — Данный тип относится к отдельным видам деятельности, которые внесены в НК (налоговый кодекс). Уплата налогов в данном режиме фиксированная, а сам размер налогов зависит от региона деятельности бизнеса.
• Патентная система налогообложения. Покупается патент на определенный вид деятельности, в каждом регионе стоимость патента разная. Оплата налогов фиксированная и выражается в рублях. Режим действует только для ИП.

Какие налоги нужно уплачивать с landing page зависит от вашего налогообложения. При регистрации бизнеса необходимо указать коды ОКВЭД и основной вид вашей деятельность.

Рекомендуем прочитать — Как открыть ИП — пошаговая инструкция.

Как создать лендинг?

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

Есть несколько вариантов создания одностраничников. Это можно сделать как самостоятельно, так и обратившись к специалистам. Соответственно, бесплатно и за деньги.

1. Сделать на конструкторе сайтов. В рунете их множество:

• Wix;
• lPmotor;
• Tilda;
• Битрикс.24;
• и другие.

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

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

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

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

Tobiz

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

После создания лендинга в конструкторе Tobiz можно добавить свой домен, настроить страницу для поисковых систем и подключить сторонние сервисы в том числе онлайн-оплату через Robokassa. На всех тарифах доступны А/Б тесты и CRM система от Tobiz.

Цены при оплате за месяц от 450 до 1200 рублей.

В какой ситуации подойдет лендинг, а не сайт

Лендинговый сайт создают, чтобы:

Рекламировать товары и услуги.

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

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

Сайт-лендинг, который рассказывает об акциях компании

Получать новых подписчиков.

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

Лендинг с призывом к действию — «Подписаться»

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

Откройте для себя чат-бота

Выстраивайте автоворонки продаж и отвечайте на вопросы пользователей с помощью чат-бота в Facebook, VK и Telegram.

Пример лид-магнита на лендинге — предложение о получении чек-листов «Как привлекать клиентов с помощью YouTube». Это один из отличных вариантов целевого действия, когда посетитель готов предоставить свои контактные данные.

Пример использования лид-магнитов на лендинге

Лендинг хорошо использовать для продвижения одного продукта или схожей группы товаров или услуг. Также он подойдет:

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

Что выбрать: сайт-визитку или лендинг

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

Критерии хорошего конструктора одностраничников

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

Стоимость
Задумайтесь о бюджете на ваш сайт, готовы ли вы платить по 300—500 руб. ежемесячно за его обслуживание? У хороших платформ минимальный тариф находится в этом диапазоне, но есть и более дорогостоящие предложения, например, LPgenerator за 799 руб. в месяц.
Сложность использования
Через лучшие сервисы очень легко работать. Они сделаны на русском языке, не подвисают, имеют интуитивно понятный интерфейс. Чтобы это оценить, нужно за пробный период успеть, как минимум, создать проект и запустить его на бесплатном поддомене.
Интеграции с нужными сервисами
Большинство популярных платформ предлагают синхронизировать данные с различными CRM, почтовыми рассылками, кассами и т. д. Тем не менее, встречаются и те, где очень мало возможностей по интеграции, и такие варианты лучше исключать.
Наличие инструментов аналитики
Они однозначно понадобятся тем, кто планирует не просто запустить свой сайт, а продавать с него товары или заниматься арбитражем трафика. К сожалению, далеко не все конструкторы имеют расширенные возможности для отчетов в реальном времени и А/Б тестирование

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

В одном сервисе может быть всего 5–10 вариантов, но они идеально подойдут, чтобы создать одностраничный сайт самому с нуля, а в другом — несколько тысяч бесполезных шаблонов.
Регистрация доменов
Возможность купить адрес для сайта сразу в платформе по привлекательной стоимости — не самый важный критерий, но это удобно. Вам не придется прописывать DNS и ждать пока изменится делегирование, все будет сразу готово к работе. Многие конструкторы даже предлагают один домен с привязкой бесплатно при оплате тарифа.
Возможность передать или скачать сайт с выгрузкой кода
Данная услуга может понадобиться для последующей продажи проекта или переезда на другой хостинг. В первое время она кажется бесполезной, но когда встанет подобный вопрос, то будет уже поздно.

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

Лид-формы

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

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

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

Бесплатные шаблоны landing page для Вордпресс

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

Шаблоны для landing page на WordPress вы найдёте в самой CMS — раздел «Внешний вид — Темы».

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

1. BeOnePage. Профессиональна одностраничная тема для WordPress. Подойдёт для сайтов специалистов и корпораций. Адаптивный дизайн, лёгкая настройка блоков, анимации, быстрая загрузка на любых устройствах.
2. VW One Page. Адаптивная одностраничная тема для любого бизнеса. Быстро загружается на планшетах и мобильных устройствах, оптимизирована под поисковые системы, легко настраивается. Может быть переведена на 70 языков.
3. Llorix One Lite. Бесплатная одностраничная тема для WordPress с простым дизайном и параллакс-эффектом. Адаптивный дизайн, поддержка WooCommerce, SEO-friendly.
4. Zerif Lite. Ещё одна удобная одностраничная тема для WP. Минималистичный дизайн, адаптивность под мобильные устройства, совместимость с e-commerce
5. Uniform. Простая одностраничная тема для Вордпресс, которую легко настроить. Совместимость практически со всеми популярными плагинами.
6. Freesia Empire. Одностраничная и легко настраиваемая тема. Совместима с большинством плагинов, e-commerce, содержит несколько бесплатных шаблонов.
7. One Page Express. Ещё одна эффектная одностраничная тема, которую можно использовать при создании landing page. Легко менять очерёдность блоков в списке, перетаскивая их. Есть предопределённая главная страница, готовые шаблоны с содержимым. Адаптивная вёрстка.

Рассмотрим создание лендинг пейдж на примере темы One Page Express. Эту тему очень легко настроить, ведь шаблон состоит из блоков, которые нужно лишь слегка отредактировать.

Чтобы установить тему, пройдите по пути «Внешний вид — Темы — Добавить темы», наведите курсор на понравившийся шаблон в списке тем и нажмите на кнопку «Установить».

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

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

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

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

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