Содержание

Как сделать Создать веб-сайт лендинг

HTML5CSS.ru

ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ

❮ Назад Дальше ❯


Узнайте, как создать отзывчивый веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


«проект макета»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Header

Navigation bar

Side Content

Some text some text..

Main Content

Some text some text..

Some text some text..

Some text some text..

Footer


Первый шаг-базовая HTML страница

HTML — это стандартный язык разметки для создания веб-сайтов, а CSS — это язык, описывающий стиль HTML-документа. Мы будем сочетать HTML и CSS для создания базовой веб-страницы.

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

Пример

<!DOCTYPE html>
<html lang=»en»>
<head>
<title>Page Title</title>
<meta charset=»UTF-8″>
<meta name=»viewport» content=»width=device-width, initial-scale=1″>
<style>
body {
    font-family: Arial, Helvetica, sans-serif;
}
</style>
</head>
<body>

<h2>My Website</h2>
<p>A website created by me. </p>

</body>
</html>

Пример как работает

  • <!DOCTYPE html> Декларация определяет этот документ как HTML5
  • <html> элемент является корневым элементом HTML-страницы
  • <head> элемент содержит мета-информацию о документе
  • <title> элемент задает заголовок документа
  • <meta> элемент должен определить кодировку UTF-8
  • <meta> элемент с именем = «видовой экран» делает веб-сайт хорошо выглядеть на всех устройствах и разрешение экрана
  • <style> элемент содержит стили для веб-сайта (макет/дизайн)
  • <body> элемент содержит видимое содержимое страницы
  • <h2> элемент определяет большой заголовок
  • <p> элемент определяет абзац

Создание содержимого страницы

Внутри <body> элемента нашего сайта, мы будем использовать наш «макет проекта» и создать:

  • A header
  • A navigation bar
  • Main content
  • Side content
  • A footer

Semantic Elements

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

Вот некоторые из наиболее распространенных семантических HTML-элементов:

Элемент <Section> можно использовать для определения части веб-сайта с соответствующим содержимым.

Элемент <статья> можно использовать для определения отдельного фрагмента содержимого.

Элемент <Header> можно использовать для определения заголовка (в документе, разделе или статье).

Элемент <Footer> можно использовать для определения нижнего колонтитула (в документе, разделе или статье).

Элемент <Nav> можно использовать для определения контейнера навигационных ссылок.

В этом уроке мы будем использовать семантические элементы.

Тем не менее, это до вас, если вы хотите использовать <div> элементы вместо.


Заголовка

Заголовок обычно находится в верхней части веб-сайта (или прямо под верхним навигационным меню). Он часто содержит логотип или название сайта:

<div>
  <h2>My Website</h2>
  <p>A website created by me.</p>
</div>

Затем мы используем CSS для стиля заголовка:

.header {
    padding: 80px; /* some padding */
    text-align: center; /* center the text */
    background: #1abc9c; /* green background */
    color: white; /* white text color */
}

/* Increase the font size of the <h2> element */

.header h2 {
    font-size: 40px;
}



Панель навигации

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

<div>
  <a href=»#»>Link</a>
  <a href=»#»>Link</a>
  <a href=»#»>Link</a>
  <a href=»#»>Link</a>
</div>

Use CSS to style the navigation bar:

/* Style the top navigation bar */
. navbar {
    overflow: hidden; /* Hide overflow */
    background-color: #333; /* Dark background color */
}

/* Style the navigation bar links */

.navbar a {
    float: left; /* Make sure that the links stay side-by-side */
    display: block; /* Change the display to block, for responsive reasons (see below) */
    color: white; /* White text color */
    text-align: center; /* Center the text */
    padding: 14px 20px; /* Add some padding */
    text-decoration: none; /* Remove underline */
}

/* Right-aligned link */
.navbar a.right {
    float: right; /* Float a link to the right */
}

/* Change color on hover/mouse-over */
.navbar a:hover {
    background-color: #ddd; /* Grey background color */
    color: black; /* Black text color */
}


Содержимого

Создайте макет из 2 столбцов, разделенный на «боковое содержимое» и «основное содержимое».

<div>
  <div>. ..</div>
  <div class=»main»>…</div>
</div>

We use CSS Flexbox to handle the layout:

/* Column container */
.row {
    display: flex;
    flex-wrap: wrap;
}

/* Create two unequal columns that sits next to each other */
/* Sidebar/left column */
.side {
    flex: 30%; /* Set the width of the sidebar */
    background-color: #f1f1f1; /* Grey background color */
    padding: 20px; /* Some padding */

}

/* Main column */
.main {
    flex: 70%; /* Set the width of the main content */
    background-color: white; /* White background color */
    padding: 20px; /* Some padding */
}

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

/* Responsive layout — when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 700px) {
    .row {
        flex-direction: column;
    }
}

/* Responsive layout — when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
    .navbar a {
        float: none;
        width: 100%;
    }
}

Совет: Чтобы создать различный вид макета, просто измените ширину Flex (но убедитесь, что она добавляет до 100%).

Совет: Вам интересно, как работает @media правило? ПодроБнее об этом читайте в нашей главе «медиа-запросы CSS».

Совет: Чтобы узнать больше о гибкой модуль макета окна, прочитайте нашу CSS Flexbox главе.


Нижний колонтитул

Наконец, мы добавим нижний колонтитул.

<div>
  <h3>Footer</h3>
</div>

And style it:

.footer {
    padding: 20px; /* Some padding */
    text-align: center; /* Center text*/
    background: #ddd; /* Grey background */
}

Поздравляю! Вы создали сайт с нуля.

❮ Назад Дальше ❯

Как сделать

Вкладки
Выпадающие
Аккордеоны
Конвертер
Анимированные кнопки
Боковая Навигация
Верхняя навигация
Модальные коробки
Строки хода выполнения
Параллакс
Форма входа
HTML вставка

Google Карты
Ползунки диапазона
Подсказки
Слайдшоу
Список фильтров
Сортировать список
html картинка
как вставить картинку в html
цвет текста фона
размер текста html
цвет размер шрифта html
формы html
список html
таблица html
как сделать ссылку в html
html элементы



Copyright 2018-2020 HTML5CSS.ru

Правила и Условия Политика конфиденциальности О нас Контакты

Конструктор лендингов — сделать лендинг бесплатно с нуля без программиста на GetResponse

Сделайте лендинг бесплатно в несколько кликов без знаний HMTL кода

Создавайте посадочные страницы, которые будут привлекать трафик и конвертировать лиды в покупателей — даже если вы далеки от веб-дизайна.

Более 100 шаблонов лендингов

ПОПРОБОВАТЬ БЕСПЛАТНО Закажите демо

Превратите лендинг

вприбыльныйонлайнбизнес
  • Переведите бизнес
    в онлайн

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

  • Расширяйте базу
    контактов

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

  • Продавайте больше продуктов и услуг

    Увеличивайте прибыль с помощью готовых воронок продаж: просто добавьте в воронки продукты или услуги

  • Рекламируйте вебинары

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

Реализуйтеидеи с помощьюконструктора посадочной страницы

Более 200 шаблонов посадочной страницы

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

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

ПОПРОБУЙТЕ БЕСПЛАТНО ›

Лендинг, оптимизированный для мобильных устройств

Проявите креативность в drag-and-drop редакторе и создайте одностраничник всего за несколько минут. Без помощи программиста и знания кода вы можете

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

ХОЧУ СОЗДАТЬ ЛЕНДИНГ ›

Профессиональный лендинг с высокой конверсией

Используйте настройки и инструменты для профессиональной оптимизации посадочной страницы

  • Подключите бесплатный домен от GetResponse
  • Или разместите посадочную страницу на своем домене
  • Оптимизируйте тайтл и дискрипшн

ПЕРЕНЕСТИ БИЗНЕС В ОНЛАЙН ›

Анализируйте статистику, показатели эффективности одностраничника и конверсии

Анализируйте важные показатели эффективности посадочной страницы

  • Отслеживайте клики и конверсии и получайте ценную информацию о посетителях
  • Проводите A/B тесты
  • Подключите Google Analytics, Google Tag Manager, Facebook Pixel, и др.

СОЗДАТЬ ЭФФЕКТИВНЫЕ ЛЕНДИНГИ ›

Только начинаете?

Начните работать в интернете с

тарифом Freeот GetResponse

GetResponse Free подходит для любых начинающих компаний, которые хотят работать в интернете.

Попробуйте наш тариф Free, который будет бесплатным всегда. Что в него входит:

  • Email-маркетинг
  • Конструктор сайтов + лимит трафика 5 ГБ
  • Подключение домена
  • Лендинги
  • Формы регистрации и контактные формы

ЗАРЕГИСТРИРУЙТЕCЬ БЕСПЛАТНО ИЛИ УЗНАЙТЕ БОЛЬШЕ ›

Сравнитетарифыи ценыGetResponse

БЕСПЛАТНО

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

Бесплатно навсегда

ПЛАТНЫЕ ТАРИФЫ

Стандартные тарифы с премиум-функциями для роста в онлайне, лидогенерации и продаж.

Самый дешевый тариф начинается с

$13,30 /мес.

MAX

2

‍Индивидуальное решение с персональной поддержкой и функциями для роста доходов. ‌‍

Индивидуальная цена

СМОТРЕТЬ ЦЕНЫ

Используйте

всевозможности
  • Автоматизация маркетинга

    Автоматически отправляйте письма с учетом поведения на сайте

    ПОДРОБНЕЕ ›
  • Воронки

    Используйте готовые шаблоны, продавайте продукты или услуги

    ПОДРОБНЕЕ ›
  • Платная реклама

    Привлекайте качественный трафик на лендинги из Facebook и Google

    ПОДРОБНЕЕ ›
  • НОВИНКА!Лайв чаты

    Используйте лайв чаты
    для коммуникации
    с клиентами

    ПОДРОБНЕЕ ›

Опубликуйте одностраничник и интегрируйте с любимыми инструментами

Настройте интеграцию с инструментами и приложениями, и используйте преимущества комплексного интернет маткетинга

  • Отслеживайте данные посетителей с помощью пикселя Facebook
  • Анализируйте посещения с помощью аналитических инструментов
  • Подключите интернет-магазин к GetResponse, используйте все возможности лендинга для продажи услуг или продуктов

ПОСМОТРЕТЬ ИНТЕГРАЦИИ ›

Развивайте бизнес с помощью лендингов от GetResponse

ПОПРОБОВАТЬ БЕСПЛАТНО

Getmarketing-proventactics for your landing pages
  • Landing Pages for Beginners Guide

    What are landing pages, how do they actually work, and why they’re a must have for any business online.

    READ THE GUIDE ›

  • Remarkable Landing Pages Examples

    Check out the best landing pages examples we gathered, and learn how to make yours convert best.

    GET INSPIRED ›

  • Landing Page Help Center

    For advanced tactics and a deeper look into our Landing Page Creator, check out our dedicated Landing pages Help Center.

    HELP CENTER ›

Нужно индивидуальное решение для онлайн-маркетинга? Откройте для себя

GetResponse MAX

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

С GetResponse MAX вы получите:

  • Выделенную поддержку 24/7*
  • Автоматизацию SMS-маркетинга
  • Выделенный IP-адрес*
  • Транзакционные рассылки*
  • Рекомендации продуктов на основе ИИ

* Доступно только в тарифе MAX2

ЗАКАЗАТЬ ДЕМО СЕЙЧАС ИЛИ ВЕРНУТЬСЯ В НАЧАЛО СТРАНИЦЫ ⌃

Лендинги —FAQ Что такое лендинг?

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

Какие преимущества посадочной страницы?

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

Что представляет собой шаблон лендинга?

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

Чем отличается лендинг от сайта?

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

Что такое тариф Free от GetResponse?‌‍

Тариф Free от GetResponse подходит для начинающих компаний, которые хотят работать в интернете.

В тарифе Free можно:

  • создавать и публиковать 1 сайт и лендинг с базовыми функциями
  • отправлять неограниченное количество писем и использовать базовые инструменты email-маркетинга в редакторе писем
  • создавать и сохранять черновики для маркетинговых материалов вроде автореспондеров и процессов автоматизации
  • добавлять до 500 контактов в первые 30 дней (неподтвержденные и удаленные контакты также учитываются в лимите базы)
  • собирать лиды с помощью различных форм GetResponse и сохранять их в очереди на 32 дня
  • тестировать и использовать премиум-функции в течение 30 дней
Нажмите здесь, чтобы узнать больше об ограничениях в тарифе Free от GetResponse.

ПОПРОБОВАТЬ БЕСПЛАТНО

Попробуйте бесплатно | Банковская карта не нужна | Отмена в любое время

”GetResponse — отличная платформа, предлагающая эффективные лендинги, формы, воронки и исключительную поддержку.

Pamela  Moss
The Soul Guide Inc.

Создание Landing Page самостоятельно — LPmotor

Самостоятельно. Бесплатно. С нуля

Самостоятельно. Бесплатно.
С нуля

Конструктор Landing Page mottor идеально подходит для того, чтобы создать лендинг пейдж самостоятельно с нуля. Удобный визуальный редактор Landing Page и множество готовых шаблонов лендингов помогут вам запустить свой сайт всего за один вечер.

Создайте


свой лендинг самостоятельно

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

Визуальный конструктор

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

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

Свободная секция

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

Прямо как в «Фотошопе».

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

Прямо как в «Фотошопе».

Шаблоны сайтов

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

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

Встроенная CRM

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

Аналитика

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

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

Оплаты на лендинге

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

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

Посмотрите видео и создайте свой landing page в mottor!

Как создать


лендинг пейдж самостоятельно?

Стандартный Landing Page состоит из смысловых секций.
Внутри секций размещаются блоки: текст, картинки, формы
обратной связи, видео, кнопки, слайдеры и другие объекты.

В зависимости от задачи лендинг пейдж может состоять
из 5-10 секций.  Посмотрите примеры секций Landing Page:

Стандартный Landing Page состоит из смысловых секций. Внутри секций размещаются блоки: текст, картинки, формы обратной связи, видео, кнопки, слайдеры и другие объекты.

В зависимости от задачи лендинг пейдж может состоять из 5-10 секций. Посмотрите примеры секций Landing Page:

Из каких частей состоит стандартный лендинг?

Первый экран с уникальным торговым предложением (УТП)

Призыв к действию

Преимущества товара или услуги

Гарантии, убеждения

Как мы работаем

Контакты

Под каждый из этих смысловых блоков
в mottor уже есть готовые шаблоны секций.

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

Под каждый из этих смысловых блоков
в mottor уже есть готовые шаблоны секций.

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

Создайте ваш лендинг
бесплатно прямо сейчас

Документы:

Документы:

Полезные ссылки:

Полезные ссылки:

Функциональность:

Функциональность:

О компании:

О компании:

при поддержке Фонда Развития Интернет Инициатив

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

Бесплатный звонок по России

8 800 200 51 47

[email protected]

Видеоинструкции

Landing Page с нуля: как сделать лендинг самому

Целевая страница — один из самых эффективных способов продвижения продуктов онлайн. Многие хотят заполучить страницу захвата для своего продукта, едва узнав об этом инструменте. Думаем, вы уже знаете из нашего блога, что такое лендинг пейдж, а сегодня мы подробнее поговорим о том, как же landing page сделать самому.

Конечно, самый простой способ разработать landing page — поставить задачу профессионалам и не париться, но здесь есть два возражения.

  1. Ценовая политика веб-студий. Не каждый может легко расстаться с солидной суммой за одностраничник, особенно, если бизнес молодой;
  2. Желание вникнуть в работу и сделать свой лендинг самостоятельно. Многим предпринимателям это действительно интересно.

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

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

Сбор данных

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

Анализ

После этого информацию о найденных предложениях анализируют. Также на этом этапе проводится сборка ядра поисковых запросов. Для этого мы используем Yandex Wordstat, Google Keywords Planner или специальные программы. Полученный перечень запросов структурируется и сегментируется, после чего наиболее релевантные запросы снова используются для поиска конкурентов в нише.

Здесь важно не быть пристрастным: собственный продукт, как собственный ребенок, для вас лучше всех. Постарайтесь здраво оценить, насколько хорошо landing pages сделаны у конкурентов. Создайте критерии, по которым потом сможете поставить оценку, в том числе — самому себе.

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

УТП и преимущества

Когда вы уже знаете, что предлагают конкуренты, составьте УТП — уникальное торговое предложение. Это то, с чем вы обращаетесь к аудитории, что выделяет вас на фоне конкурентов. УТП обязательно формулируется на заголовке первого экрана и раскрывает выгоду продукта или услуги для клиента.

Плохой пример:

«Хотите привнести в свой дом неповторимый дух загадочной Франции?.. Действует гибкая система скидок!»

Хороший пример:

«Продаем и монтируем натяжные потолки от французского производителя в Киеве и области. –10% на каждую вторую комнату».

Когда УТП готово, сядьте и напишите:

  • список своих преимуществ (хотя бы 10 пунктов;
  • пошаговый план выполнения заявки;
  • перечислите клиентов или проекты, которыми особенно гордитесь; отберите отзывы, награды, публикации в СМИ;
  • оттметьте, с какими производителями, поставщиками и партнерами ведете дела; выделите из них тех, с кем сотрудничаете только вы;
  • соберите визуальные элементы: фотографии рабочего процесса и результатов, видео, графики и схемы.

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

«Высокая надежность» — нет.

«Дополнительные 2 года гарантии» — да.

Конкурентные акции

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

У вас есть потолки специально для детских комнат? Отлично! «Потолки в детскую –30%!» И кнопка: «Получить детский каталог». Да, эта акция не рассчитана на всех, она подходит только родителям, зато для них это действительно выгода, а не туманные обещания «гибкой системы скидок».

Прототипирование

Итак, информация собрана, проанализирована и структурирована. Теперь пришло время прототипа landing page, и мы скажем, как создать его самому. Прототип — схема с прописанными деталями, правильно размещенными блоками, с отметками о фотографиях, видео и т.п.

Кто-то пользуется для создания прототипов блокнотом, кто-то — текстовым редактором. Некоторые рисуют на доске, обсуждая задачу с командой. Выбирайте функционал, с которым вы быстро разберетесь. Мы пользуемся сервисом Moqups, и рекомендуем его, но можно выбрать другой. Чтобы создать одностраничный сайт, а не новые проблемы, найдите себе самый удобный вариант.

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

Структура для landing page

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

  1. Левый верхний угол: логотип с дескриптором. Дескриптор — короткое пояснение, чем занимается ваша компания. У нас такой: 

  2. Правый верхний угол: контактные данные, может быть кнопка «Заказать обратный звонок».
  3. Первый разворот: УТП и главные преимущества.
  4. Далее — форма захвата, куда пользователь вводит контактные данные. В форме захвата должен быть призыв, а кнопка обязательно должна выделяться. Сами поля для ввода данных могут размещаться непосредственно под кнопкой или же справа/слева от нее на странице (открытая форма), а могут открываться после нажатия: в новой вкладке или попапе (закрытая форма).
  5. Разворот с кратким описанием механики вашей работы.
  6. Фото-/видеогалерея или другая визуализация результатов.
  7. Еще преимущества: дополнительные гарантии, возможность получить индивидуальные условия, уникальные материалы и технологии и т.п.
  8. Отзывы или публикации в СМИ.

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

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

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

Дизайн и верстка

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

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

Если хотите более оригинальную картинку, можно нанять дизайнера (например, фрилансера). Прототип — уже практически готовое ТЗ для него. Чтобы точно получить то, что задумывалось, подготовьте примеры дизайна, которые вам нравятся.

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

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

Высоких вам конверсий!

Оценок: 1 279 (средняя 5 из 5)

Landing Page с нуля: как сделать лендинг самому {descr}

  1. Главная
  2. Landing Page с нуля: как сделать лендинг самому

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

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

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

Начните размещать официальную рекламу в Telegram Ads. Опередите конкурентов!

Зарегистрируйтесь и продавайте товары или услуги в Telegram Ads с помощью готового решения от Click.ru.

  • Бюджет от 3000 евро – это гораздо дешевле, чем работать напрямую.
  • Для юрлиц и физлиц – юрлица могут получить закрывающие документы, возместить НДС. Физлица могут запустить рекламу без общения с менеджерами.
  • 3 способа оплаты – оплачивайте рекламу картой физического лица, с расчетного счета организации, электронными деньгами.

Подробнее >> Реклама

Читайте также: 10 лучших конструкторов сайтов

Какой лендинг мы будем делать?

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

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

Блок 1: Первый экран лендинга

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

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

Что содержит:

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

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

Блок 2: Демонстрация продукта или услуги

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

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

Что содержит: текст и наглядные формы представления информации – фото, видео, инфографика и пр.

Блок 3: Преимущества или выгоды клиента

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

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

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

Блок 4: Цены

Блок с ценами на Landin Page – посетителя, который узнал о предложении и ознакомился с его преимуществами, всегда интересует стоимость.

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

Что содержит: цена продукта/услуги, кнопка заказа / платежная кнопка. В зависимости от типа предложенного продукта, возможно указание нескольких тарифов.

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

Блок 5: Отзывы

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

Какую задачу выполняет: доказывает, что товар / услуга – высокого качества и его /ее охотно покупают / заказывают.

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

Блок 6: Ответы на часто задаваемые вопросы

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

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

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

Блок 7: Выгодное предложение

Предложение, от которого трудно отказаться.

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

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

Блок 8: Контакты

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

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

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

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

Это интересно: 10 лучших курсов по веб-дизайну

Создание Landing Page самостоятельно: подробная пошаговая инструкция

Рассматривать создание лендинга копирайтера мы будем на примере конструктора Nethouse (кликай по ссылке).

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

Создаем сайт.

Нажимаем на пункт «Редактор».

В вертикальном меню выбираем пункт «Дизайн сайта – Выбор шаблона».

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

Первый блок лендинга

Первый экран шаблона выглядит таким образом:

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

В появившемся окне щелкаем по пункту меню «Обложка» и выбираем подходящий вариант обложки.

Старый блок удаляем. Аналогично можно заменить любой блок.

Добавляем заголовок, щелкнув по нему и удалив текст шаблона. Аналогично добавляем описание под заголовком.

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

В окне редактирования (вкладка «Изображение») щелкаем по полю ниже и загружаем свое изображение.

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

Редактируем горизонтальное меню – добавляем новые пункты, кликнув по значку «+». Чтобы поменять название пункта, нужно щелкнуть по нему и далее работать как с обычным текстом. При нажатии на какой-либо из пунктов, пользователь будет переходить в нужный раздел.

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

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

Второй блок

Второй экран шаблона – услуги:

Чтобы поменять фон и иконку, нужно подвести курсор к правой верхней части объекта и нажать на появившуюся кнопку «Настройки».

Появится окно редактирования, в котором нужно выбрать вкладку «Иконка». Снизу появятся иконки, доступные для использования. При щелчке по пункту «Цвет фона» откроется палитра.

Меняем иконки на более подходящие по смыслу, выбираем цвет.

Бесплатные иконки можно скачать на Flaticon.com. Например, набор start up – чтобы скачать весь набор нужна премиум подписка, но любую иконку можно скачать бесплатно в формате png. Эти иконки можно использовать вместо стандартных изображений.

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

Третий блок

Шаблон третьего экрана для перечисления преимуществ продукта:

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

Четвертый блок – цены

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

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

Пятый блок – отзывы

Экран одностраничного сайта с отзывами клиентов.

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

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

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

Шестой блок

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

На сайте добавится новый блок, с подзаголовком и полями. Ставим подзаголовок: «Ответы на частые вопросы». Размещаем вопросы с возражениями и с помощью ответов их закрываем.

Седьмой блок

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

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

Восьмой блок

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

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

На любом шаге можно перейти в предпросмотр – и посмотреть как выглядит сайт.

После заполнения всех блоков возвращаемся на первый экран и нажимаем на кнопку «Опубликовать».

Заключение

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

Полезные ссылки:

  • Где учиться созданию сайтов
  • ТОП-10 конструкторов интернет-магазинов
  • Виды сайтов и их классификация

Как сделать лендинг пейдж самому с нуля

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

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

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

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

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

Пример лендинга

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

Пример преленда

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

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

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

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

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

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

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

Увеличение продаж с ростом конверсии лендинга

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

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

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

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

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

Пример маркетинговой воронки

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

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

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

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

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

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

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

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

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

Пример товарного лендинга

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

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

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

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

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

Пример подписной страницы

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

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

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

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

Пример Квиз-лендинга

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

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

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

Пример брендового лендинга

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

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

Пример презентационного лендинга

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Прототип простого лендинга — пример

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

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

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

Хороший продающий текст на лендинге ─ это 50% успеха.

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

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

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

    • Используйте короткие предложения.

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

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

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

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

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

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

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

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

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

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

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

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

    • Напишите: «Сделать заказ очень просто».

    • Принимайте как можно больше видов платежей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цвета по степени предпочтения

Интересно, что цветовые предпочтения людей меняются с возрастом. Дети выбирают красный. Затем, взрослея, они отдают предпочтение желтому, затем зеленому, а заканчивается все синим. Чем старше, тем синее! Но почему с возрастом люди начинают отдавать предпочтение синему? Оказывается, этому есть научное объяснение. Зрачок ребенка может поглощать лишь 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 конструкторов лендингов: платные и бесплатные

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

Что нужно учесть при создании лендинга.

Скорость

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

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

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

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

Сервис проверки скорости загрузки сайта PageSpeed Insights

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

Cloudflare. Инструмент проверки скорости сайта

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

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

Мировой трафик мобильной передачи данных с 2017 по 2022

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ваша задача ─ не быть просто общепринятой версией вашего бизнеса, а выделиться на фоне остальных.

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

Руководство невежественного маркетолога по созданию целевой страницы с нуля

Главная — Блог — Руководство невежественного маркетолога по созданию целевой страницы с нуля

Мы много говорим об оптимизации целевых страниц здесь, в WordStream, но как вы приступите к созданию целевая страница в первую очередь? Вам нужно что-то оптимизировать, прежде чем вы сможете начать оптимизацию! Существует много способов создать целевую страницу: от закатывания рукавов и погружения в кодирование с помощью HTML, CSS и JavaScript до использования веб-сервисов, позволяющих настраивать шаблоны целевых страниц.

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

СВЯЗАННЫЕ: 4 совета по созданию потрясающих целевых страниц Facebook

Зачем вам нужно создавать целевую страницу

Очень быстро — я хочу обратиться к тому, что мы слишком часто видим здесь, в WordStream. Поскольку они не осознают важность конкретной релевантной целевой страницы, многие маркетологи и владельцы бизнеса просто направляют потенциальных клиентов с помощью своих объявлений в Google и Facebook 9.0015 на главную страницу своего веб-сайта .

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

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

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

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

Тогда хорошо. Давайте продолжим.

Создание целевой страницы «сложным» способом

Прежде чем мы погрузимся в мельчайшие детали создания целевой страницы с нуля, давайте выясним одну вещь: да, HTML, CSS и другие веб-технологии требуют обучения. . Однако научиться кодировать веб-страницы — это не то же самое, что программировать приложение, построить суперкомпьютер или вдохнуть (искусственную) жизнь в кровожадного робота, стремящегося к мировому господству. Изучение HTML, CSS и JavaScript требует времени и усилий, но это не так сложно, как вы думаете.

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

HTML

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

Изображение предоставлено: Mozilla Developer Network

Видите, как содержимое и структура страницы определяются кодом?

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

  • Codecademy (бесплатные интерактивные упражнения по программированию на HTML, CSS, JavaScript и др.)
  • Treehouse (обширная видеотека, бесплатная пробная версия, ежемесячная подписка)
  • Mozilla Developer Network (бесплатные текстовые руководства по различным веб-технологиям, включая HTML)
  • HTML Dog (больше руководств с большим количеством примеров кода)

CSS

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

В прошлом CSS-код вставлялся непосредственно в HTML-документы, но это не лучшая практика — конечно, это сработает, но не приобретайте вредных привычек. Разделяйте код CSS и HTML.

Вот пример того, как выглядит код CSS:

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

Чтобы получить представление о том, насколько мощным может быть CSS, ознакомьтесь с CSS Zen Garden Дэйва Ши. Хотя в это может быть трудно поверить, каждый из примеров стилей, которые вы там увидите, применяется к одному и тому же HTML-коду. Довольно круто, правда? Внося изменения в CSS вашей целевой страницы, вы можете экспериментировать с совершенно разными дизайнами без необходимости возвращаться и вручную настраивать HTML каждой страницы.

JavaScript

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

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

Вот фрагмент JavaScript:

JavaScript можно использовать для добавления функций на веб-страницу, таких как:

  • Отправка информации на серверы через веб-формы
  • Создание всплывающих окон
  • Аутентифицировать пользовательский ввод, например учетные данные для входа
  • Анимировать элементы навигации…

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

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

Создание целевой страницы простым способом

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

Существует множество сайтов, на которых создание целевой страницы не составляет труда. Мы рассмотрим два из них — Unbounce и Wix.

Unbounce

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

Одним из основных преимуществ использования Unbounce является то, что он включает в себя ряд функций, специально предназначенных для людей, которые в первую очередь сосредоточены на конверсиях. Еще одно преимущество использования Unbounce заключается в том, что вы можете провести A/B-тестирование двух версий целевой страницы, чтобы определить, какая из них более эффективна для повышения коэффициента конверсии — бонус!

Unbounce предлагает более 80 шаблонов практически для всех типов целевых страниц, которые могут вам когда-либо понадобиться, включая страницы запуска продуктов, страницы подписки на рассылку новостей по электронной почте, загрузки электронных книг, страницы онлайн-обучения и многое другое. Я выбрал шаблон «Click Through Minimalist Desktop Light» для примера в верхней части этого поста. Вы также можете начать с чистой страницы и начать с чистого листа, если вы настроены амбициозно.

Допустим, вы хотите создать целевую страницу для проводимой вами PPC-кампании по привлечению потенциальных клиентов. Шаблон «Йорк» — отличное место для начала работы со страницами такого типа.

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

.

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

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

Wix

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

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

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

Теперь пришло время приступить к настройке вашей страницы. Я выбрал шаблон «Lil Pillow Shop», потому что мне втайне нравилась подушка с контроллером игровой приставки. Жалко, что мой кот, наверное, его уничтожит — вот почему у меня не может быть хороших вещей.

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

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

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

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

Известные упоминания

Конечно, Unbounce и Wix — далеко не единственные инструменты, которые помогут вам создать целевую страницу. Другие известные упоминания включают:

  • SquareSpace (мощная аналитическая поддержка, регистрация домена, услуги хостинга)
  • Moonfruit (отзывчивый дизайн, встроенный в HTML5, удобный для электронной коммерции)
  • Weebly (интерфейс с перетаскиванием, поддержка аналитики, низкие ежемесячные цены)

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

Написание копии целевой страницы

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

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

Вдохните немного жизни в свой призыв к действию

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

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

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

Следите за тем, чтобы ваши сообщения были последовательными

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

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

Никогда не прекращайте A/B-тестирование

Оптимизация коэффициента конверсии — дело непостоянное. Хотя это не супер , самые маленькие изменения (например, изменение «Получить руководство» на «Получить мое руководство») иногда могут иметь огромное значение.

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

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

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

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

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

Так что, любите их или ненавидьте, без них не обойтись. Если только вы не заботитесь о конвертации трафика.

Но что такое целевая страница? И что в этом такого?

Целевая страница — это любая страница, на которую вы направляете посетителей по ссылке. Или, более кратко, страница, на которую посетитель попадает после перехода по ссылке.

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

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

Цель? Чтобы помочь вам построить их эффективно. А также оптимизировать те, которые вы уже создали. Пост, конечно, будет длинным, но обещает быть отличным чтением.

Чтобы упростить вам выполнение, вот пункты, которые я расскажу в этом посте:

Давайте запустим колеса, но сначала основные моменты:

Что такое целевая страница?

Давайте начнем с того, как это определяет Википедия:

«…целевая страница… это отдельная веб-страница, которая появляется в ответ на клик по оптимизированному для поисковой системы результату поиска,… маркетинговому электронному письму или онлайн-рекламе»

Это точное и прямое определение целевой страницы.

Отсюда можно сделать вывод, что любая страница может считаться целевой: ваша домашняя страница, страница о нас, страница контактов и т. д. Не так ли?

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

Некоторые визуальные эффекты могут помочь лучше понять мою точку зрения.

Вот домашняя страница, которая вполне может сойти за целевую:

А вот какой должна быть настоящая целевая страница:

Источник

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

Лендинг и домашняя страница: в чем разница?

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

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

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

Источник

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

В контексте маркетинга домашнюю страницу можно сравнить с магазином «А», а целевую страницу с «Б».

Понял?

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

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

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

1. Для привлечения потенциальных клиентов

Я знаю, я знаю. Я говорил это уже миллион раз, так зачем повторять это снова?

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

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

2. Место для хранения ваших предложений

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

Вот вдохновение от Upwork

Понял?

3. Помогает вам завоевать доверие

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

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

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

Но вы бы этого не сделали, если бы вас перенаправили на целевую страницу, относящуюся к этому объявлению.

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

4. Повышение коэффициента конверсии

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

И знаете, чем больше конверсий, тем больше продаж.

Когда следует использовать целевую страницу?

Да, целевая страница — это здорово.

Но когда они пригодятся? Или я должен сказать, когда вам действительно нужна целевая страница? Вот несколько примеров:

1.

Продвижение электронной книги

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

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

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

2. Подпишитесь на вебинар

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

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

3. Поощряйте бесплатную пробную версию вашего продукта SaaS

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

Вот наша собственная демонстрационная целевая страница. Надеюсь, это вдохновит вас.

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

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

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

1. Устранение навигационных ссылок

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

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

Взгляните на эти две страницы: как вы думаете, какая будет лучше конвертироваться?

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

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

Понял?

И последнее. Наличие навигационных ссылок — плохая идея, но добавление на целевую страницу одной или двух кнопок CTA — нет. Фактически, целевые страницы с кнопками CTA и без форм подписки называются страницами перехода по клику. Они работают довольно хорошо.

Например, страница «OrCAD», которую вы видите выше, является страницей перехода по клику.

2. Храните ключевые элементы преобразования в верхней части страницы

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

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

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

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

Не согласны с тем, что верхняя часть страницы — хорошее место для кнопок CTA или форм подписки?

Вот некоторые характеристики, которые развеют ваши сомнения:

  • Контент верхней части страницы в среднем удерживает 80% внимания пользователей.
  • Размещение CTA в верхней части страницы потенциально может увеличить коэффициент конверсии на 41%

3. Написание привлекательных текстов

Написание привлекательных текстов — это навык, которым вы должны овладеть как маркетолог. Здесь нет двух способов.

В чем секрет хорошего текста? Сочувствие!

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

Нужны еще советы по копирайтингу для целевой страницы? Ну вот:

Начните с привлекающего внимание заголовка.

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

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

Если вы заметили, эти заголовки четкие, лаконичные и меткие.

Сосредоточьтесь на преимуществах, а не на функциях

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

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

Следовательно, при написании своих копий сосредоточьтесь на преимуществах, а не на особенностях.

Вдохните слова силы в свой текст

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

Например, вместо « загрузите мою электронную книгу » можно сказать « последний шанс получить эту электронную книгу ». Это почти гипнотизирует, не так ли?

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

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

  • Интенсивный
  • Сейчас
  • Мгновенно
  • Привлекающий внимание
  • Наддув
  • Увеличение
  • Заставляет задуматься
Будь краток и прост

Ты, наверное, слышал о принципе KISS: будь проще, глупец. Я считаю, что глупое здесь означает простое.

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

Сделайте его пригодным для сканирования

Сделайте ваши копии доступными для сканирования — это один из советов по копирайтингу, которого следует всегда придерживаться. Ты знаешь почему? Только около 16% пользователей будут читать ваш текст слово в слово. Остальные будут сканировать.

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

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

4. Вплетите FOMO в свою страницу

Вы когда-нибудь по-настоящему любили кого-то раньше? Одна лакмусовая бумажка, которую нужно знать, — это бояться ли вы потерять этого человека.

Ладно, я вторгаюсь в твою личную жизнь, и это нехорошо. Извинения. Я всего лишь пытался провести аналогию.

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

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

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

  • 69% интернет-пользователей, особенно миллениалы, сталкиваются с FOMO, и это обычно влияет на их решения о покупке.
  • Что еще интереснее, 60% совершают реактивные покупки из-за страха, который они испытывают

Было бы слишком амбициозно, если бы я сказал, что FOMO — это дойная корова?

Итак, как вы включаете FOMO на свои целевые страницы? Вот несколько советов.

#1 Отображение таймера обратного отсчета

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

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

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

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

#2 Добавить социальное доказательство

Знаете ли вы, что 92% ваших посетителей, скорее всего, совершат конверсию, если только увидят отзывы других пользователей? Это социальное доказательство 101.

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

Минуточку, что такое социальное доказательство? Вкратце, социальное доказательство — это обзоры, рекомендации, отзывы и т. д., оставленные вашими прошлыми клиентами/пользователями.

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

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

5. Сделайте свою страницу удобной для мобильных устройств

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

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

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

6. A/B-тестирование вашей целевой страницы

Так что я оставил последний совет для лучшего.

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

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

Небольшая хитрость, например использование красного цвета вместо синего на кнопке CTA, может значительно повысить конверсию.

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

По этой причине вы должны продолжать экспериментировать — или, если быть точным, проводить A/B-тестирование — с различными идеями, чтобы увидеть, что работает, а что нет.

Нужны идеи для A/B-тестирования? О, у нас есть много.

Как легко создать целевую страницу

Держу пари, у вас уже есть один животрепещущий вопрос, на который необходимо ответить: Как создать целевую страницу?

Не волнуйтесь, на ваш вопрос скоро будет дан ответ.

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

Гррр! У кого есть на это время?

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

Лучший конструктор целевых страниц

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

Unbounce

Unbounce, основанный в 2009 году, несомненно, является одним из самых популярных конструкторов целевых страниц. Итак, почему я начинаю с Unbounce? Ну, по многим причинам, и вот некоторые из них:

1. Простой в использовании редактор перетаскивания

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

2. Более 100 шаблонов целевых страниц

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

3. Динамическая замена текста

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

4. Простая публикация 

Unbounce позволяет опубликовать целевую страницу прямо на вашем веб-сайте WordPress или в пользовательском домене.

Ценообразование

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

Дорого? Проверьте следующий инструмент строителя.

Leadpages

Leadpages, как и Unbounce, также является еще одним пионером технологии перетаскивания для целевых страниц.

Он содержит коллекцию из более чем 200 мобильных шаблонов, надежный инструмент A/B-тестирования, виджеты бронирования и календаря и многое другое.

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

И это намного доступнее, стартовая цена 27 долларов в месяц.

Elementor Бесплатный конструктор целевых страниц

Ищете бесплатный плагин для создания страниц для своего сайта WordPress? Вы только что нашли: конструктор страниц Elementor.

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

Лучше всего то, что им легко пользоваться.

Конструктор целевых страниц PageFly для Shopify

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

С помощью PageFly вы можете без проблем создать целевую страницу продаж и даже оптимизировать ее для SEO.

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

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

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

Как привлечь трафик на вашу целевую страницу

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

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

Маркетинг по электронной почте

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

Кроме того, его запуск практически ничего не стоит.

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

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

Социальные сети

Вы посещаете, скажем, Facebook только для того, чтобы смотреть видео с котиками и делать скриншоты забавных мемов? Если это так, вы оставляете много денег на столе.

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

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

Форум Маркетинг

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

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

Нужно ли упоминать, что вам нужно прикрепить ссылку на вашу целевую страницу в вашей подписи? Так вы получите нужный трафик.

Оптимизируйте свою целевую страницу с помощью Adoric

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

В конце концов, если ваша страница плохо оптимизирована, трафик на нее будет невелик.

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

Встроенные формы подписки

Ранее я поделился с вами причинами, почему важно размещать формы подписки вверху страницы. Но как это сделать?

С помощью функции позиционирования Adoric на странице. Это работает следующим образом:

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

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

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

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

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

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

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

Встраивание видео

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

Подведение итогов

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

Если вам нужна какая-либо помощь с инструментами, представленными в этом посте, особенно с инструментами Adoric, не стесняйтесь обращаться к нам.

Знаете ли вы лучшую часть? Адорик свободен!

Попробуйте Adoric бесплатно

 

Шаблоны целевых страниц без кода

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

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

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

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

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

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

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

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

Целевые страницы расширяют охват бренда

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

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

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

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

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

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

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

Хорошо продуманный главный раздел

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

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

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

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

Краткий контент

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

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

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

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

Точные призывы к действию

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

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

Избегайте скучных кнопок и безжизненных призывов к действию. Создайте дизайн и текст CTA, чтобы он служил высшей цели целевой страницы.

Определенное количество ссылок

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

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

Простой макет

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

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

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

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

Энди Хаскинс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Собираем все воедино

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

Если вы выполнили все эти шаги и ваша целевая страница спланирована, пришло время для проектирования.

Наш блог о дизайне можно прочитать здесь.


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

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

Следите за нами в социальных сетях

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

Регистрация бесплатно

Как создать целевую страницу за 8 шагов

Келси Джонсон 11 июня 2021 г.

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

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

«Сколько времени это займет? Будет ли это того стоить?»

Ответы: Это может занять менее часа. И да, оно того стоит.

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

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

На самом деле, «80% потребителей с большей вероятностью совершат покупку, когда бренды предлагают персонализированный опыт».

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

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

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

Но сначала, что такое целевая страница?

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

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

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

В конечном счете, лучшими целевыми страницами являются…

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

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

    Как целевые страницы помогают развитию вашего бизнеса?

    У вас уже есть сайт? Если это так, вы, вероятно, потратили много времени и денег на его создание. Так почему же вы должны также создавать целевые страницы?

    Все просто: они работают.

    Средний коэффициент конверсии целевой страницы составляет 26%, что более чем в 10 раз превышает средний коэффициент конверсии веб-сайта, равный 2%.

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

    Но есть и другие причины использовать целевые страницы для своего бизнеса:

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

    Хорошо, надеюсь, я уже убедил вас, что вам нужна целевая страница. Но как вы на самом деле настроить один?

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

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

    Видео по теме: Как создать лендинг за 8 шагов.

    1. Начните с цели

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

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

    • Для кого это? Вы ориентируетесь на определенную группу людей или на весь рынок? Кто ваши идеальные клиенты? Чего они хотят добиться? Можете ли вы определить их болевые точки?
    • Что вы от них хотите? Будь то «купить продукт», «зарегистрироваться на мероприятие» или «заполнить форму», убедитесь, что у вас есть одно — и только одно — действие, которое вы хотите, чтобы посетитель выполнил.
    • Какая им от этого польза? Посетитель не будет делать то, что вы хотите, только потому, что вы ему сказали. Имейте 2 или 3 причины, почему ваш вариант — лучшее решение для их болевых точек.

    После того, как вы определили цель, запишите ее одним предложением, следуя следующей формуле: Эта целевая страница будет использовать ПРЕИМУЩЕСТВО, чтобы АУДИТОРИЯ приняла ДЕЙСТВИЕ.

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

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

    2. Выберите шаблон (или создайте лендинг с нуля)

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

    Поощрение подписки на курсы фитнеса

    Захват контактной информации в обмен на бесплатную смету услуг на дому подписки

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

    Продать конкретный продукт или услугу

    Привлечь больше подписчиков в свой список рассылки

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

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

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

    3. Пишите заголовки и текст, ориентированные на конверсию

    80% ваших посетителей прочитают ваш заголовок, но только 20% прочитают остальную часть вашего сайта, поэтому сосредоточьте свое время на заголовке.

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

    «Привет, студенты!»0009 «Индивидуальные 30-минутные тренировки, которые вы можете выполнять во время обеденного перерыва»

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

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

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

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

    4. Создайте убедительный призыв к действию (CTA)

    Призыв к действию (CTA) — это просто кнопка или ссылка, которая предлагает вашим потенциальным клиентам совершить действие (достижение цели шага 1).

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

    • Загрузить сейчас
    • Зарегистрируйтесь
    • Узнайте больше

    Или проявите творческий подход, пробуждая чувство безотлагательности и страха упустить:

    • Не пропустите
    • Получите скидку
    • Присоединяйтесь к племени

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

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

    Итак, сделайте CTA заметным.

    5. Поддерживайте бренд с помощью цветов и логотипа

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

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

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

    6. Добавьте привлекательные изображения

    Изображение задает тон вашей целевой странице так же, как и заголовок. Выберите тот, который рассказывает историю о вашем предложении.

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

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

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

    К настоящему времени ваша целевая страница должна выглядеть так, как будто она собирается вместе.

    7. Опубликуйте свою страницу

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

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

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

    https://mybusiness.aweb.page/p/11795bab-9662-424e-8290. -2742f25394e1

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

    https://mybusiness.com/download-ebook

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

    8. Продвигайте свою целевую страницу

    Ваша красивая целевая страница, которая скоро начнет приносить прибыль, готова. Ура!

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

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

    Увеличьте конверсию с помощью целевой страницы на AWeber

    Теперь, когда вы знаете, как это делается, пора начинать.

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

    Создайте целевую страницу с помощью AWeber уже сегодня.

    Продолжайте читать:

    Как создать целевую страницу Drupal с нуля

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

    Может быть, вы можете рассказать.

    Базовый язык гипертекстовой разметки (HTML) и каскадные таблицы стилей (CSS) давались мне относительно легко, но их более устрашающие родственники, такие как JavaScript и Python, требовали дополнительного терпения и внимания, которых у меня не было.

    Рано утром в воскресенье я наконец понял: «Может быть, мне стоит попросить кого-нибудь создать для меня этот веб-сайт».

    Если вы через это прошли, я могу посочувствовать.

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

    Как?

    С чем-то, что называется системой управления контентом (CMS).

    Что такое система управления контентом?

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

    Безусловно, они упрощают управление контентом, поэтому возникает единственный вопрос: что подходит именно вам?

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

    WordPress против Drupal против Joomla

    Вместе эти три титана CMS управляют почти 30% всего Интернета, затмевая всех своих конкурентов.

    WordPress является явным фаворитом, заняв 68% рынка, в то время как Joomla и Drupal соревнуются за второе место:

    Но это не конкурс популярности.

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

    На самом деле, даже несмотря на то, что Drupal используется меньшим количеством веб-сайтов, его выбирают предприятия с более высокой посещаемостью, такие как Белый дом, Гарвард, Tesla и NBC.

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

    Но если им нужно что-то более надежное — масштабируемое и более безопасное — они управляют своим контентом с помощью Drupal.

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

    • Леди Гага
    • Джонсон и Джонсон
    • Всемирный экономический форум
    • Экономист
    • Патриоты Новой Англии
    • Джорджтаунский университет
    • Музей изящных искусств
    • Цельные продукты
    • Национальная баскетбольная ассоциация

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

    Что такое целевая страница после клика Drupal?

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

    Ваша домашняя страница — отличная отправная точка для потенциальных клиентов, но если они перешли по ссылке из публикации в Facebook или из рекламы Google, в игру вступает нечто, называемое «намерением».

    «Намерение» относится к причине, по которой потенциальный клиент щелкнул вашу ссылку в первую очередь. Если ваша ссылка гласит: «Economist.com — сэкономьте 87% на The Economist», при нажатии пользователи ожидают перехода на страницу, где они могут узнать больше о том, как сэкономить 87% на подписке на The Economist, как эта. :

    Это один из примеров целевой страницы после клика Drupal.

    Просто, правда?

    Не так много.

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

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

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

    Вот как выглядит домашняя страница The Economist вверху страницы:

    Перегрузка священного содержания.

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

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

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

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

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

    Это то, что делает целевая страница Drupal после клика. Он имеет:

    • Нет навигации или исходящих ссылок на другие веб-страницы, даже на ваш собственный сайт
    • Только одна цель: конвертировать вашего потенциального клиента в конкретное предложение

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

    Примеры целевых страниц после клика Drupal

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

    Taboola

    Что они сделали хорошо:
    • Заголовок передает два явных, связанных преимущества.
    • Изображение отлично помогает посетителям визуализировать, что делает их сервис.
    • Текст под CTA рекламирует охват сервиса Taboola — 550 миллионов уникальных посетителей и 88% интернет-пользователей на настольных и мобильных устройствах.
    • Упоминания крупных брендов , таких как Business Insider, NBC и USA Today, связывают Taboola с авторитетными организациями.
    • Маркированная копия быстро объясняет преимущества предложения.
    • Слова «Вы» и «Ваш» используются на странице несколько раз. «Вы» считается самым сильным словом в копирайтинге.
    • Раздел часто задаваемых вопросов предвосхищает вопросы посетителей и отвечает на них до того, как они будут заданы.
    • Несколько CTA , работая вместе, заставляют потенциальных клиентов совершить конверсию более чем в одном месте.
    Что можно протестировать:
    • Навигационные ссылки дают посетителям этой страницы возможность уйти без конверсии.
    • Кнопка CTA цвета не так привлекает внимание, как могла бы быть.

    Коробка

    Что они сделали хорошо:
    • Короткие абзацы и маркированный текст , ориентированный на выгоду, делают эту целевую страницу легко усваиваемой после клика.
    • Слово «бесплатно» используется на странице несколько раз, что делает предложение более убедительным.
    • Два совместных CTA дают потенциальным клиентам более одной возможности конвертировать
    Что можно улучшить:
    • Нет заголовка на этой странице. Без него польза от услуги не очевидна.
    • Изображение из трех перекрывающихся кругов бесполезно. Что это хотя бы значит? Почему бы не использовать место, чтобы показать пример интерфейса Box?
    • Нижний колонтитул , содержащий ссылку на страницу Box «О нас» и страницы в социальных сетях, дает потенциальным клиентам слишком много путей отступления.

    Olympus Medical

    Что они сделали хорошо:
    • Заголовок вопроса , содержащий слово «вы», обращается непосредственно к посетителю.
    • Маркированный экземпляр подчеркивает преимущества загрузки бесплатного отчета, не заставляя потенциального клиента читать слишком много.
    • Призыв к действию содержит слово «Бесплатно», мощный стимулятор конверсий.
    • Два CTA работают вместе, чтобы конвертировать посетителя в одно и то же предложение.
    Что можно протестировать:
    • Логотип, связанный с главной страницей , дает посетителям возможность уйти, не требуя бесплатного отчета.
    • Текст внизу страницы, выровненный по центру , плохо читается. Помните: разрыв левого поля может затруднить чтение и незаметно убить конверсию.

    WordStream

    Что они сделали хорошо:
    • Слово «бесплатно» упоминается на странице несколько раз, в том числе в верхнем CTA.
    • Краткая копия быстро дает потенциальным клиентам представление о ценной информации, которую они найдут в электронной книге.
    • Оранжевая кнопка CTA привлекает внимание посетителей.
    • Слова «вы» и «ваш» обращаются непосредственно к читателю.
    Что можно протестировать:
    • Ссылки на страницы социальных сетей могут оттолкнуть пользователей.
    • Длинная форма , требующая от посетителей большого количества информации, может заставить людей задуматься: «Действительно ли эта электронная книга стоит того времени и личной информации, от которой я собираюсь отказаться?»
    • Страница выглядит несбалансированной с большим количеством пустого места внизу страницы. Пустое пространство отлично подходит для целевых страниц после клика, но не тогда, когда оно выглядит так очевидно.

    Fast Company

    Что они сделали хорошо:
    • Несвязанный логотип означает, что потенциальные клиенты не могут использовать его, чтобы покинуть целевую страницу после клика, на которой они находятся.
    • Изображение — это реальное изображение продукта, которое пользователи получат при подписке, а не какое-то бесполезное стоковое фото.
    • Копия под заголовком написана от первого лица, чтобы дать людям представление о преимуществах, которые они получат, если обратятся.
    Что можно протестировать:
    • Кнопка CTA цвета используется несколько раз на этой странице, что делает ее менее привлекательной, чем могла бы быть.
    • Этот заголовок хотя и сообщает о преимуществе, вероятно, не фокусируется на правильном. Люди здесь, потому что им нужен последний номер Fast Company? Или они здесь, потому что хотят присоединиться к почти миллиону человек, подписавшихся на журнал, чтобы учиться у лучших умов в бизнесе, технологиях и дизайне? Вероятнее всего последнее, не так ли?

    Как спроектировать окончательную целевую страницу Drupal

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

    1. Начните с заголовка, ориентированного на выгоду

    Какой из всех заголовков выше вы бы назвали наиболее убедительным?

    • Taboola: Привлекайте качественный трафик. Увеличение конверсии сайта.
    • Fast Company: Подпишитесь сейчас и получите наш текущий выпуск
    • Wordstream: Набор инструментов для освоения копирайтинга и конверсии
    • Olympus: Вы готовы к операции на большом экране?

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

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

    • Новости: Эти заголовки представляют новое решение, например «Наконец-то более простой способ платить налоги».
    • Личная заинтересованность: Эти заголовки апеллируют к присущей потенциальным клиентам личной заинтересованности, например: «Гарантированный способ получить более пышную шевелюру».
    • Быстрое и простое решение: Они соответствуют нашему стремлению к быстрым решениям, например: «Быстро сбросьте вес с помощью этой чудо-таблетки!»
    • Любопытство: Эти заголовки пробуждают любопытство читателей, заставляя их хотеть читать дальше. Например: «Я не мог поверить, сколько денег я заработал всего за неделю после запуска этой программы работы на дому». Или заголовок, сделавший Кейплза знаменитым: «Они смеялись, когда я садился за пианино, но когда я начинал играть…»

    2. Полномочия

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

    На самом деле более чем приемлемо; это поощряется.

    Упоминание Taboola брендов, с которыми она работает, таких как NBC News, Business Insider, USA Today и Chicago Tribune, связывает ее с авторитетными организациями, потенциальные клиенты, скорее всего, ухватятся за возможность опубликовать свой контент.

    3. Используйте сильные слова, такие как «Free» и «You».

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

    Почему?

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

    Заголовок «Как повысить коэффициент конверсии за три простых шага» добавляет элемент персонализации, которого нет в заголовке «Как маркетологи могут повысить коэффициент конверсии за три простых шага».

    Теперь, если мы добавим к этому заголовку слово «Бесплатно», он станет еще более убедительным. И причина этого довольно очевидна, не так ли?

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

    Однако, если вы уточните, что вашего нет в заголовке, это полностью разрушит это представление. Короче говоря, кто не любит бесплатные вещи?

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

    4. Маркированный, коммерческий экземпляр

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

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

    Olympus, IBM Box, Taboola и WordStream хорошо справляются с разбивкой текста для интернет-сканеров, рассказывая о преимуществах своих предложений.

    5. Привлекательный призыв к действию

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

    Для получения привлекательных CTA мы обратимся к WordStream и целевым страницам Fast Company Drupal после клика. Вот почему:

    Исследования показали, что написание от первого лица, как это сделала Fast Company в этом тексте:

    … может повысить конверсию.

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

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

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

    Если вашим сервисом пользуются сотни тысяч людей, значит, он действительно хорош, верно? А если некоторые из этих людей хорошо известны в своей отрасли?

    Это сделает ваше предложение еще более привлекательным.

    Раздел Taboola под названием «Кто использует Taboola?» делает именно это:

    «Тысячи компаний, малых и крупных, стремятся создать качественную аудиторию, привлечь потенциальных клиентов или увеличить онлайн-продажи. Присоединяйтесь и участвуйте в акции вместе с Ben & Jerry’s, Disney, Walmart, Samsung, HP, GE и многими другими!»

    Разве вы не хотите присоединиться к таким успешным компаниям, как Disney, Walmart и HP? Я бы.

    7. Минималистичный нижний колонтитул и отсутствие меню навигации

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

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