Создать лендинг с нуля: Как и где создать лендинг, одностраничный сайт — Tilda Publishing

пошаговая инструкция, создание Landing Page через Tilda

Содержание:

1. Что такое конструктор лендинга
2. Предварительная подготовка
3. Первичная настройка сайта на Tilda
4. Редактирование сайта
5. Редактирование контента
6. Дополнительные возможности
7. Подключение Tilda CRM

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

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

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

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

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

К наиболее популярным конструкторам относят:

• Tilda;
• Wix;
• Google Sites;
• LPgenerator;
• uKit;
• Bloxy;
• И другие.

Главное отличие конструктора от CMS — с его помощью нельзя создать сайт с нуля и настроить как угодно.

Предварительная подготовка

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

• определили сильные и слабые стороны предлагаемого товара;
• установили ценность продукта или услуги для целевой аудитории;
• сформировали портрет ЦА, поняли: кто они, откуда, какой уровень доходов имеют, как покупают, чего хотят и боятся;
• изучили конкурентов, сформулировали УТП;
• написали тексты для лендинга.

Также определите идею и задачи сайта. Идея — то, что будет на сайте (например, курс по обучению профессии интернет-маркетолога и 3 варианта покупки), цель — с какой целью он создается (продажа полезной информации в виде курса).

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

Чаще всего, она бывает такой:

1. Первый экран — шапка, заголовок с УТП, кнопка призыва к действию.
2. Второй экран — более подробное описание оффера.

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

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

Первичная настройка сайта на Tilda

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

Регистрация в конструкторе Tilda

Заполните необходимые поля в регистрационной форме:

Регистрационная форма

После регистрации вы окажетесь на главной странице конструктора.

Совет: рекомендуем подключить тарифный план «Personal» перед началом работы — он расположен во вкладке «Тарифы и оплата». Сервис предоставляет всем пользователям 2 недели бесплатного использования. Так вы получите полный доступ ко всем функциям и блокам конструктора.

Вам автоматически предложат создать новый сайт, но если вы этого не сделали, воспользуйтесь кнопкой «Создать новый сайт»:

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

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

Настройки сайта в конструкторе Tilda

Редактирование сайта

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

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

Далее вам предложат выбрать подходящий тип сайта из шаблонов. Мы рекомендуем воспользоваться функцией поиска и сразу вписать слово «лендинг» в строку — так Тильда предложит вам несколько вариантов шаблонов.

Выбор шаблона лендинга в конструкторе Tilda

Для примера, возьмем тип «Универсальный» (первый слева).

Редактирование контента

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

Редактирование контента страницы в конструкторе Tilda

Также обратите внимание на 2 панели управления, расположенные под редактором контента.

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

Правая панель (выделена как №3) позволяет управлять перемещением блока — поднимать его вверх или вниз, скрывать и показывать, полностью удалять при необходимости, а также копировать и вырезать.

Дополнительно можно использовать кнопку «Контент», которая отобразится, если вы наведете курсор на блок:

Редактирование блоков на странице в конструкторе Tilda

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

Замена изображения блоков на странице в конструкторе Tilda

Также в Тильде есть важная кнопка «Настройки»:

Настройка блоков на странице в конструкторе Tilda

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

Управление блоком

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

Добавление нового блока на странице в конструкторе Tilda

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

Поиск нужных блоков

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

Если вы хотите создать собственный блок с нуля, воспользуйтесь функцией «ZERO BLOCK» — новым инструментом конструктора. Его можно найти либо в самом внизу страницы, через крайнюю правую кнопку «Zero»:

Создание собственного блока на странице в конструкторе Tilda

Либо в редакторе блоков, тоже в самом внизу, после кнопки «Другое»:

Создание нулевого блока на странице в конструкторе Tilda

Нажав на нее, вы попадете в режим ZERO, который открывает более широкие возможности по редактированию:

Редактирование в режиме ZERO

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

Например, если это будет текст, вы сможете устанавливать «жирность» (свойство weight), семейство и размер шрифта, цвет, прозрачность, положение (например, впереди основного контента или за ним), вращать текст на нужное число градусов:

Настройки текста

Подробнее о настройке читайте в официальном справочнике Tilda.

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

Публикация новой страницы в конструкторе Tilda

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

Дополнительные возможности

Оценить, как будет выглядеть сайт, можно с помощью карты блоков, которая находится во вкладке «Ещё»:

Карта блоков страницы в конструкторе Tilda

Также в ней расположена вкладка «Настройки страницы». В ней можно выполнить подготовить title и description лендинга, а также настроить бейджик, соцсети, сделать экспорт страницы:

Подготовка title и description

Во вкладке SEO настраивается сниппет:

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

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

Подключение Tilda CRM

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

Активирование системы сбора заявок в конструкторе Tilda

Затем перейдите в настройки сайта, выберите вкладку «Формы» и подключите CRM к сайту:

Подключение CRM к сайту в конструкторе Tilda

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

Добавление заявки вручную к сайту в конструкторе Tilda

Интеграция систем веб-аналитики

Также вы можете подключить системы аналитики — например, Google Analytics и Яндекс.Метрику. Для этого перейдите в раздел «Аналитика» и нажмите на кнопки подключения нужных инструментов. Вам нужно будет авторизоваться в сервисах веб-аналитики:

Интеграция аналитики на сайт в конструкторе Tilda

Подключение собственного домена

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

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

Подключение собственного домена на сайт в конструкторе Tilda

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

Итоги

Сделать лендинг пейдж онлайн — не такая уж и трудная процедура, которая может занять 1-2 часа. Более важный этап, которому следует уделить внимание — сделать так, чтобы итоговый сайт работал и приносил заявки.

Для этого:

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

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

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

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

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

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

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

Что такое лендинг пейдж

Лендинг и прелендинг ─ это разные вещи. Лендинг пейдж ─ это страница оффера с призывом к действию. Она убеждает в ценности продаваемого продукта, рассказывает о его преимуществах, приводит доказательства: факты, цифры, выводы исследований, графики, диаграммы, видеоролики и т.д. То есть, призывает купить товар/услугу. И как можно скорее.

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

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

Лендинг и конверсия

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

Конверсия (CR) — это отношение пользователей, которые совершили целевое действие на странице, ко всем посетителям сайта. Простыми словами: конверсия лендинга показывает, какой процент кликов превращается в лиды. Например, с прелендинга на страницу перешло 500 клиентов. Целевое действие совершили 7 пользователей. Простая формула для ее расчета приведена ниже:

CR = 7/500 * 100% = 1,4%. Процент конверсии будет равен 1,4%.

Как увеличение коэффициента конверсии влияет на объем продаж

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

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

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

ROI = (доходы — расходы) / расходы * 100%

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

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

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

Инструменты отслеживания

Удобнее всего отслеживать конверсии и многие другие показатели статистики в трекере. Но для этого также можно воспользоваться Яндекс.Метрикой и Google Analytics.

Виды и примеры лендингов

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

Товарный лендинг

Товарные лендинги предназначены для продажи товаров и услуг. Цель товарного лендинга ─ заставить посетителя оставить заявку, сделать заказ. Например, товарным лендингом может быть витрина, на которой размещено до 10-15 товаров. Он может иметь корзину и продвигать несколько товаров или услуг одновременно.

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

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

Лендинг для сбора подписчиков

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

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

Как можно достаточно быстро набрать подписную базу:

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

Квиз-лендинг

Квиз-лендинг ─ это посадочная страница со встроенным опросником (5-7 вопросов) с описанием характеристик и преимуществ товара или услуги. Его цель ─ сбор заявок и заказов с помощью игровых опросов, интерактивных тестов и викторин. Например, пользователь отвечает на вопросы, рассказывает о своих проблемах и в игровой форме узнает о продукте. Например, посетитель отвечает на вопрос «есть ли у вас проблемы с лишним весом», далее получает ряд уточняющих вопросов, а затем ему предлагается конкретный продукт для решения его проблемы. Это позволяет быстро выявить проблему посетителя, ненавязчиво предложить вариант ее решения, а также оградить клиента от лишних вопросов при созвоне.

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

Используя квиз-лендинги, вы можете увеличить конверсию в несколько раз, при правильном подходе она может составлять 10-12%.

Брендовый лендинг

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

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

Презентационный лендинг

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

Лендинг для тестирования

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

Этапы создания лендинга

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

Этап 1. Определяем целевую аудиторию

Лендинг с высокой конверсией ─ это лендинг с правильно определенной целевой аудиторией. Перед тем, как сделать сайт, определитесь, кто ваша ЦА. Не имеет смысла предлагать продукт людям, которым он не нужен. Определение целевой аудитории ─ это один из ключевых моментов при создании продающего лендинга. Правильная целевая аудитория напрямую влияет на конверсию лендинга.

При определении целевой аудитории надо понимать:

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

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

• Чтобы выявить боли и проблемы целевой аудитории, надо изучить:

  • тематические форумы;

  • тематические блоги и сайты;

  • комментарии в блогах, соц. сетях, на сайтах;

  • сайты конкурентов.

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

• Пол.
• Возраст.
• Уровень дохода.
• Сферу деятельности.
• Интересы.
• Боли и проблемы. Что клиента беспокоит и не дает заснуть по ночам.
• Желания и мечты. Что человек хочет получить в результате.
• Возражения клиента. Его страхи, сомнения, недоверие и пр.

При создании лендинга можно воспользоваться спай-сервисами. Одними из топовых на сегодняшний день являются: Publer, AdSpy, Adplexity. Но просто бездумно копировать чужие одностраничники — не лучшая идея. Вы ведь не знаете, насколько успешна была кампания у вашего конкурента. Этими сервисами лучше пользоваться для поиска идей и новых решений. Они помогут вам создать свою собственную стратегию для сайта, отдать в работу прототип быстрее.

Этап 2. Определяем целевые действия

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

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

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

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

Этап 3. Создаем прототип лендинга

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

Прототип можно нарисовать на листе бумаги, можно в Word, в Adobe Photoshop. Очень удобным для визуализации блоков является редактор Figma.

Примерная структура продающего лендинга:

• Заголовок.
• Лид-абзац (обязательно на первом экране).
• Социальные доказательства. Это отзывы. Блоки социальных доказательств снимают возникающие возражение пользователей. На эффективном лендинге они размещаются вначале, в середине, в конце продающего текста.
• Блок с призывом к действию. Повторяется по тексту несколько раз, первый раз — на первом экране. Обязателен после блока с продажей и в последнем блоке. Там необходимо сделать кнопку с призывом к покупке.
• Проблема пользователя.
• Решение проблемы. Аргументация вариантов решения проблемы.
• Выгоды решения проблемы.
• Презентация продукта.
• Основные преимущества продукта.
• Продажа продукта.
• Блок со скидками, бонусами, подарками.
• Ограничитель по количеству товара и по срокам.
• Гарантии. Длительные и надежные.

Этап 4.

Пишем продающий текст для лендинга

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

Основные требования к продающему тексту:

1. Чем больше вы заставляете юзера думать, тем скорее вы его потеряете. Поэтому пишите просто, доступно, понятно, конкретно. Например, «вы будете зарабатывать $1745 в неделю» вместо «вы обретете финансовую свободу».

   • Используйте простые и короткие слова в тексте, в формах.

   • Используйте короткие предложения, так информация усваивается лучше.

   • Активно пользуйтесь местоимением «вы» в тексте.

2. Заголовок.

   • Всегда в заголовке указывайте ваше главное преимущество и делайте конкретное предложение. Например, «Продающие сайты за 48 часов от экспертов маркетинга, веб-разработки и дизайна за $499».

   • Заголовок должен выполнять 2 функции: привлекать внимание и мотивировать к дальнейшему прочтению.

   • Заголовок текста надо написать крупно и выделить жирным шрифтом.

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

3. Лид-абзац должен вытекать из заголовка и рассказывать о преимуществах товара или услуги. Его основная функция ─ заставить посетителя читать дальше блоки с текстом на сайте.

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

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

6. Составьте свое уникальное торговое предложение. Отстройтесь от конкурентов и выделитесь на их фоне.

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

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

8. Напишите понятный призыв к действию в форме. Сделайте процесс покупки максимально простым.

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

   • Принимайте как можно больше видов платежей. Связаться и оплатить должно быть очень просто!

   • Предложите бонус от вашей команды, бесплатный подарок первым покупателям. Все зависит от того, какие потребности у вашей ЦА.

   • Предложите несколько вариантов платной доставки или бесплатную доставку, если возможно.

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

Этап 5. Создаем дизайн лендинга

Дизайн ─ это важный этап в создании конверсионного лендинга. Лучше всего, конечно, веб-дизайн сайта доверить профессионалу. Но если вы новичок, не знаете, где его найти, или просто не можете себе позволить такие затраты, то нужно знать основные правила создания элементов сайта:

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

   • Для лучшего восприятия клиентом компании информации в тексте и на других элементах с экрана компьютера используйте шрифты Arial или Verdana высотой 12 и более пунктов.
   • Применяйте минимальное количество разных шрифтов в разных блоках. Один иди два ─ максимум три.
   • Исследования показали, что шрифты с засечками менее предпочтительны пользователями для онлайн-чтения. Например, Times New Roman, Courier. Они хороши для печатной рекламы.

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

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

• Изображение боли, проблемы клиента.

• Картинка продукта в действии.

• Визуализация преимуществ товара.

• Делайте фото «до» и «после».

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

    • Используйте не более трех основных цветов.
    • Не делайте выворотную печать, то есть не пишите белыми буквами по черному фону. Почему? Пользователю такой текст сложнее читать. Белый и желтый ─ с точки зрения простоты прочтения наиболее удачные цвета для фона.
    • Для шрифта лучше использовать черный и темно-синий цвет.

Знаете ли вы какие цвета нравятся вашим клиентам больше всего? Результаты ряда экспериментов, проведенных в США, выявили цветовые предпочтения тестируемых групп.

Интересно, что цветовые предпочтения людей меняются с возрастом. Дети выбирают красный. Затем, взрослея, они отдают предпочтение желтому, затем зеленому, а заканчивается все синим. Чем старше, тем синее! Но почему с возрастом люди начинают отдавать предпочтение синему? Оказывается, этому есть научное объяснение. Зрачок ребенка может поглощать лишь 10% синего света, а человека постарше ─ 85%. Одна из теорий гласит, что это такой естественный способ защиты глаза от яркого до боли света по мере нашего старения.

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

Этап 6. Тестирование лендинга

Каким бы удачным не казался вам лендинг, его все равно нужно тестировать. Даже если вы сделали все по правилам, описанным выше, и не совершили типичных ошибок, следующий этап работы над вашей посадочной страницей ─ это отслеживание и тестирование. Тесты, тесты и еще раз тесты. Отслеживание можно производить с помощью интеграции Яндекс.Метрики и Google Analytics. Ниже приведены самые основные показатели, которые нужно отслеживать:

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

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

3 простых способа создания лендинга самому

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

Готовые шаблоны

В сети можно найти много готовых шаблонов под конкретные системы управления контентом (CMS) и шаблонов для html/css/js без системы управления. Некоторые вполне можно взять за основу.

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

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

Самые популярные CMS системы: WordPress, Joomla, OpenCart, Drupal и др.

Конструкторы лендингов

Лендинг можно создать сразу на конструкторе. Они есть платные, цены разные, тарифы могут быть с ежемесячной оплатой. Но можно найти вариант конструктора и с размещением практически бесплатно. Различают онлайн-конструкторы и программы. У каждого свой функционал и возможности. Но и там, и там хорошая поддержка, которая даст ответы на любые ваши вопросы о конструкторе. Популярные платформы: WIX, Weebly, uKit (uCoz), Google Sites, Webnode, Jimdo, Tilda, Webflow.

👉👉👉 Более подробно о том как выбрать конструктор лендинга и как им пользоваться — ТОП 20 конструкторов: платные и бесплатные

С нуля

Создать сайт с нуля ─ это долгий и сложный путь, если вы не проходили специальные курсы и не имеете опыта в разработке. Нужно будет изучить HTML, CSS, JavaScript и многое другое. Этот способ стоит рекомендовать только тем, у кого много свободного времени и огромное желание. Остальным лучше обратить внимание на конструкторы.

Важные моменты

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

Скорость

Скорость загрузки лендинга ─ архиважный момент. Вашу посадочную страницу может никто не увидеть, если ваш сайт или отдельные элементы, блоки будут грузиться более 3 секунд. Согласно статье в Forbes «Почему скорость загрузки сайта должна быть приоритетом оптимизации»: 47% пользователей ожидают, что сайт загрузится в течение 2 секунд или меньше. 40% пользователей покинут сайт, если он не загрузится в течение 3 секунд.

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

Как проверить скорость загрузки сайта

Нужно проверить загрузку сайта с помощью сервиса PageSpeed Insights. Это инструмент Google. Он проанализирует контент и даст советы, как ускорить загрузку.

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

Адаптивность

Главное проверьте, одинаково ли хорошо отображается ваш сайт на всех устройствах. Нужно учитывать, что люди будут заходить и с десктопа, и с мобильных устройств. Особое внимание следует обратить на мобильный трафик в Google и Яндекс. Его удельный вес продолжает расти.

Чтобы не терять мобильный трафик, необходимо выполнить один из пунктов:

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

Осторожнее с шаблонами WordPress

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

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

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

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

Ошибки при создании

Рассмотрим основные ошибки более подробно.

Шаблонный дизайн

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

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

Плохо продуманное УТП

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

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

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

Непродуманность призыва к действию

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

Избыток информации

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

Отсутствие учета особенностей целевой аудитории

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

Информация не внушает доверия

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

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

Выводы

Секрет продающего лендинга заключается в 3-х составляющих: Убедить. Повлиять. Подтолкнуть к действию.

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

Желаем высокого профита!

Как создать целевую страницу с нуля с помощью Leadpages

Автор Laurie Wang Оставить комментарий

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

Это окупилось со временем, так как многие из этих целевых страниц генерируют более 60% конверсий, и я даже был отмечен Leadpages (поставщиком целевых страниц, которым я пользуюсь) как один из их 9.0005 примеры успеха .

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

Почему целевые страницы?

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

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

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

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

Что такое лендинг и зачем он нужен?

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

Но зачем создавать страницу только для того, чтобы люди могли заполнить форму со своими данными? Вот почему, знаете ли вы, что более 9Согласно недавнему исследованию Episerver, 2% посетителей, впервые зашедших на сайт, могут больше никогда не вернуться на ваш сайт. Поэтому важно убедиться, что вся ваша тяжелая работа по привлечению аудитории из социальных сетей на ваши целевые страницы и из других источников (например, другие ваши маркетинговые каналы) действительно окупается, путем дальнейшего взаимодействия с ними для получения будущих сообщений или предложений от вас.

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

Как создать привлекательную целевую страницу, которая генерирует потенциальных клиентов и конвертирует

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

Вот 5 вещей, о которых следует помнить при создании целевой страницы:

1. Что это даст вашей аудитории? Подумайте о привлекающем внимание заголовке, который фокусируется на пользе, которую вы приносите им в обмен на их адрес электронной почты или, возможно, на совершение покупки у вас.
   
2. Визуальные эффекты решают все. Чистый и привлекательный визуальный ряд действительно может воплотить в жизнь ту ценность, которой вы делитесь со своей аудиторией, и побудить их сделать следующий шаг.
   
3. Удалите любую навигацию в верхней части страницы или в любом другом месте на целевой странице, насколько это возможно. На обычном веб-сайте вы обычно включаете строку меню, чтобы направлять людей на разные страницы, но вы можете удалить их на целевой странице, чтобы помочь вашей аудитории сосредоточиться на призыве к действию, которое вы хотите, чтобы они предприняли.
   
4. Увеличьте свой показатель успешности, включив форму в верхнюю часть страницы (над сгибом), это гарантирует, что без прокрутки аудитории ваш контент сможет привлечь их внимание при первой же возможности.
   

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

Следующие шаги

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

Рубрики: Бизнес, Создание списка

О Лори Ван

Лори — отмеченный наградами специалист по цифровому маркетингу, который помогает привлечь внимание аудитории, жаждущей их продуктов или услуг. Ее знания и понимание цифрового ландшафта принесли пользу широкому кругу клиентов, от молодых стартапов до гигантов из списка FTSE 100, от Google до глобального рекламного агентства Ogilvy. В 2017 году Британская ассоциация интерактивных медиа назвала ее восходящей звездой цифровой индустрии.

Взаимодействие с читателем

Планирование вашей целевой страницы — Серия целевых страниц с нуля — ConversionWise

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

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

Планирование страницы приземления

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

«Если вам не удается подготовиться, вы готовитесь к неудаче»

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

Определите свою основную аудиторию

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

Потратьте время на рассмотрение таких факторов, как:

• Их возраст
• Пол
• Привычки просмотра
• Устройство выбора
• Технологическое понимание

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

Поставьте четкую цель для страницы

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

Будьте проще. Определите ОДНУ цель для страницы, чтобы сузить фокус.

Подумайте, откуда вы будете направлять трафик

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

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

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

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

Создайте уникальное предложение

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

Возьмем Invision, например:

Invision сформулирует выгоду, за которой следует решение

или наше сообщение на Landing Page Guys:

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