Содержание

На чем лучше делать одностраничник? — Хабр Q&A

Ну, давайте по-порядку разберём!
1. Одностраничник — делается под конкретный продукт или услугу.
2. Шаблон — создаётся также уникальным, исходя направления продукта/услуги и ЦА.
3. Форма сбора контактных данных на одностраничнике — прошлый век! Никто не будет оставлять данные. Для этого есть форма: «Отправить запрос» и в ней поле, НЕОБЯЗАТЕЛЬНОЕ К ЗАПОЛНЕНИЮ: «Прошу ответить мне на e-mail:».
4. Цель одностраничника — должна быть явно задана: реклама товара, продажа, выявление интереса к продукту, приоритетная первичная регистрация на сервис в альфа/бета-тесте и т.д. Если, что-то из перечисленного будет идти вместе, — ТОЛКУ НЕ БУДЕТ!
5. Конверсия — самая интересная тема, а уж тем более, на лендинге. Здесь многое зависит от того, кто создаёт Вам шаблон и корректно ли он располагает визуальные смысловые блоки и элементы пользовательского интерфейса страницы. Т.е., нужно, чтобы это делал именно UX-дизайнер, а не простой дизайнер! Т.
к. он учитывает время просмотра страницы до десятых долей секунды, направление взгляда, движение мышки, скорость понимания информации, простоту изложения информации для понимания (пункты списка, схемы, таблицы, анимацию, видео-ролики и прочее).
6. Удобство управления лендингом и структурой страницы, скорость загрузки: однозначно SPA + AJAX. Вёрстка — делается так: общий дизайн и блоки наполнения В ОТДЕЛЬНЫХ HTML-файлах, затем берём includeHTML и ставим все нужные блоки друг за другом в едином HTML, которые нам понадобятся. Затем, комментируя/переставляя строки в головном HTML-файле мы легко можем менять расположение блоков (секций лендинга).
7. Все popup-формы, разметки секций и прочее (т.е., доп. разметку для доп.блоков) — грузим через тот же includeHTML из рядом лежащих файлов, например, «vote-form.html» или «feedback-form.html», где будет нужный функционал. Т.е. Вы сможете легко менять эти файлы, чтобы получать нужную (модифицированную/новую) форму.
8. Основной список секций по лендингу можно получить здесь (Создать сайт с «нуля» -> выбрав в списке типов сайта: лендинг).
9. SEO и индексация — JSON-LD, META-тэги (включая данные для соц. сетей, fb:* и т.д.), разметка всей вёрстки — строго HTML5!

Как сделать лендинг пейдж самому? Пошаговая инструкция

Поделиться в соцсетях

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

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

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

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

Обычно продающая страница создается по формуле AIDA:

A – Attention (Внимание)
I – Interest (Интерес)
D – Desire (Желание)
A – Action (Действие)

A – Attention (Внимание). То есть, когда пользователь попадает на вашу страницу, сразу после прочтения он должен понять, куда он попал и что здесь есть. Вам необходимо проработать свой дескприпт страницы/утп.

I – Interest (Интерес). Под интересом подразумевается использование на вашей странице интересных, целевых картинок, видео и другого продающего контента. Отталкиваясь от своей практики, могу сказать, что уникальные картинки – повышают конверсию вашей страницы. Не качайте их бесплатно. Купите или сделайте сами.

D – Desire (Желание). Желание вписаться к вам в рассылку или оформить заказ на ваш продукт усиливается через отзывы, в которых есть хотя бы 1 решенная проблема.

A – Action (Действие). Здесь присутствует двойное значение. Первое – важно, что бы на всех ваших кнопках были понятные призывы к действию. Второе – все ваши формы должны ра-бо-та-ть. Как бы это “удивительно” не звучало, но очень часто бывает, что слив бюджетов происходит лишь потому, что формы не было протестированы на работоспособность. Поэтому проверяйте, что бы ваш обратный звонок – работал, что бы подписные формы – работали, подписчики падали к вам в базу и им действительно приходили письма.

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

Знали ли вы о формуле AIDA ранее? Создана ли ваша страница по этой формуле или вы использовали другие методы? Поделитесь в комментариях!

Как сделать лендинг пейдж: пошаговая инструкция

А вы уже разработали свою целевую страницу?

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

Наберитесь внимания + концентрации, и … поехали! (постараюсь минимизировать прелюдии :))

Landing Page/Целевая страница/Посадочная страница/Страница захвата/Одностраничный сайт/Продающая страница – это все одно и то же, не путайте себя.

Задача landing page – захватить внимание человека на 100%, при этом исключив вероятность слива его внимания с конкретного оффера (предложения).

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

Цель страницы захвата – действие/продажа.

Преимущества посадочной страницы:

  1. Выше % конверсии (из посетителя в лида)
  2. Меньше времени на создание (быстрый запуск)
  3. Ниже стоимость (в сравнении с созданием сайта)

4 ключевых принципа дизайна страниц:

  • Выделения ключевых элементов
  • Использование вспомогательных знаков
  • Минимализм
  • Цвет, контраст

(Для владельцев сайтов)
При внедрении страницы захвата можно:

  1. Эффективно продавать отдельный товар или услугу
  2. Быстрый запуск акций и спецпредложений
  3. Качественный сбор контактов (имя, email, телефон)

Создание целевых страниц

(Для тех, кто только думает над созданием сайта)
3 мощных аргумента в пользу выбора продающей страницы:

  1. Быстрый запуск (практически моментальное получение заявок)
  2. Оценка эффективности рекламы при самых минимальных вложениях
  3. Минимум в 2 раза выше % конверсии в сравнении с обычным сайтом

Сделать лендинг самому не так уж сложно, если знать обязательные «пункты программы». Landing Page под продажу товара/услуги состоит из следующих блоков:

1. Дескрипт или УТП
2. Уникальное изображение
3. Выгодная акция с понятным заголовком

  • Ограничение по времени
  • Призыв к действию

4. Форма сбора контактов:

  • Заголовок с призывом
  • Кнопка с призывом

5. Блок «Для кого предложение»
6. Блок «Популярные проблемы целевой аудитории»
7. Блок «Преимущества» / «Почему стоит выбрать нас»
8. Блок «Схема работы с нами»
9. Блок «Отзывы клиентов»
10. Блок «100% гарантии» (возврат денег/качества/сервиса/результат)

Пример:

Как сделать лендинг под email-рассылку?

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

1. Понятный заголовок
2. Цепляющий подзаголовок
3. Слева бонусы для усиления подписки на рассылку

  • + поставьте ограничение на получение бонусов

4. Справа подписная форма

  • + добавьте, что читатели будут защищены от SPAM

5. Блок «Почему стоит подписаться»
6. Блок «Об авторе рассылки»
7. Блок «Как часто будет рассылка»
8. Блок «Что будет в рассылке»
9. Блок «Сможете ли вы отписаться»
10. Блок «Цифры из практики»
11. Кнопка регистрации в конце всех блоков
12. Низ (футер) страницы с лайками

Пример:

Regards,
Кир Уланов

Используете ли вы в своем бизнесе/проекте продающие страницы?

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


Поделиться в соцсетях

Создать лендинг бесплатно на UMI.CMS

Порядок обработки персональных данных
Основные понятия
Сайт — umi.ru, а также все его поддомены. 
Пользователь — посетитель Сайта.
Юми — Общество с ограниченной ответственностью «Юми» ИНН 7841432763 КПП 781301001 ОГРН 1107847313243 адрес: 197198, г. Санкт-Петербург, ул. Красного Курсанта, д.25, лит.Ж, офис 6/7.
Услуги — сервисы, доступные Пользователю через функциональные возможности программного обеспечения «Система управления сайтами UMI.CMS» (далее – ПО) посредством использования встроенных в ПО инструментов и служб. 
Клиент — владелец неисключительной лицензии ПО или покупатель других Услуг Юми. 
Персональные данные — любая информация, относящаяся к определенному физическому лицу. 
Заказ — оформление платежного документа для покупки продуктов Юми.

Соглашение

Юми обязуется обеспечить конфиденциальность и сохранность персональных данных, полученных от Пользователя в соответствии с ФЗ-152 «О персональных данных». Юми вправе использовать технологию «cookies». Cookies не содержат конфиденциальную информацию. Пользователь настоящим дает согласие на сбор, анализ и использование cookies, в том числе третьими лицами для целей формирования статистики и оптимизации рекламных сообщений. При регистрации на Сайте Пользователь предоставляет следующую информацию: фамилия, имя, отчество, телефон, адрес электронной почты. При оформлении заказа на Сайте, помимо регистрационных данных, Пользователь предоставляет дополнительную информацию: почтовый адрес. Предоставляя свои персональные данные, Пользователь соглашается, что Юми вправе идентифицировать Пользователя как Клиента и использовать их для выполнения обязательств перед Пользователем — оформить и выполнить заказ Услуг, открыть дополнительные возможности сайта, оказать техническую поддержку, предоставить какие-либо эксклюзивные условия для Пользователя (накопительные или разовые скидки, расширенный сервис поддержки, промо-акции и т.д.). Также Юми вправе использовать персональные данные Пользователя для продвижения Услуг Юми и Услуг компаний партнеров, проведения электронных и SMS опросов, контроля результатов маркетинговых акций, клиентской поддержки, проведения розыгрышей призов среди Пользователей, контроля удовлетворенности Пользователя, а также качества услуг, оказываемых Юми. Юми имеет право отправлять информационные, в том числе рекламные сообщения, на электронную почту и мобильный телефон Пользователя с его согласия, выраженного посредством совершения им действий, однозначно идентифицирующих этого Пользователя и позволяющих достоверно установить его волеизъявление на получение сообщения.

Юми вправе передать персональную информацию Пользователя третьим лицам в следующих случаях:
— пользователь выразил свое согласие на такие действия; 
— передача необходима в рамках использования Пользователем определенного Сервиса либо для оказания услуг Пользователю; 
— при использовании Пользователем Услуг компаний партнеров данные о Пользователе могут передаваться для обработки на условиях и для целей, определённых в пользовательских соглашениях об использовании дополнительных Услуг компаний партнеров; 
— передача предусмотрена российским или иным применимым законодательством в рамках установленной законодательством процедуры; 
— передача происходит в рамках продажи или иной передачи бизнеса (полностью или частично), при этом к приобретателю переходят все обязательства по соблюдению условий настоящего раздела применительно к полученной им персональной информации;
— в целях обеспечения возможности защиты прав и законных интересов Юми, его аффилированных лиц и/или третьих лиц в случаях, когда Пользователь нарушает условия лицензионного договора и/или требования действующего законодательства.  
Пользователь вправе отказаться от получения рекламной и другой информации без объяснения причин отказа путем информирования Юми о своем отказе посредством направления сообщения, составленного в свободной форме и отправленного на электронный адрес Юми: suр[email protected]
Информирующие сообщения о заказе и этапах его обработки отправляются автоматически и не могут быть отклонены Пользователем.

Подтвердите, что ознакомлены с пользовательским соглашением правилами обработки ПДн

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



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


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


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

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

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 учебник.

Пример




Page Title



body {
    font-family: Arial, Helvetica, sans-serif;
}

<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%;
    }
}


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

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

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

And style it:

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

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


ᐈ Лендинг: что это и как создать лендинг в 2021

Что такое лендинг

Лендинг (landing page) – это веб-страница, которая призывает пользователя выполнить запланированное вами действие. Чаще всего лендинг создают специально под маркетинговую или рекламную кампанию. Это страница, где пользователь “приземляется” (от англ. “land”) после клика на ссылку в имейле, соцсетях или других сайтах.

Для чего нужен лендинг

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

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

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

Простой пример такой необходимости – конференция, о разработке лендингов, например. На странице будет указано название мероприятия, время и дата, будет интересное описание и кнопка – “Купить билет” или “Зарегистрироваться”.

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

Кому нужны лендинги

Давайте начнем с того, как работает лендинг пейдж.

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

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

  1. авторские электронные книги, брошюры и другие материалы взамен на электронный адрес;
  2. подписка на блог, сайт или регулярную рассылку любого полезного контента;
  3. регистрация на онлайн-курс;
  4. регистрация и/или покупка билета на событие;
  5. подписка на бесплатный пробный период продукта;
  6. загрузка мобильного приложения;
  7. любые персонализированные консультационные услуги и расчеты;
  8. продажа одного или нескольких похожих продуктов из одной категории.

Ключевые компоненты лендингов

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

  1. Убедительный заголовок. Это первое, что увидит пользователь на странице и решит, стоит листать дальше или нет.
  2. Простейшая навигация. Страница полностью акцентирует внимание на вашем оффере. Если информации много, можно добавить меню. Это ваш максимум, никаких других ссылок или страниц.
  3. Описание оффера. Хорошее описание – это не о полумифических “продающих текстах” и прочих клише, которые не особо-то и работают. Хороший текст – информативный, без воды, о ценности вашего предложения, желательно без преувеличений о “лучшем” и “эксклюзивном”, разве что это правда и вы можете доказать.
  4. Фото, графика, иллюстрации. Картинки использовать не обязательно, но они разбавляют текст и делают страницу привлекательнее визуально.
  5. Преимущества. Опять же, не пустые слова или 25 символических иконок с абстрактными объяснениями. Постарайтесь добавить конкретики – кто спикеры, чем ваше предложение отличается от других, какие преимущества для клиентов и т. д., кратко и по сути.
  6. Отзывы. Блок с отзывами поднимает уровень доверия посетителей. Только помните, что отзывы должны быть настоящими. Если это первая ваша конференция или старт продаж, не нужно ничего выдумывать. Добавите этот блок позже.
  7. Форма. Мы уже знаем, что задание лендинга – заставить пользователя выполнить конкретное действие. Это происходит с помощью формы регистрации (подписки, покупки). Минимальная форма состоит с одной строки – адрес электронной почты или телефон. Если необходимо узнать больше, добавляйте дополнительные поля – имя, профессия, возраст, название компании, откуда узнали о предложении, чем заинтересовало и т. д.
  8. Страница благодарности. После того как пользователь совершил действие, которое от него требовалось, поблагодарите его за потраченное время и помощь. Это может быть как полноценная страница, так и просто сообщение на лендинге, которое появляется после отправки формы.

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

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

Лендинг работает по-другому: здесь не на что отвлечься.

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

При создании лендинга помните о трех главных критериях:

  1. У него одно задание – конвертировать посетителей в лиды или покупателей.
  2. Это задание сформулировано как призыв к действию.
  3. Здесь должен быть инструмент для сбора контактов, регистрации или покупки или заказа.

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

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

Платный поисковый трафик

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

Партнерское продвижение в соцсетях

Размещение рекламы в Instagram и Facebook  LinkedIn – отличный способ привлечь внимание аудитории, которая будет особенно заинтересована в вашем предложении. Прелесть в том, что вы можете найти клиентов раньше, чем они они начнут искать ваш продукт (или прежде, чем захотят искать).

Таргетированная реклама

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

Email-рассылки

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

Лендинг: примеры

По запросу “лендинг примеры” вы скорее всего найдете красивые варианты дизайна главных страниц сайта. Но это не совсем то, что нужно, – вы уже и сами знаете.

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

Грибочек: пример лендинга

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

How to survive: как выжить бизнесу на карантине (лендинг)

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

Advanced Telecom лендинг: пример

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

Levium: Black Friday лендинг

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

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

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

  1. Открываете сайт и регистрируетесь с помощью электронной почты или аккаунта Google/Facebook. Это совершенно бесплатно.
  2. Перед вами откроется панель администратора. Нажимаете “Создать новый сайт”.
  3. Дальше открываете лендинг шаблоны и выбираете тот, который нравится вам больше всего. Как вариант, можно выбрать шаблон из другой категории и немного его “сократить”.
  4. Теперь пришло время редактирования: замените описания и фотографии на собственные. Тексты придется написать самому (или попросить кого-нибудь), а фото можно найти во встроенной галерее (тоже бесплатно). Можно настраивать даже цветовую гамму и шрифты.
  5. Когда контент готов, проверьте настройки – SEO, аналитика, собственный домен (если нужно) и т. д.
  6. Посмотрите, как выглядит сайт на мобильных устройствах. Он точно выглядит красиво, ведь все шаблоны имеют адаптивный дизайн, но полюбоваться проделанной работой всегда приятно.
  7. Дальше можно публиковать сайт, настраивать рекламу и ждать посетителей.

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

5 1 голос

Рейтинг статьи

Как сделать лендинг пейдж на WordPress на бесплатном шаблоне

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

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

Получайте до 18% от расходов на контекст и таргет!

Рекомендуем: Click.ru – маркетплейс рекламных платформ:

  • Более 2000 рекламных агентств и фрилансеров уже работают с сервисом.
  • Подключиться можно самому за 1 день.
  • Зарабатывайте с первого потраченного рубля, без начальных ограничений, без входного барьера.
  • Выплаты на WebMoney, на карту физическому лицу, реинвестирование в рекламу.
  • У вас остаются прямые доступы в рекламные кабинеты, рай для бухгалтерии по документообороту и оплатам.
Попробовать бесплатно >> Реклама

Читайте также: Продающая структура лендинга

Установка Вордпресс

Перед созданием сайта купите хостинг и зарегистрируйте доменное имя. Это легко сделать на Beget или SpaceWeb. Просто выберите тариф и оплатите его удобным способом. Вот расценки на хостинг от указанных выше провайдеров:

Оплачивать хостинг на год вперёд выгоднее. Для лендинг пейдж выбирайте начальные (стартовые) тарифы — «Взлёт» или Blog. Их вам хватит с головой.

У этих же хостинг-провайдеров можно зарегистрировать доменное имя. Пройдите в раздел «Регистрация доменов» или «Домены» и проверьте домен на уникальность.

При покупке домена в Beget не забудьте поставить галочку у пункта «Создать новый сайт и направить домен на него», а потом нажмите на кнопку «Добавить домен». Через 10–15 минут новый домен пропишется на DNS-серверах, и вы сможете приступить к установке CMS.

И на Beget, и на SpaceWeb CMS WordPress можно установить в один клик. Если вы приобрели хостинг SpaceWeb, то после оплаты и авторизации в личном кабинете найдите в меню раздел «Установка программ» и отыщите в списке WordPress. Нажмите на кнопку «Установить». В открывшемся окне выберите версию CMS, домен или поддомен и нажмите на кнопку «Установить». В течение минуты сервис автоматически установить WordPress и создаст базу данных MySQL. После этого вам останется лишь залогиниться в админ-панели и приступить к редактированию контента.

Чтобы установить WordPress на Beget, авторизуйтесь в личном кабинете, найдите в меню раздел «CMS | Установка систем управления» и перейдите в него. Отыщите в списке логотипов CMS ВордПресс, нажмите на него и ознакомьтесь с условиями. Заполните форму с данными по сайту:

Нажмите на «Установить» и дождитесь окончания установки. Сервис автоматически создаст базу данных и реквизиты к ней. Сохраните эти данные и авторизуйтесь в CMS вашего будущего одностраничника. Ссылка для входа:

http://ваш_сайт/wp-admin или http://ваш_сайт/wp-login.php

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

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

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

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

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

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

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

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

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

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

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

Создание Landing Page на WordPress

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

Чтобы отредактировать информацию в шаблоне лендинга, активируйте тему и нажмите на «Настроить».

После активации темы откроется окно с предложением установить плагин One Page Express. С его помощью вы быстрее настроите тему, так как он предоставит на выбор десятки вариантов оформления блоков лендинг пейдж. Просто нажмите на «Установить сейчас» и подождите около минуты.

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

Обратите внимание на список под «Manage Page Section». Здесь вы можете удалить блоки или добавить новые, изменить их последовательность, вынести часть из них в меню.

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

Удалите ненужные блоки, кликнув по корзине в строке с блоком. А чтобы добавить блок, нажмите на «Page Content +» и выберите в списке тип блока, который хотите внести в структуру.

В бесплатной версии темы вы можете добавить:

  • блок «About» — сетка из четырёх секций с картинками и описаниями;
  • блок с цветными иконками — для демонстрации преимуществ;
  • блок с сеткой изображений/иконок и описаниями;
  • блок контент + картинка на всю ширину;
  • блок для логотипов и отзывов клиентов и многое другое.

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

Меню

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

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

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

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

Главный экран

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

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

Часть вариантов разделителя шапки

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

Изменение надписи внутри кнопки

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

Продукт

Чтобы продемонстрировать товар или услугу, добавьте в структуру новый блок с изображениями — например, portfolio cards section или portfolio full section. В первый шаблон вы можете добавить небольшую картинку с подписью и URL на дополнительный раздел сайта. Во второй шаблон можно вставить большую картинку и так же дополнить её комментарием и ссылкой.

Если вы продаёте сложный продукт, добавьте описание. Выберите другой шаблон — content with image или full width content section.

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

Описание

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

Используйте шаблоны stripped-coloured-icon-boxes или features-overlapped-icons-section, чтобы выделить преимущества продукта тезисами.

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

Если в двух словах ваш продукт не описать, используйте шаблоны из разделов About или Features. Там и текста побольше, и картинки можно вставить.

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

Отзывы

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

Чтобы вставить блок с отзывами в теме One Page Express, нажмите на Page Content + и выберите в списке шаблон Testimonials.

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

Контакты

В теме для лендинг пейдж One Page Express есть блоки с информацией о ключевых сотрудниках, номерах телефонов и другими контактами. Чтобы указать членов команды, выберите один из трёх шаблонов в разделе Team. В карточку сотрудника можно добавить фото, должность, коротенькое приветствие, ссылки на соцсети и мессенджеры.

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

Блок с контактами и картой доступен только в версии PRO. Стоимость лицензии — от $79.

Чтобы не тратиться на покупку дополнительных возможностей темы, просто вставьте любой другой подходящий блок из бесплатного набора инструментов. Например, из разделов About или Features. Пропишите адреса филиалов, телефоны, email, а в поле для картинки вставьте html-код, например Яндекс-карты.

Когда landing page будет готов, нажмите на кнопку «Опубликовать». После этого сайт будет индексироваться поисковыми системами.

Готовим к запуску

Уберите стандартный копирайт в подвале сайта. В теме One Page Express есть три варианта копирайта — простой, с контактами или с виджетами. Посмотрите, какой вам больше по душе, и измените данные.

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

Лендинг готов, что дальше?

Подключите готовый к запуску сайт-одностраничник к системам веб-аналитики, чтобы в будущем оценивать эффективность. Заведите аккаунт в Яндекс.Метрике или Google Analytics, подтвердите права на сайт, разместив код на сайте. Чтобы облегчить задачу, используйте плагины Метрики или Аналитикс — их легко найти в списке плагинов и установить на сайт. После этого вся статистика будет всегда под рукой.

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

Чтобы пустить трафик на лендинг, запустите рекламу в Яндекс.Директ или Google Ads. Перед запуском убедитесь в том, что контент вашего лендинга не противоречит правилам рекламных систем. В будни на модерацию новой кампании уйдёт от 30 минут до нескольких часов. Около суток придётся ждать одобрения в выходные и праздничные дни.

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

«Конструкторы лендингов» | Лучшие платформы для создания landing page

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

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

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

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

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

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

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

Можно ли создать лендинг бесплатно?

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

Лендинг, landing page, посадочная страница — все это названия одного и того же. Лендинг это одностраничный сайт с длинным скроллингом, который в основном используется и является максимально эффективным для продвижения определенного товара (реже группы товаров) или услуги.
Landing page — это не просто одностраничный сайт с длинной прокруткой и красивым дизайном. Это прежде всего мощный маркетинговый инструмент. Благодаря яркому дизайну, простой и понятной пользователю структуре сайта и навигации, а также привлекающим внимание и увеличивающим конверсию элементам, он позволяет качественно взаимодействовать с аудиторией, что в итоге значительно увеличивает продажи. А собранные с помощью различных метрик данные, позволяют вам сделать свой langing page максимально эффективным.
Как создать лендинг?
Есть два пути создания качественного одностраничника. Первый — найти стороннего разработчика, который выполнит всю работу за вас. Но, во-первых, это будет довольно дорого, во-вторых, долго, и в-третьих, вы просто можете не получить качество соответствующее потраченным средствам и времени.
Второй вариант, который мы рекомендуем — использовать конструкторы лендингов. Это специализированные онлайн-сервисы, которые, как говорится, из коробки имеют все необходимое для быстрого создания продающих страниц:
Удобный визуальный редактор для быстрого редактирования элементов сайта. Технология drug-and-drop позволяет изменять расположение элементов простым перетаскиванием. Просто возьми нужный элемент, перетащи его в любое место на сайте и измени стили, размер, текст и изображения;
Набор готовых качественных шаблонов разработанных профессиональными дизайнерами. Не нужно сидеть и выдумывать что-то свое, достаточно немного изменить под себя готовый дизайн и на выходе получится красочный продающий лендинг;
Отзывчивая техническая поддержка, которая поможет в любой ситуации;
Также стоит знать, что качественные сервисы дополнительно предоставляют встроенную CRM систему и A/B тестирование. CRM система позволяет хранить всю информацию о заказах и предоставляет аналитические данные. A/B тестирование в свою очередь дает возможность протестировать сразу несколько лендингов, чтобы в итоге оставить самый эффективный.

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

Как создать эффективную бесплатную целевую страницу менее чем за час

Этот пост последний раз обновлялся 18 августа 2020 года.

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

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


Для чего нужны целевые страницы?

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

Что это на самом деле означает?

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

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

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

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

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

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

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

Как на самом деле работают целевые страницы?

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

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

  • Разместите ссылку на свой LP в социальных сетях, таких как Instagram или Twitter (с оплатой или без оплаты рекламной кампании).

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

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

  • Создайте рекламную кампанию PPC в поисковых системах и сделайте ссылку на целевую страницу.

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

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

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

О чем следует помнить при создании целевой страницы

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

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

  • Определите свою цель. Определите, чего вы хотите добиться от LP, и оставайтесь последовательными во всех деталях вашего сайта.

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

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

  • Создайте увлекательный дизайн. Привлекайте посетителей вашего сайта привлекательным дизайном, который заставит их щелкнуть и узнать больше. Вам также следует выбрать стратегический план. Как объясняет Эманнуэль Шваб, креативный менеджер по привлечению клиентов в Wix: «Большинство посетителей не прокручивают целевую страницу до конца. Чтобы сделать этот маркетинговый инструмент более эффективным и обеспечить максимальное удобство для пользователей, разместите свой дизайн и контент в верхней части страницы.»

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

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

  • Выделите значение. Расскажите людям, какую пользу им принесет нажатие на CTA. Что они от этого получат?

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

Давайте перейдем к техническим вопросам

Вот пошаговый контрольный список для создания целевой страницы:

  1. Выберите шаблон целевой страницы.

  2. Дайте название целевой странице.

  3. Добавьте свой уникальный контент.

  4. Включите яркие изображения.

  5. Выберите подходящее доменное имя.

  6. Убедитесь, что все ваши ссылки и призывы к действию работают.

  7. Введите мета-описание и SEO-заголовок.

  8. Опубликовать!

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

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

Контрольный список для целевой страницы

.pdf

PDF • 3.91MB

Хотите узнать больше? Укрепите свое присутствие в Интернете с помощью нашей обширной электронной книги о том, как создать целевую страницу.

Автор: Wix Team

Что такое целевая страница и как ее создать в 2021 году

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

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

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

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

Вито Корлеоне сказал это своему крестнику. И это сработало.

Вы собираетесь сказать это посетителям вашего сайта. И поверьте мне, это БУДЕТ работать.

Что я имею в виду? То, что ВЫ собираетесь на создать целевую страницу , они не смогут устоять.

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

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

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

Что делать дальше?

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

Собирайте электронные письма и превращайте посетителей в потенциальных клиентов или совершайте продажу, верно?

Но как?

Создание отличной целевой страницы — это ответ, который вы ищете.

И я знаю, что вы слышали о целевых страницах раньше, но знаете ли вы, что это такое?

Я приму это как нет, поэтому давайте начнем с основ.

Небо голубое, трава зеленая, а целевая страница НЕ является домашней страницей.

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

На самом деле цель у него одна и единственная: преобразование .

Повторяйте за мной.

Преобразование.

Прямо тут и там.

Технически, целевая страница — это то место, куда вы «приземляетесь» (видите, что я там делал?) После нажатия на онлайн-рекламу или электронное письмо (CTA).

И согласно Hubspot « типичная целевая страница конвертируется от 5 до 15%, но некоторые высокооптимизированные целевые страницы конвертируются на 30% или выше ».

Неплохо, правда?

Есть 2 типа целевых страниц:

  1. Справочные целевые страницы
  2. Транзакционные целевые страницы

Справочная целевая страница — это страница, которая предоставляет посетителю интересную и актуальную информацию или краткое описание вашего продукта или услуги. .

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

Зачем вам нужна целевая страница

Итак, для чего используется целевая страница и зачем она вам?

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

Длинный ответ:

1. Это помогает вам привлекать потенциальных клиентов

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

Поскольку адаптивные целевые страницы — лучший способ привлечь потенциальных клиентов, точка!

И не только лиды, но и качественные лиды . Круто, правда?

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

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

2. Это чрезвычайно эффективная и действенная реклама.

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

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

3.Это помогает вам занять более высокий местный рейтинг.

Знаете ли вы, что, согласно ThinkWithGoogle, « 18% локальных поисков смартфонов привели к покупке в течение дня по сравнению с 7% нелокальных поисков »?

Довольно большой, правда?

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

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

Как быстро этого добиться?

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

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

Запомните мои слова.

Каждые. Пользователь. Является. Уникальный.

И они хотят, чтобы с ними так обращались.

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

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

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

Если целевая страница адаптирована к их потребностям, они поверит в ваш веб-сайт, и это станет началом новых отношений, основанных на идейном лидерстве и доверии.

Как создать высокоэффективную целевую страницу за 10 простых шагов

Создание целевой страницы для вашего веб-сайта с нуля — это одно.

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

Это не ракетостроение.

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

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

1. Создайте образ

Никто в истории «Да, я хочу это» никогда не говорил «Да, я хочу это», не желая этого на самом деле.

И обратите внимание, как я не использую слово «нужда». Потому что дело не в том, что тебе нужно. То, что они хотят.

И для этого вы должны знать, кто они.

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

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

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

Персона — это ваша идеальная целевая аудитория .

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

Все вышеперечисленное требует проведения опросов клиентов, онлайн-исследований и, конечно же, существует множество простых и чрезвычайно удобных инструментов, которые помогут вам создать свой образ, предлагаемого платформами, такими как Xtensio, Digital Marketer, Demand Metric и другие.

Конечно, Рим был построен не за один день. Так что вам придется залезть в окопы и провести испытания. Но не бойтесь. Их данные помогут вам добиться успеха!

2. Определите свою цель

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

Другими словами, каким будет ваш призыв к действию.

Обычно это:

  • Заполните форму
  • Заполните анкету
  • Подпишитесь на бесплатную пробную версию
  • Загрузите бесплатную электронную книгу
  • Заказать продукт
  • Зарегистрируйтесь на вебинар
  • Укажите контактную информацию
  • Загрузите купон
  • Получите доступ к бесплатной пробной версии
  • Подпишитесь на информационный бюллетень

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

Итак, что это будет для вас?

3. Ориентируйтесь на правильные ключевые слова

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

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

Так что советую остановиться на более конкретных терминах.

Так вы привлечете именно ту аудиторию, которую ищете, и сделаете еще один шаг к моменту покупки.

Начните с составления списка терминов, относящихся к вашей странице.

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

Вместо использования таких широких терминов, как «кондитер» и «канноли», следует использовать «шеф-кондитер канноли в Риме». Имеет смысл, правда?

4. Напишите броский заголовок

Я не могу не подчеркнуть важность заголовков.

Так что, возможно, главный эксперт Дэвид Огилви будет:

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

Итак, что делает заголовок отличным?

Давайте разберемся с загадками магнитных заголовков на нескольких примерах.

Example # 1

The Attention — Grabbing One

Вы знаете, что вам это нужно.Вы просто не могли выразить это словами. Итак, Adobe сделала это за вас.

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

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

Пример № 2

Тот, где вы объясняете, что это такое

Слова сильны. И поверьте мне, когда ваш продукт или услуга уникальны, их достаточно.

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

Пример № 3

Слишком короткий — и сладкий — сопротивляться

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

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

Нет ничего проще.

5.Создайте непреодолимый призыв к действию

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

Будь то бесплатная пробная версия, купон на скидку или регистрационная форма, у вас должна быть кнопка, которая кричит «ударь меня».

Как эти:

Вечнозеленая эффективность FOMO

FOMO означает «страх упустить» и является одним из самых популярных слов нашей эпохи.Давайте смотреть правде в глаза.

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

NETFLIX знает об этом. И они ловко применяют FOMO к этому здесь, чтобы сказать вам: «Эй, ты собираешься пропустить следующий лучший сериал? Шутки в сторону?».

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

Разговор о мощном послании, верно?

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

Простота для победы

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

Как здесь Spotify.

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

Precision Means Trust

Посетители хотят знать:

  1. Чем вы занимаетесь
  2. Чем вы хотите, чтобы они делали

Так что будьте спортом и дайте им то, о чем они просят.

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

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

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

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

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

Вы в игре?

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

Я знаю, что вам не нужно слышать от меня, что изображение стоит 1.000 слов. Но вот и все. Я сказал это.

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

Согласно исследованию Microsoft 2018 года, средняя продолжительность концентрации внимания составляет 8 секунд.

8 секунд!

А кто вам лучший друг, когда дело доходит до привлечения внимания человека?

Именно мой друг. Изображения и видео.

Мне нравится эта целевая страница Daily Harvest.

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

Это минималистичное и красочное фото кричит о здоровом, простом и высококлассном.

Даже если вы понятия не имеете, что такое Daily Harvest, вы получите полную картину на одной целевой странице.

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

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

7. Свяжите целевую страницу с объявлением

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

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

Потому что они просто не знают, что с этим делать!

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

Представьте, что вы в супермаркете со своим другом.

Пока вы не решаете, какой шампунь купить, она говорит:

«Эй, а почему бы тебе не купить шампунь Х?».

Как бы вы отреагировали в этом случае?

Вы бы просто купили это?

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

Тогда я думаю, вы понимаете мою точку зрения.

Опрос потребителей, проведенный Bright Local в 2018 году, показал, что « 91% потребителей доверяют онлайн-отзывам так же, как личным рекомендациям ».

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

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

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

Существует так много разных типов социальных доказательств, которые вы можете использовать:

  • Отзывы
  • Примеры из практики
  • Рейтинги и отзывы клиентов
  • Подтверждения влиятельных лиц
  • Сертификаты
  • Логотипы брендов
  • Логотипы клиентов
  • Количество подписчиков
  • Количество репостов в социальных сетях
  • Социальные связи
  • Результаты тестов
  • Рассказывание историй

Все, что вам подходит.Просто сделай это. И обязательно используйте картинки!

9. Добавьте отслеживание аналитики

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

Ну, нет. Не раньше, чем добавите в него отслеживание аналитики.

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

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

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

10. Оптимизируйте свою целевую страницу

И последнее, но не менее важное: оптимизация.

Оптимизированные целевые страницы в соответствии с передовой практикой SEO-оптимизации целевых страниц обязательно привлекут на больше трафика .

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

При оптимизации целевой страницы вы должны обратить внимание на следующее:

Заголовок:

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

Мета-описание:

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

Теги заголовка:

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

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

Содержание:

Да. Контент — это король.

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

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

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

Теперь, когда вы все распланировали, пора перейти к интересной части.

Собственно, создайте свой лендинг!

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

Профессиональные оптимизированные шаблоны

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

На самом деле дело не в том, чего вы хотите. Речь идет о том, что является обязательным, если вы имеете в виду успех.

Наступает 2021 год.

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

Оптимизация для мобильных устройств

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

Инструмент A / B-тестирования

Каждый посетитель индивидуален.Каждый рынок индивидуален. Тем не менее, A / B-тестирование жизненно важно, если вы хотите конверсий.

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

Интеграции

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

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

Все просто.

Добавление собственного кода

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

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

Разнообразие возможностей мультимедиа

Знаете ли вы, что, согласно исследованию EyeViewDigital, использование видео на целевой странице может повысить конверсию до 80% (pdf)?

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

Аналитика

Знайте, где ваши посетители переходят, что им нравится, а что нет.

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

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

Это инструмент, к которому нельзя относиться легкомысленно.

Несколько учетных записей пользователей

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

И единственный способ выиграть — это соблюдать правила.

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

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

Я знаю, что это может показаться большой работой.

И на самом деле, это займет у вас изрядное количество времени.

Но ведь успех не для слабонервных, правда?

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

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

1.Landingi

Цена : четыре плана. Бизнес: Core: 29 долларов в месяц, создание: 45 долларов в месяц, автоматизация: 59 долларов в месяц, Suite: 209 долларов в месяц.

Бесплатная пробная версия : Да. Все планы включают 14-дневную бесплатную пробную версию.

Описание :

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

2. Unbounce

Цена: три плана, ежемесячный и годовой, от 79 долларов в месяц.

Бесплатная пробная версия : Да, 30-дневная пробная версия доступна для всех пользователей.

Описание:

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

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

3. Instapage

Цена: два плана.Ядро: 99 долларов в месяц. Предприятие: индивидуально.

Бесплатная пробная версия: Да, существует 14-дневная бесплатная пробная версия, включающая все функции плана Core.

Описание:

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

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

4. Leadpages

Цена: три плана: Standard, Pro и Advanced. Стандартный план на 2 года составляет 17 долларов в месяц.

Бесплатная пробная версия: Да, все планы включают 14-дневную бесплатную пробную версию.

Описание:

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

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

5. Lander

Цена: два плана, годовой и ежемесячный, от 16 долларов в месяц.

Бесплатная пробная версия: Да, вы можете попробовать оба плана бесплатно в течение 14 дней.

Описание:

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

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

6. Shortstack

Цена: пять планов. Бесплатный план. Стартер: 29 долларов в месяц. Бизнес: 99 долларов в месяц. Агентство: 199 долларов в месяц. Бренд: 499 долларов в месяц.

Бесплатная пробная версия : да.

Описание:

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

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

7. LaunchRock

Цена: два плана. Стартер: бесплатно. Профессиональный: от 5 долларов в месяц. M

Бесплатная пробная версия: да.

Описание:

LaunchRock — это бесплатное веб-программное обеспечение, рекомендованное для начинающей аудитории.

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

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

К сожалению, в нем отсутствует инструмент A / B-тестирования, и в нем мало возможностей для настройки.

Что можно и нельзя

Вы знаете правила. Вы играете в игру. Но ты выигрываешь?

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

Do’s
  • Будьте проще. Сделайте чистый и простой внешний вид с минимизированной и прямой информацией.
  • Используйте выделяющиеся кнопки. Помогает создавать большие изображения с контрастными цветами и разнообразными шрифтами.
  • Используйте маркированные точки и числа. Они помогают нашим читателям быстрее усваивать информацию. (8 секунд, помните?)
  • Воспользуйтесь страницей благодарности. Ваши хорошие манеры помогут вам завоевать доверие, собрать отзывы для аналитических целей, а также помочь вашим посетителям в том, что они успешно отправили свою информацию.

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

Перед вами

Psssst! Подойди сюда! Позвольте мне помочь вам надеть ваш победный пояс через плечо. Потому что вы только что получили награду Landing Page Master 2019.

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

Вы это заслужили.

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

Или оставьте комментарий, сообщив нам «секрет целевой страницы». Обещаем, что никому не расскажем, кроме подписчиков!

12 инструментов, которые помогут вам создать высокоэффективную целевую страницу

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

Целевые страницы

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

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

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

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

Согласно исследованию Hubspot, типичная целевая страница конвертируется от 5 до 15%, но некоторые высокооптимизированные целевые страницы конвертируются на 30% или выше.

Есть 3 основные причины, по которым маркетологи и владельцы сайтов не хотят использовать целевые страницы в соответствующих ситуациях:

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

Все 3 эти проблемы могут быть решены с помощью любого количества инструментов для создания целевой страницы, таких как Thrive Content Builder, Optimize Press или Visual Editor.Лучшие инструменты для целевой страницы помогут вам быстро приступить к работе, чтобы вы могли перейти к следующему этапу — A / B-тестированию.

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

Создавайте лучшие целевые страницы (в том числе и быстрее)

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

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

Но отличные целевые страницы отличаются тем, что они, как правило, простые и повторяющиеся.

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

Следующие инструменты могут помочь вам в этом.

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

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

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

Вы можете выбирать элементы (текстовые поля, изображения, формы и т. Д.) Из боковых меню и просто перетаскивать их в раздел на целевой странице.

Вы, конечно, можете потом редактировать их как хотите.

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

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

Исследование Aberdeen Group показало, что адаптивный дизайн приводит к увеличению конверсий на 10,9% в год по сравнению с неадаптируемым дизайном, у которого годовой рост составляет только 2,7%.

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

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

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

С помощью конструктора целевой страницы, такого как Unbounce, вы просто перетаскиваете ее (и редактируете поля) или добавляете собственный код из инструмента создания формы.Это в значительной степени визуальный редактор в том, как вы создаете страницу:

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

Unbounce предлагает встроенное A / B-тестирование.

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

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

Наконец, Unbounce предлагает широкий выбор шаблонов (которые можно просмотреть без регистрации).

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

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

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

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

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

Unbounce предлагает пошаговое руководство, плюс инструмент довольно интуитивно понятен.

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

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

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

Как и Unbounce, целевые страницы Instapage адаптивны:

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

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

Редактор страниц Instapage на проще , чем редактор Unbounce. Это может быть хорошо или плохо, в зависимости от ваших потребностей и навыков.

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

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

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

Instapage позволяет публиковать страницы в их домене (например, Instapage.com/your-landing-page), что я не рекомендую.

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

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

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

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

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

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

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

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

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

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

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

Если вы давно следите за многими популярными блогами, я гарантирую, что вы видели всплывающее окно, подобное этому:

Этот тип всплывающего окна называется «Leadbox», он включен во все учетные записи LeadPages, кроме основного. Это не слишком навязчиво для сообщения в блоге.

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

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

Launchrock можно использовать для создания целевых страниц, но не так, как первые 3 варианта. Вместо этого Launchrock в основном используется для создания целевых страниц «скоро».

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

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

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

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

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

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

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

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

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

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

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

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

После создания учетной записи вы можете выбирать из различных типов Hello Bar.

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

Редактор предельно прост. Заполните информацию (цвет, сообщение и т. Д.) Для панели в запрашиваемых полях.

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

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

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

Получите реальные отзывы пользователей

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

На ваш коэффициент конверсии сильно повлияет то, насколько ценным и понятным является ваше ценностное предложение.

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

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

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

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

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

Зарегистрированный пользователь получит следующее сообщение, и, как только он нажмет «запустить тест», ему будет показана страница:

Страница может быть о чем угодно.

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

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

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

В идеале вы должны спросить, что выделяется и каково главное ценностное предложение / предложение на странице.

Как только у вас будет несколько десятков ответов, вы, вероятно, сможете оценить свою целевую страницу.

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

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

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

С помощью UserTesting пользователи (тестировщики) записывают звук своего взаимодействия с вашей целевой страницей.

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

Это может быть полезно, потому что вы услышите что-то вроде:

  • «Я этого не понимаю…»
  • «Я пытаюсь сделать X, но не могу…»
  • «Я хотел бы увидеть пример буквы Y, но нигде не вижу…»

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

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

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

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

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

Этот инструмент бесплатный .

Вы вводите свою страницу в текстовое поле Peek и нажимаете «start»:

Вот и все.

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

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

Эти другие инструменты полезны, но их сдерживает одна главная вещь: отзывы исходят не от реальных посетителей.

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

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

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

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

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

  • «А как насчет Y?»
  • «Есть ли гарантия?»
  • «Предлагаете ли вы план оплаты?»
  • и так далее…

Если вы начнете получать один и тот же вопрос снова и снова, скорее всего, другие посетители (которые не используют чат) тоже задаются этим вопросом.

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

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

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

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

После изменения виджета вы получите код установки:

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

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

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

Убедитесь, что вы используете свой трафик максимально эффективно

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

Например, если вы тратите 0,50 доллара на посетителя на рекламу PPC, удвоенный коэффициент конверсии сэкономит вам 250 долларов на тысячу посетителей (или вам нужно купить только 500 посетителей, чтобы увидеть те же результаты).Со временем это быстро накапливается.

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

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

Crazy Egg разработан, чтобы показать вам, как именно посетители используют ваш веб-сайт (или конкретную целевую страницу).

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

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

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

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

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

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

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

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

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

После входа в систему вам будет предложено ввести URL целевой страницы.

Затем он загрузит страницу как новый вариант (см. Оригинал на вкладке «оригинал»). Вы также можете добавить другие варианты, если хотите протестировать несколько изменений.

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

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

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

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

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

Основным конкурентом

Optimizely является Visual Website Optimizer (VWO), как один из лучших инструментов целевой страницы для новичков.

После создания учетной записи этот конструктор контента работает очень похоже на Optimizely.

Вам будет предложено указать цель оптимизации, которая в данном случае будет «оптимизировать целевую страницу»:

Введите свой URL-адрес в текстовое поле и нажмите «Далее».

Как и раньше, щелкните элемент, который хотите изменить. Появится меню с различными опциями (редактировать, переместить и т. Д.):

После внесения изменений ( помните, измените только одну вещь в A / B-тесте ), нажмите кнопку «Далее» в правом нижнем углу.

Как только вы это сделаете, вам нужно сообщить инструменту, что вы отслеживаете.

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

Как только вы это сделаете, вы получите окончательный код:

.

Установите то же самое, скопировав и вставив его в заголовок целевой страницы.

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

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

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

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

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

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

Этот инструмент предлагает более 100 браузеров, но вам действительно не нужно проверять все из них, если вы тоже не хотите. Выберите хотя бы несколько последних версий из самых популярных браузеров (Internet Explorer, Chrome, Firefox, Safari) и операционных систем, затем нажмите «Отправить».

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

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

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

Заключение

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

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

Если вы не создаете целевые страницы с высокой конверсией, вы оставляете на столе кучу денег.

Если вы подозреваете, что у вас есть одна из этих проблем, я дал вам 12 инструментов (все из которых очень доступны или бесплатны), которые большинство ведущих интернет-маркетологов используют на регулярной основе. Некоторыми очень популярными из них являются Visual Editor, Optimize Press и Thrive Content Builder.Проведите небольшое исследование, протестируйте с помощью бесплатных пробных версий и посмотрите, что лучше всего подходит для вашего A / B-тестирования.

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

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

9 обязательных элементов для идеальной посадки Страница

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

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

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

Целевая страница (также называемая страницей для захвата лидов) является обязательной для любого веб-сайта, поскольку она обеспечивает целевую платформу для преобразования более высокого процента посетителей в потенциальных клиентов. Фактически, у целевых страниц коэффициент конверсии 5-15% в среднем . Тем не менее, их часто затмевают домашние страницы или страницы других продуктов.

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

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

Хотя целевые страницы работают лучше, чем основные страницы сайта, при коэффициенте конверсии 5-15%, они могут показывать намного лучше , если использовать передовые методы, описанные ниже. Фактически, многие клиенты HubSpot, которые реализовали эти советы, имеют коэффициент конверсии 30-45% ! Это безумно выше среднего!

Для сравнения: если вы привлекли 10 000 посетителей на свою домашнюю страницу, вы получите примерно 300 потенциальных клиентов. Если вместо этого вы отправили их на целевую целевую страницу со средним коэффициентом конверсии 30%, вы могли бы сгенерировать 3000 лидов . Какой из них вы бы предпочли?

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

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

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

2. Целевые страницы должны содержать следующие элементы
  • Заголовок и (необязательно) подзаголовок
  • Краткое описание предлагаемого
  • Как минимум одно вспомогательное изображение или короткое видео
  • (Необязательно) подтверждающие элементы, такие как отзывы, логотипы клиентов или значки безопасности
  • Самое главное, форма на самой целевой странице для сбора информации.Если по какой-то причине вы не можете разместить форму на целевой странице, используйте большую кнопку с призывом к действию (CTA), чтобы направить посетителей к следующему шагу.

3. Удаление или ограничение дополнительной навигации

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

4. Держите цель простой и ясной

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

Пример целевой страницы, которая может улучшить CTA:


5. Сопоставьте контент с предыдущим источником посетителя

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

6. Уменьшите трение

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

7. Сосредоточьтесь на ЗНАЧЕНИЕ

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

Пример отличной целевой страницы, обеспечивающей ценность:

8. Просите только то, что вам нужно

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


9. Создайте много целевых страниц

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

БОНУС: Сделайте ваши целевые страницы общедоступными

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

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

Какие другие передовые методы работы с целевыми страницами вы бы порекомендовали?


Как создать целевую страницу в WordPress (+3 примера)

Хотите узнать, как создать целевую страницу в WordPress?

Целевые страницы

WordPress — отличный способ привлечь внимание посетителей вашего сайта.Это позволяет вам превращать их в потенциальных клиентов и платежеспособных клиентов.

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

Во-первых, что такое целевая страница?

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

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

Мы называем это целевой страницей, потому что именно там посетители сначала попадают на ваш сайт.После просмотра вашей страницы пользователи предпринимают действия до:

  • Подписка на ваш список рассылки
  • Покупка продуктов в вашем интернет-магазине
  • Связь
  • Или, загрузив лид-магнит

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

В чем разница между домашней страницей и целевой страницей?

Целевая страница отличается от домашней страницы веб-сайта, потому что она служит определенной цели.

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

Связано: Целевая страница и веб-сайт: в чем разница?

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

У

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

Например:

  • Целевые страницы для ваших платных рекламных кампаний
  • Страницы для посетителей, приходящих из источников трафика, таких как ваш список адресов электронной почты или социальных сетей, и т. Д.
  • Страница для пользователей, переходящих на страницы определенных продуктов

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

Что должно быть у хорошей целевой страницы?

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

5 основных элементов хорошей целевой страницы:

  1. Привлекающие внимание заголовки . Лучшие заголовки привлекают читателя и убеждают его в вашем предложении.
  2. Привлекательные изображения .Используйте высококачественные фотографии и изображения героев, чтобы проиллюстрировать свое предложение. Фотографии счастливых улыбающихся лиц могут помочь людям представить себя покупателями.
  3. Убедительная копия . Убедитесь, что ваш текст легко читается, используйте четкий шрифт и пишите так, чтобы устранить болевые точки ваших посетителей.
  4. Срочность . Включение ограниченных предложений и таймеров обратного отсчета на пользовательскую целевую страницу создает срочность. Это заставляет посетителей действовать, опасаясь упустить что-то.
  5. Призывы к действию (CTA) .Всегда добавляйте жирную кнопку с призывом к действию, чтобы побудить посетителей действовать в соответствии с предоставленной вами информацией.

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

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

Вот несколько примеров различных типов целевых страниц:

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

Создание целевой страницы в WordPress с помощью SeedProd

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

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

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

Создать профессиональный дизайн целевой страницы легко с помощью шаблонов целевой страницы SeedProd.

Вы также можете забыть о страницах, которые медленно загружаются и настраиваются. В отличие от других решений, таких как Elementor или Beaver Builder, SeedProd не требует раздувания.Это означает, что все загружается с молниеносной скоростью независимо от того, что вы добавляете на свою страницу.

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

Итак, если вы хотите узнать, как создать целевую страницу в WordPress, вот как это работает с SeedProd.

Видеоурок

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

Шаг 1. Установите подключаемый модуль SeedProd Landing Page

Сначала нажмите здесь, чтобы начать работу с SeedProd, и загрузите плагин на свой компьютер. Затем загрузите и активируйте плагин на своем веб-сайте WordPress. Если вам нужна помощь на этом этапе, следуйте этому руководству по установке плагина WordPress.

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

Затем прокрутите вниз тот же экран и нажмите кнопку Create Your First Page .

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

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

Шаг 2. Выберите шаблон целевой страницы

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

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

Есть шаблоны для:

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

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

Связано: 11 примеров сжатых страниц с высокой конверсией для увеличения вашего списка

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

Шаг 3. Настройте целевую страницу WordPress

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

Блоки посадочных страниц

Блоки — это элементы, которые содержат содержимое вашей страницы, в том числе:

  • Заголовки
  • Текст
  • Маркированные списки
  • Изображения
  • Кнопки
  • Разделители
  • Видео
  • Разделители
  • Столбцы

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

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

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

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

В их числе:

  • Формы регистрации
  • Контактные формы
  • Формы входа
  • Виджеты раздачи
  • Якорные ссылки
  • Блоки WooComemrce
  • И многое другое

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

  • Таймеры обратного отсчета
  • Звездные рейтинги
  • Отзывы
  • Индикаторы прогресса
  • Социальные блоки
  • Кнопки обмена
  • И многое другое.

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

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

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

Сюда входят разделы для:

  • Заголовки
  • Области героев
  • Призывы к действию
  • FAQ
  • Функции
  • Нижние колонтитулы

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

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

Глобальные настройки

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

Например, вы можете добавить на свою страницу фоновое видео или фоновое слайд-шоу.Или вы можете придать своей целевой странице согласованную цветовую палитру.

Фактически, SeedProd поставляется с более чем 20 готовыми цветовыми палитрами , которые вы можете выбрать одним щелчком мыши.

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

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

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

Шаг 3. Интегрируйте свою службу электронного маркетинга

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

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

Вы также можете настроить отслеживание Google Analytics, защиту от спама и другие приложения с помощью Zapier.

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

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

Шаг 4. Настройте параметры целевой страницы

Для следующего шага щелкните вкладку Page Settings вверху экрана. Здесь вы можете управлять общими настройками страницы и редактировать настройки SEO и аналитики.Вы также можете ввести собственные сценарии верхнего, основного и нижнего колонтитулов.

Не забудьте нажать Сохранить , чтобы сохранить изменения.

Шаг 5. Опубликуйте свою целевую страницу в WordPress

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

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

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

Когда вы будете довольны тем, как все выглядит, щелкните стрелку под кнопкой «Сохранить» и выберите Опубликовать .

SeedProd покажет всплывающее окно с уведомлением о том, что ваша страница активна.

Затем вы можете нажать кнопку See Live Page , чтобы увидеть ее.

Отличная работа! Вы создали целевую страницу в WordPress.

Создание целевой страницы в WordPress с помощью OptinMonster

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

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

Ознакомьтесь с нашим обзором OptinMonster для получения более подробной информации.

Это может показаться сложным, но мы обещаем, что это очень просто, и вам не понадобятся знания программирования!

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

Шаг 1. Создайте новую кампанию

Получив копию OptinMonster, войдите в свою учетную запись и нажмите зеленую кнопку Create Campaign .

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

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

Теперь дайте своей кампании название и выберите веб-сайт, на котором вы хотите ее отображать. Затем нажмите кнопку Начать сборку .

Шаг 2. Настройте кампанию

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

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

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

  • Блоки столбцов
  • Изображения
  • Кнопки
  • Чат-боты
  • Колеса для купонов
  • Обратный отсчет
  • Видео и многое другое

Шаг 3. Установите правила отображения кампании

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

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

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

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

Шаг 4. Интегрируйте свою кампанию

Теперь пора добавить поставщика услуг электронной почты, чтобы вы могли собирать адреса электронной почты со своей целевой страницы. Вы можете сделать это, сначала щелкнув Integrations вверху страницы, затем Add New Integration на левой боковой панели.

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

Вот пример того, как настроить его с помощью MailChimp.

Шаг 5. Опубликуйте целевую страницу кампании

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

Для этого щелкните вкладку Analytics вверху экрана и нажмите кнопку Connect , чтобы подключиться к Google Analytics.

Теперь вы готовы опубликовать свою целевую страницу!

Просто перейдите на вкладку Publish и измените статус вашей кампании с Pending на Live .

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

Создание целевой страницы в WordPress с помощью WPForms

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

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

Но с помощью надстройки Form Pages от WPForms вы можете создавать красивые страницы-формы, которые не будут отвлекать ваши посетители.

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

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

Чтобы начать создание целевой страницы формы, возьмите копию WPForms здесь.

Для доступа к аддону Form Pages Addon вам потребуется как минимум Pro версии . Затем вы можете загрузить плагин WPForms из области панели инструментов WordPress.

После установки и активации надстройки перейдите к WPForms »Addons и прокрутите вниз, пока не найдете надстройку Form Pages Addon .

Щелкните Install Addon , чтобы установить и активировать его на своем веб-сайте.

Затем перейдите к WPForms »Добавить новый , чтобы начать создание новой формы. Вы можете узнать все о создании простой контактной формы в WordPress в этом пошаговом руководстве.

Чтобы превратить вашу форму в целевую страницу, щелкните вкладку Settings в конструкторе форм и выберите Form Pages .

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

  • Заголовок страницы формы — Измените заголовок страницы на более привлекательный и описательный.
  • Сообщение — Объясните, почему вы хотите, чтобы посетители заполняли вашу форму.
  • Постоянная ссылка — Выберите структуру URL-адреса целевой страницы.
  • Логотип заголовка — Загрузите свой собственный логотип в заголовок страницы.
  • Текст нижнего колонтитула — Добавьте свой собственный текст в нижний колонтитул.
  • Цветовая схема — Выберите либо предустановленную цветовую схему, либо свою собственную.
  • Стиль — выберите современный или классический стиль страницы.

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

И вот оно!

Теперь вы знаете, как сделать целевую страницу в WordPress.

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

Начните работу с SeedProd сегодня.

И не забывайте, что если вам понравилась эта статья, подпишитесь на нас в Facebook и Twitter.

15 советов, которые помогут вам создать эффективную целевую страницу | автор: Мари Эннис-О’Коннор

Обновлено апрель 2020 г.

Целевая страница — это отдельная веб-страница, не связанная с навигацией веб-сайта, созданная с единственной целью убедить посетителя действовать (зарегистрироваться, купить, скачать и т. д.). Instapage

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

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

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

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

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

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

1. Сохраняйте простоту навигации Источник: Salesforce

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

2. Правильно используйте психологию цвета

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

Источник: Salesforce

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

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

3. Тщательно выбирайте типографику

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

4.

Создайте убедительную копию

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

Источник: Salesforce

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

Рекомендуемая литература: Эти 4 метода копирайтинга работают действительно хорошо… До тех пор, пока они не перестают

5. Создайте сканируемую копию

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

6. Оптимизация для SEO

Сделайте так, чтобы ваша целевая страница была найдена поисковыми системами, оптимизировав ее для SEO (аббревиатура означает Search Engine Optimization). Увеличьте вероятность того, что ваша целевая страница появится на видном месте на странице результатов поисковой системы (SERP), используя релевантные ключевые слова в URL-адресе страницы (веб-адресе), заголовках и во всем тексте.

7. Оптимизация для просмотра с мобильных устройств

Мобильный трафик в настоящее время составляет 69 процентов онлайн-активности, а адаптивный дизайн является одним из основных факторов ранжирования Google.

Источник: Our Social Times

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

8.

Добавить изображения

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

В приведенном ниже примере лицо и подпись Эми Портерфилд очень привлекательные и представительные.

Рекомендуемая литература: Как добавление индивидуальности и доверия к вашим целевым страницам может повысить коэффициент конверсии

9.Добавить видео

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

См. Пример ниже от службы видеохостинга Vzaar.

10. Поделитесь отзывами клиентов Источник: Salesforce

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

В приведенном ниже примере mHelpDesk объединяет социальные доказательства, видео и отзывы клиентов.

11. Отображение символов доверия

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

LKRSocialMedia.com

12. Добавьте свою контактную информацию

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

13. Добавьте кнопки публикации в социальных сетях

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

14. Оптимизируйте форму подписки

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

Источник: Salesforce

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

15. A / B Test Your Page

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

Рекомендуемая литература: Как проводить A / B-тестирование целевых страниц в социальных сетях; 10 тематических исследований с призывом к действию с примерами реальных тестов кнопок

Хотите подписаться на мой информационный бюллетень?

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

Щелкните здесь, чтобы подписаться на мой список рассылки.

Как создать лендинг в ближайшие 10 минут

Создание целевых страниц — это цифровой эквивалент «открытого» входа в систему.

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

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

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

Оптимальные методы работы с целевыми страницами

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

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

Сосредоточьтесь на главной цели

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

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

Кнопка CTA «над сгибом» означает, что посетитель увидит ее сразу, без необходимости прокрутки. Изображение предоставлено Ditch the Carbs.

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

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

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

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

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

А теперь поговорим о графике и изображениях. Визуальные элементы, такие как графика, иллюстрации и фотографии, действительно помогают заявить о себе на целевой странице. Вы можете найти бесплатные стоковые фотографии на сайте Death to Stock или выбрать из более миллиона изображений Unsplash на целевой странице ConvertKit и в конструкторах электронной почты. Чтобы создать свою собственную графику и отредактировать собственные фотографии, вы можете использовать бесплатный инструмент, например Canva.

Проверьте свой заголовок

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

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

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

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

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

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

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

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

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

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

Целевые страницы

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

Создайте бесплатную учетную запись ConvertKit

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

Это момент, которого вы ждали — пора увидеть, как ваша целевая страница оживает прямо у вас на глазах. Есть варианты того, какой инструмент вы используете для создания целевой страницы, но сегодня мы рассмотрим ConvertKit. На твоей отметке. Приготовься. Строить!

Шаг №1: Выберите цель

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

Примеры целей целевой страницы:

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

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

Шаг № 2: Выберите шаблон

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

У нашего воображаемого фотографа-питомца Аманды новый аккаунт, поэтому мы начнем с его панели управления.

Вы можете создать новую целевую страницу со своей домашней страницы ConvertKit. Изображение через ConvertKit.

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

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

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

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

Шаг № 3: Добавьте свою копию

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

Если вы когда-либо писали в текстовом редакторе, таком как Microsoft Word или Google Docs, у вас есть навыки редактирования копии целевой страницы с помощью ConvertKit. Изображение через ConvertKit.

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

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

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

Шаг №4: Выберите изображение

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

Перетаскивание изображений на панели настроек автоматически меняет их порядок на целевой странице. Изображение через ConvertKit.

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

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

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

Шаг № 5: Совершенствуйте свой брендинг

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

Каждый цвет и шрифт на целевой странице ConvertKit можно настроить.

Шаг № 6: Запустите и протестируйте свою целевую страницу

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

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

После выхода из предварительного просмотра нажмите «Сохранить и опубликовать». На этом этапе вы сможете выбрать доменное имя для своей целевой страницы.Если вам нужно изменить данные о домене, URL-адресе или SEO, просто нажмите «Настройки» на верхней панели. Вы также можете настроить поощрение, которое подписчики получают после отправки формы целевой страницы в этом окне настроек.

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

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

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