Как опубликовать лендинг-страницу — Webasyst
Под лендинг-страницей в этой статье понимается веб-страница, обладающая собственным дизайном, отличным от дизайна остальных страниц сайта и внешне никак с ними не связанная, либо одностраничный сайт с нестандартным размещением содержимого. Как правило, в лендинг-страницах используется много разнообразной HTML-верстки, что делает неудобным их редактирование обычным визуальным редактором (WYSIWYG), а значит, для их создания обычно требуется ручное редактирование исходного кода.
В большинстве случаев для публикации лендинг-страницы достаточно использования специальной темы дизайна из магазина Webasyst.
Как самостоятельно создать лендинг-страницу без покупки темы дизайна
Предполагается, что вы знаете, как сверстать веб-страницу с использованием HTML, CSS и JavaScript. Для публикации лендинг-страницы с помощью Вебасиста необходимо оформить такую страницу в виде темы дизайна. Документация по созданию тем дизайна для Webasyst доступна в разделе для разработчиков, однако для публикации одной страницы необязательно подробно изучать тонкости построения тем дизайна — достаточно в качестве заготовки использовать стандартную тему «Дефолт», как описано в этой статье.
- В разделе «Структура» приложения «Сайт» добавьте новое правило для приложения «Сайт» и укажите в его свойствах URL будущей лендинг-страницы.
- В разделе «Дизайн → Оформление» создайте клон темы «Дефолт».
- С помощью ссылки «Переименовать тему» измените название и ID созданного клона темы «Дефолт». Так будет удобнее ориентироваться в темах дизайна, если вам понадобиться создать несколько лендинг-страниц с разным оформлением, т. к. для каждой из них будет использоваться собственная тема.
- В своей лендинг-теме в разделе «Дизайн → Шаблоны» удалите все содержимое файла index.html и замените его своим HTML-кодом.
- Определите, какая часть страницы должна быть заменена на сообщение «Страница не найдена», если посетитель добавит неправильный фрагмент к URL вашей лендинг-страницы. Скопируйте эту часть HTML-кода страницы и замените ее на строку
{include file="`$wa_active_theme_path`/main.html" inline} - В разделе «Страницы
- Из файла main.html в разделе «Дизайн → Шаблоны» можно удалить все содержимое, кроме фрагмента
{$content}— вместо этого фрагмента на сайте будет автоматически вставлено содержимое страницы, которую вы создали в разделе «Страницы», либо сообщение «Страница не найдена». - Отредактируйте содержимое шаблона error.html так, чтобы сообщение об ошибке «Страница не найдена» отображалось в соответствии с общей структурой лендинг-страницы.
- Содержимое остальных файлов темы дизайна изменять необязательно, т. к. они не будут использоваться на сайте, если вы их явно не подключите.
- Если нужно, создайте в лендинг-теме дополнительные файлы с CSS- и JavaScript-кодом и подключите их в коде файла index.html. Графические и другие нетекстовые файлы (например, файлы шрифтов) загрузите в разделе «Файл-менеджер».
- В разделе «Структура» в свойствах правила для лендинг-страницы выберите созданную вами тему дизайна и сохраните настройки.
Готово! Откройте URL лендинг-страницы в браузере и проверьте правильность отображения всех элементов, прежде чем приступать к ее продвижению. Добавьте произвольный набор символов после URL лендинг-страницы, чтобы проверить, как отображается сообщение о неверно введенном адресе.
Можно ли добавить собственный код на лендинг?
Вы можете добавить собственный код (HTML, CSS и JavaScript) на лендинг с помощью специального блока в редакторе целевых страниц. Используйте эту функцию, если вам необходимо добавить инструменты и виджеты, которых нет в редакторе.
Код будет добавлен к версиям лендинга для компьютеров и мобильных устройств. Если вы планируете проводить A/B тестирование, не забудьте добавить блок с собственным кодом на каждый вариант посадочной страницы. Код также можно добавить на страницу благодарности.
- Собственный код можно добавить только в раздел <body>
- В целях соответствия требованиям GDPR обязательно сообщите потенциальным клиентам и посетителям о применении любых сторонних форм или кода, в которых используются технологии составления тепловых карт и отслеживания.
- Добавление нескольких кодов отслеживания, виджетов и т. д. может замедлить скорость загрузки лендинга. Кроме того, из-за избыточного количества контента пользователи могут уйти со страницы.
- В редакторе целевых страниц отображается только блок для вставки собственного кода. Работу добавленного кода можно проверить только в режиме предпросмотра или на опубликованном лендинге. Всегда просматривайте страницу сразу после ее публикации, чтобы проверить работу добавленного кода. Не делитесь ссылкой, пока не убедитесь в качестве вашей посадочной страницы.
- Рекомендуем проверять отображение страниц с добавленным кодом во всех браузерах, особенно если вы изменяете стили CSS.
- Наш отдел поддержки клиентов может предоставить помощь по использованию стандартных функций редактора. Мы не предоставляем поддержку по использованию сторонних скриптов и не можем гарантировать их работоспособность.
Собственный код можно добавить в новый или существующий шаблон в редакторе. Как это сделать:
1. Перейдите Главная панель>>Лендинги и выполните одно из следующих действий:
- нажмите Создать лендинг, чтобы создать новую страницу
- нажмите Настроить страницу в меню Действия рядом с названием страницы.
2. Дважды нажмите на значок Собственный код, чтобы добавить блок с собственным кодом в шаблон страницы.
Блок появится в левом верхнем углу текущего раздела страницы.
При двойном щелчке по значку появится окно для добавления собственного кода.
4. Вставьте или напишите код. Не забудьте закрыть скрипт с помощью тегов <script> (для JavaScript). Если необходимо добавить несколько фрагментов кода, добавляйте их друг под другом.
5. (По желанию) Если вы проводите A/B Тестирование, повторите шаги 2-4 для каждой версии страницы.
6. Во время создания новой страницы нажмите значок мобильного телефона, чтобы сгенерировать ее мобильную версию. Если вы редактируете существующую страницу, используйте эту кнопку, чтобы посмотреть изменения в мобильной версии.
7. (По желанию) Нажмите кнопку Предпросмотр, чтобы проверить, правильно ли отображаются добавленные с помощью кода элементы, которые должны видеть посетители.
8. Сохраните изменения или опубликуйте лендинг.
9. Просмотрите опубликованный лендинг и убедитесь, что все элементы отображаются корректно.
проект в категории Верстка, 26.09.2020 в 11:28
Бесплатно зарегистрируйся и получай уведомления о новых проектах по работе
s | Заказчик Отзывы фрилансеров: + 28 0 — 0 Зарегистрирован на сайте 12 лет и 5 месяцев | Бюджет: 1199 руб |
Дедлайн завтрашний вечер. В ответах указывайте стоимость и сроки, в которые сможете уложиться.
Разделы:
Опубликован:
26.09.2020 | 11:28 [последние изменения: 26.09.2020 | 11:28]
Теги: верстальщик удаленно, сверстать сайт, сделать верстку, требуется верстальщик, сверстать страницу, ищу верстальщика
Создать лендинг. Самому на HTML и CSS. Видео. Заходи!
Приветствую! С вами Денис Герасимов, сайт rek9.ru и мы поговорим про то, как создать лендинг самому, при этом еще адаптивный и современный. Вы читаете текстовую версию видео.
Выставим некоторые требования к нашему будущему лендингу:
- Быстрый, то есть быстро загружался. Поэтому будем делать его сами, на HTML и CSS.
- Адаптивный, то есть подстраивался под экраны разных устройств. Чтобы на наш лендинг могли зайти с ПК, планшета, смартфона и т.п. и на всех устройствах он выглядел красиво и удобно.
- Современный, то есть мы могли бы встроить на него слайдер, добавить различные модальные окна, либо всплывающие какие-то подсказки.
- Красивый. То есть мы могли бы добавить иконки и кнопки, которые органично бы смотрелись на нашем лендинге.
Как создать современный и красивый лендинг самому?
- Необходимы хотя бы начальные знания html и css, то есть вы должны представлять, как добавить в структуру html хотя бы класс css, чтобы изменить его внешний вид. если вы используете некоторые трудности с этим, то я могу вам порекомендовать бесплатные курсы от Евгения Попова (ссылки на скачивание в презентации, которую можете найти в конце текста ⇓), которые содержат несколько уроков, после просмотра которых вы уже начнете понимать, что это такое (ссылка).
- Изучить документацию по фреймворк bootstrap. Вы можете выбрать фреймворк самостоятельно. Это специальный фреймворк, который содержит наборы стилей и ява скриптов, которые можно легко встроить в наш сайт, и они будут смотреться очень органично. Так же он содержит ячеистую структуру, которая позволит нам создать адаптивный дизайн.
- Выбрать структуру сайта. То есть представлять, как будет выглядеть каркас нашего будущего сайта. Например, мы хотим, чтобы сверху у него был заголовок, так называемая шапка, затем размещено какое-то изображение и форма подписки. Нам необходимо создать эту структуру, каркас.
- Воспользоваться конструктором для создания структуры сайта. Конструктор находится по адресу www.layoutit.com, с помощью него можно создать структуру сайта, даже не обладая специальными навыками и знаниями.
- Скачать полученную структуру на компьютер и изменить ее дизайн. Готовый лендинг после этого можно смело закачивать на сервер.
Перейдем к практике
На примере лендинга, созданного мной lp.rek9.ru, на котором я раздаю 20 советов по настройке Яндекс.Директ. Bootstrap содержит разные элементы дизайна, например иконки, которыми можно воспользоваться. А также содержит различные ява скрипты, с помощью которых можно сделать модальные окна, всплывающие, которые можно закрыть либо сверху, либо снизу. Это пример простейшего лендинга, который в-принципе не плохо работает, у него хорошая конверсия.
Давайте познакомимся с документацией Bootstrap
Фреймворк bootstrap можно скачать по адресу www.getbootstrap.com. Этот продукт от создателей Twitter. Этот фреймворк постоянно развивается и на данный момент последняя его версия 3.3.4. Для подключения к нему сайта нужно скачать этот архив и прописать определенные строчки в коде html. В итоге вы получите доступ к css, components, javascript. Также bootstrap можно подключить не скачивая его, используя технологию CDN, просто прописав в коде определенные строчки. Эта технология выбирает ближайший физически расположенный сервер к вашему посетителю и уже с него подгружает файлы стилей или ява скриптов. Это ускоряет загрузку вашего лендинга. При этом данный код минимизирован.
После подключения bootstrap вы получите доступ к набору стилей CSS. Он имеет ячеистую структуру Grid System, состоящую из 12 колонок. Нужно понимать, как создаются эти колонки. Допустим вы хотите, чтобы на вашем сайте было 2 колонки. Одна из которых занимает 2/3 части страницы, а другая 1/3. В большую колонку хотите, например, вставить изображение, а в меньшую форму для заполнения. Для этого необходимо прописать строчку, в ней прописать колонку со стилем 8 и колонку с 4, указанным на сайте bootstrap. После того, как вы пропишите стили необходимые вам, то зайдя на ваш сайт с мобильного устройства, колонка, которая идет второй спускается ниже. В итоге, ваш дизайн становится адаптивным. Если вы хотите структуру с тремя колонками, равными, то необходимо 12 разделить на 3 и уже прописать код с цифрой 4, в коде страницы. И так далее.
Чтобы не запутаться в работе с ячеистой структурой, я предусмотрел для вас работу в конструкторе www.layoutit.com. Более подробную работу с конструктором я опубликую в следующей статье.
Также bootstrap содержит файлы для Typography, с набором различных стилей заголовков, которые вы можете выбрать для своего лендинга и прописать в коде. Внутри этого раздела есть так же классы выравнивания Alignment classes, например, если вы хотите, чтобы текст был по центру, достаточно скопировать определенный код и вставить его в код лендинга. Так же есть файлы списков Lists и многое другое. Можно создать таблицы с разными стилями в разделе Tables, формы Forms (можно сделать формы столбиком, в одну строчку, форму с дополнительными символами, форму во всю строчку и т.д.). В разделе Buttons вы можете выбрать стили кнопок на вашем лендинге. Вы сможете задать цвет кнопок, размеры, активные или неактивные кнопки. В разделе Images можно задать стили изображений. Например, чтобы изображение было круглым необходимо вставить определенный код. В разделе Helper Classes можно изменить цвет текста, фон текста и т.п.
Так же мы получаем доступ к различным компонентам, например, к глиф иконкам. Для добавления какой-либо иконки на сайт необходимо прописать определенный спан класс (span class). Под изображением каждой иконки написано какой класс необходимо прописывать в коде, чтобы получить нужное изображение на своем лендинге. Также можно получить доступ к Dropdown выпадающим спискам, Button groups группам кнопок, Navs навигации и многому другому. Все эти возможности вы можете посмотреть по разделам в списке в правой части страницы сайта bootstrap.
Доступ к JavaScript позволяет нам сделать модальные окна, в которые можно вставлять формы. Эти окна также имеют ячеистую структуру, что позволяет адаптировать его под любое мобильное устройство. Так же можно добавить различные кнопки, выпадающие списки и другие функции, работающие на ява скриптах.
Это было небольшое ознакомление с bootstrap и его структурой. В следующей статье мы уже будем создавать структуру лендинга в специальном конструкторе, адаптивную структуру нашего будущего лендинга.
Сайт можно скопировать. Как скопировать лендинг читайте здесь!
До встречи!
[button url=»https://rek9.ru/secret/sozdat-lending-chast-2-bootstrap/» class=»btn btn-danger» target=»_self»]Вторая часть здесь[/button]
↓ Презентация создать-лендинг
Как сделать конверсионную форму заявки на лендинге
Мало кто из маркетологов придает серьезное значение этому элементу посадочной страницы. Обычно все говорят про заголовок и призыв к действию. Спору нет, они составляют основу УТП. При этом даже самый сильный оффер на свете может улететь в пустоту, если у вас будет неудачная форма заявки (она же лид-форма), ведь это последний шаг перед тем как посетитель отправит свои контакты.
В чем суть
Речь пойдет о формах заявки на обычных посадочных страницах – то, что мы называем лендингами (landing page), которые используются для получения контактов аудитории из контекстной и таргетированной рекламы. Порталы, каталоги, различные онлайн-сервисы и интернет-магазины оставим в стороне – это отдельная история.
Если вы хотите узнать о подписных формах для сбора email-базы, вот отличная статья экспертов eSputnik, написанная ими для нашего блога.
В данном случае поговорим о формах заявки, где аудитория оставляет свои адреса, телефоны для мгновенного контакта с рекламодателем. Условный клиент заинтересовался вашим продуктом – вы ему тут же пишете или перезваниваете в ответ, консультируете, доводите до продажи.
Где и как на лендинге расположить форму заявки
Начнем с чисто технического вопроса. В каком виде и где на лендинге поставить форму заявки? Обычно точек захвата на странице несколько. На мой взгляд, оптимальное соотношение – одна форма на каждые два смысловых блока.
В качестве обязательного размещения я бы рекомендовал первый и последний экраны. Это продиктовано особенностями поведения аудитории в онлайне.
По нашим наблюдениям, 60-65% посетителей (не важно, в какой тематике и какого уровня знакомства с продуктом) не ходят дальше первого экрана – той части страницы, что видна сразу при входе, без скроллинга. Причем в случае с трафиком из сетей (социальные сети, РСЯ и КМС Google) эта доля еще выше.
Я называю таких посетителей реактивными. Если торговое предложение им подходит, они в считанные секунды отправляют заявку или звонят. Если нет – тут же уходят. Соответственно, для них нужна точка захвата на первом экране.
А есть более вдумчивая аудитория, кто внимательно изучает весь контент, – этих посетителей закрываем на заявку в конце страницы.
Еще один важный момент по поводу «реактивных» посетителей и первого экрана. В разных тематиках аудитория предпочитает разные способы связи. Есть ниши, где абсолютное большинство звонят. Заказ пиццы или вызов автоэвакуатора, например. Обычно это супергорячий спрос.
Есть ниши, где, наоборот, почти все отправляют заявки. Запись на просмотр недвижимости, например. Тематика с длительным циклом принятия решения. Есть ниши, где среди способов связи лидирует электронная почта, – аудитория снабженцев в промышленной сфере. Либо модные сейчас мессенджеры.
Однако чаще всего идет смешанная аудитория, где нет явных предпочтений. Поэтому тут привычная модель – поставить на первый экран и телефон, и мессенджеры, и форму заявки.
Вот здесь, например, она просится вместо картинки с логотипом компании:
Телефоны есть, мессенджеры есть, даже коллбэк (кнопку обратного звонка) не забыли, а формы нет. Разумеется, ниже формы есть, и не одна, но как мы помним, первый экран решает.
Что касается внешнего вида, то сейчас все перешли в основном на формы закрытого типа.
Такие лендинги уже редкость:
Закрытый тип – когда ставится кнопка, а при клике на неё появляется форма заявки.
Как здесь:
В крайнем случае – горизонтальная форма внизу первого экрана:
В свое время это было продиктовано стремлением уменьшить стресс посетителей лендинга. Когда нас в лоб просят оставить личные данные, мы внутренне сопротивляемся. Даже если нам нужен этот товар. Ничего странного – банальная психология. Закрытая форма этот стресс чуть-чуть снижает.
Last post
Сколько полей должно быть в форме заявки
Пожалуй, самый риторический вопрос. Я сторонник как можно меньшего количества полей. Субъективно, но из практики: в тех проектах, что я консультировал по нашим клиентам, конверсия в заявку росла на 25-30%, как только форму сжимали до одного поля. Оставляли только тот способ связи, по которому компания затем коммуницирует с клиентами, в зависимости от того, что им обещают. Выслать прайс-лист, презентацию, видео и тому подобное – просим почту. Проконсультировать, пригласить на тест-драйв, экскурсию по объекту и прочее – просим телефон.
Имя и другие данные можно узнать при первом контакте, если он состоится. А вот чтобы он состоялся, облегчите клиенту задачу. Как я сказал выше, мы и так испытываем стресс из-за того, что оставляем личные данные. А когда их несколько – тем более.
Разумеется, есть исключения. Скажем, продажа какого-нибудь сложного оборудования в сфере B2B. Правда, там не личные данные, а уточнение спецификации. Из этой же оперы квизы, где маркетологи выясняют, в ремонтах к примеру, тип жилья, нужен ли дизайн-проект, предпочтения по материалам и т. д. Для этой цели можно использовать, например, Гугл опросник.
Изготовление мебели на заказ – аналогично. Здесь хотя бы владельцы сайта оставили обязательным один телефон, остальное по желанию:
Это немного иная история. Я сейчас говорю про классический формат лендинга и сбор именно личных данных.
Вот так не очень:
Вроде бы стремление к персонализации, но лучше оставить его для звонка. Что мешает менеджеру компании при звонке спросить: «Как я могу к вам обращаться?»?
Вот так лучше (главная страница нашего сайта, где мы просим только почту для отправки записи вебинара):
Подпись к форме заявки
Казалось бы, форма она и в Африке форма, что тут писать? На практике не всё так просто, и я в клиентских аудитах часто встречаю следующие ошибки:
1) Два целевых действия рядом снижают конверсию. Звонок и призыв отправить заявку, например. Тем более не стоит этого делать в самой форме:
Клиент может зависнуть, что же ему делать: написать или позвонить.
2) Несоответствие подписи к форме и кнопки CTA. Подпись и призыв к действию должны четко совпадать по смыслу.
Всё, что непонятно и вызывает вопросы, снижает конверсию.
3) Расположение видео рядом с формой.
Видео отлично работает, показывая продукт. Но не рядом с формой заявки, потому что оно отвлекает посетителя от целевого действия.
4) Капча. Тут без комментариев. Болезнь редкая, решил однако вам показать. Надеюсь, вы этим не страдаете.
В качестве оптимального решения, что писать в форме, я рекомендую пояснить, что произойдет после отправки клиентом своих данных. Не на странице благодарности постфактум, а сразу. Всё просто: в голове посетителя сайта должна быть четкая картинка. Чем больше ясности, тем меньше стресса и сомнений, тем выше конверсия.
Пример:
Если вам сложно гарантировать быстрый ответ, используйте нейтральные формулировки «перезвоним в ближайшее время» или «в течение рабочего дня».
Еще вариант:
В обоих случаях вы как бы успокаиваете клиента: мы не спамеры, нам нужны ваши данные для вашей же пользы. Заключается эта польза в том-то и том-то.
Хотите 2500 емейлов для рассылки в подарок?
ПолучитьНу и не забывайте поставить в форме ссылку на политику конфиденциальности.
Вот еще интересное решение – с помощью специальной шкалы в форме клиент может указать удобное время для звонка:
Персонализация формы заявки
Подстройка УТП на лендинге под потребность каждого сегмента аудитории повышает конверсию в заявку. Наверняка вы об этом знаете, а кто-то применяет на практике. Напомню, что для этого не надо делать несколько дублей: есть техническое решение с помощью подмены контента в Yagla.
Обычно мы подменяем заголовок и подзаголовок страницы, ибо в них заключена основа УТП. Но в ряде случаев для полного эффекта задействуем и подпись к форме заявки.
Вот два примера:
1) Проект по строительству домов и коттеджей.
Параметров тут множество, главный – материал, из которого строится дом. Если клиент нацелен на что-то конкретное, мы ему это и показываем. В зависимости от запросов для контекстной рекламы и таргетинга для рекламы в социальных сетях.
В заголовке делаем не просто соответствие запросу, а выгодное предложение – обещаем избавить клиента от хлопот со строительством, сделать работу под ключ за 100 дней.
И дополнительно усиливаем предложение в форме заявки (второй подменяемый элемент):
Аналогично для остальных сегментов. Хочет человек дом из газобетонных блоков – в заголовке этой же странице он видит «Построим дом из газобетонных блоков», в форме заявки – «Получите расчет сметы под свой дом из газобетонных блоков».
И так далее.
В результате настройки и тестирования подмен через 2 месяца конверсия в заявку на этом лендинге выросла в 3,5 раза. С 1,9 до 6,7%.
2) Проект по установке пластиковых окон.
Здесь основная смысловая нагрузка ложится на заголовок и подзаголовок. Подпись к форме как призыв. Она менялась под разные сегменты, поскольку мы использовали разные по сути действия.
Для фраз «Купить/заказать пластиковые окна», например, это был вызов замерщика:
Для ценовой группы (фразы «Пластиковые окна цена/стоимость/сколько стоят») – уточнение стоимости:
И так далее.
Рост конверсии сайта в заявку в этом проекте – с 4,2% до 8,8%.
P.S. Если выделить ключевые моменты, от чего зависит эффективность лид-форм, я отмечу две вещи. Это простота и персонализация. Чем больше форма соответствует потребности каждого посетителя и чем легче её заполнить – тем лучше.
Как сделать лендинг, который будет “цеплять” ваших клиентов
Содержание статьи
Автор статьи: Сергей Болисов, куратор образовательных проектов в Tilda Publishing, преподаватель MaEd
Несмотря на видимую простоту создания лендинг пейдж с помощью удобных конструкторов сайтов типа Тильды, это сложный и многоступенчатый процесс, требующий глубоких маркетинговых знаний и понимания потребностей целевой аудитории.
Один из базовых принципов создания любого лендинга — это совершение целевого действия. Если лендинг не нацелен на то, чтобы посетитель что-то сделал: что-то купил, зарегистрировался, подписался, оставил заявку — то это не лендинг.
Что должно быть на лендинге: плюсы и минусы универсальных форм
Существуют универсальные формулы, которые позволяют сделать такой лендинг, чтобы посетитель сразу же конвертировался в заявку. Самые известные из них — формула AIDA и PMPHS.
Проблема любой формулы — это их бездумное использование. При таком подходе мы рискуем вместо заявки получить отторжение продукта или услуги. Когда вы заходите в салон сотовой связи просто что-то посмотреть, а сотрудник сразу же навязывает вам покупку, то, согласитесь, появляется чувство дискомфорта и хочется сбежать оттуда. Также и с лендингом. Чтобы посетители лендинга не испытывали отторжения, вы можете использовать формулу в качестве каркаса, но не нужно слепо следовать формулам.
Секреты эффективного лендинга
Я обозначу два правила, про которые следует помнить всегда.
- Ориентируйтесь на здравый смысл и не поддавайтесь истерике. Когда посетитель попадает на лендинг, где ему всеми правдами и неправдами — всевозможными виджетами и поп-апами — пытаются что-то продать, это вызывает негатив. Мы устроены так, что нам неприятно, когда на нас давят. Возможно, это сработало бы 10 лет назад, но не сейчас.
- Не держите посетителей за дураков. Пример. Вы проектируете сайт по теме «пластиковые окна»: вы что-то изучили по этой теме и уверены, что знаете, что написать и кудаа поставить кнопку call-to-action, чтобы посетитель оставил заявку. Но покупка пластикового окна — это не молниеносная продажа. Посетитель заходит на сайт не для того, чтобы что-то купить, а прежде всего для того, чтобы сделать выбор и принять решение. И это должно быть только его решение.
Пройдите тест и узнайте, насколько хорошо вы разбирайтесь в интернет-маркетинге.
Пройти тест
Как привлечь внимание к целевому действию
Помните о главной задаче лендинга
Даже если лендинг не нацелен на продажу, важно, чтобы посетитель выполнил целевое действие — заявка, регистрация, покупка. 70% успеха вашего лендинга заключается в том, чтобы грамотно выстроить коммуникацию с посетителем. Важно, чтобы он не упустил из виду то целевое действие, которые вы предлагаете ему совершить.
Мне по работе приходится просматривать очень много страниц, и опираясь на этот опыт, я выявил несколько важных моментов, как привлечь внимание к целевому действию.
Вот пример лендинга, где предлагают получить бесплатный гайд. Этот блок заметен на странице и повторяется на странице раз за разом. Недостаточно поставить кнопку с целевым действием на первом экране и больше не использовать ее нигде. Одна из главных ошибок — поставить кнопку call-to-action один раз на всем лендинге.
Учитывайте Z-образную структуру страницы
Когда посетитель смотрит на лендинг, то он сканирует общую композицию по определенной схеме. Исследования показали, что взгляд человека усредненно совершает путешествие по лендингу по траектории похожей на букву Z.
Вот так выглядит первый экран лендинга.
А это это примерная траектория человеческого восприятия лендинга. Точки 1,2,3,4 — те места, куда человек перенесет свой взгляд и где может остановиться. Ключевые структурные элементы лендинга и кнопки call-to-action должны размещаться именно в этих ключевых точках.
Конечно, это усредненная схема, которой нужно пользоваться обдуманно.
Используйте принцип контраста
Визуальная иерархия — это набор визуальных приемов и принципов, который позволяет расположить информацию на лендинге таким образом, чтобы пользователь мог выделить главное, второстепенное и прочие детали. Чтобы посетитель шел по задуманному вами сценарию, используйте визуальную иерархию.
Играйте с размером и цветом шрифта, чтобы выделить основную мысль.
Используйте контраст, как в этом примере — красный прямоугольник с белой кнопкой.
Или контраст черного с желтым — тоже привлекает внимание.
Аккуратно применяйте анимацию и не переборщите с виджетами
Иногда очень хочется добавить на лендинг анимации для красоты. Можно ли использовать анимацию? Можно, но она не должна напрягать. С ней довольно легко переборщить.
Типичные ошибки, снижающие эффективность страницы
Размытый оффер
Если у вас размытый оффер, то посетителю довольно трудно провести параллель между собой и вашим продуктом/услугой. У каждой аудитории есть свои причины приобрести товар или воспользоваться услугой, поэтому важно продумать оффер под каждую конкретную аудиторию. В идеале под каждую аудиторию нужен свой лендинг.
Вот на этих примерах понятно, что предлагается и кому это может быть интересно с первого экрана лендинга.
Пример 1.
Пример 2.
А вот на этих лендингах офферы размыты и плохо понятны.
Пример 1.
Пример 2.
Несколько предложений на одном лендинге
Вот пример, когда на одном лендинге объединяются услуги для разных целевых аудиторий. Вряд ли люди, которым нужно обучение по SMM, захотят заказать услугу по ведению SMM-аккаунтов. Эти услуги нужно разводить по разным лендингам.
Нагромождение виджетов
Только посмотрите, какое количество виджетов на этом лендинге. Это явно перебор.
Размазывание главной информации по всей странице
Невозможно сделать так, чтобы у лендинга было максимальное вовлечение по всей длине. Поэтому основную информацию размещайте на первом экране. Чтобы понять, что именно смотрят на вашем лендинге, воспользуйтесь картой скроллинга.
Сделал лендинг и забыл о нем
Хардкорная работа над лендингом начинается тогда, когда на нее идет трафик. Если вы не смотрите, как аудитория ведет себя на вашей странице, то лендинг точно не станет лучше. Нужно обязательно вносить изменения. Если сделать и забыть про лендинг, то, значит, вы зря потратили время на его создание.
Важные детали, о которых обычно забывают
Запасное целевое действие
Лендинги в основном создают под коммерческий трафик. Например, делают промоакцию и под нее лендинг. После чего запускают рекламную кампанию и платят за каждого посетителя. Человек заходит на лендинг, но он пока не готов купить или предложение для него неактуально. Он уходит, если на сайте нет запасного целевого действия. Поэтому обязательно добавляйте какое-то действие, например, подписку на новости.
Контакты для связи
Человек может уйти, не найдя формы для обратной связи или элементарно ни одного контакта. Не забывайте про контакты.
Проверка верстки на мобильных
Сейчас 60% пользователей смотрят сайты с мобильных устройств. Важно, чтобы сайт был адаптирован, верстка не разъезжалась и не портила впечатление от продукта.
Сниппет для соцсетей
Чтобы ваше предложение лучше ранжировалось при расшаривании в соцсетях, важно заполнить сниппет для соцсетей. Загрузите изображение, подпись
SEO-подготовка
Даже если вы не планируете глобальную SEO-кампанию, рекомендую пройтись по основным SEO-параметрам: заголовки, подзаголовки, ключевые слова. Или стоит закрыть сайт от индексации, чтобы лендинг не попал туда, куда вы не планировали.
Статья подготовлена на базе видеоматериалов СендПульс.
На курсе «Профессия интернет-маркетолог» вы не только научитесь конструировать лендинги на тильде, но также сможете самостоятельно формулировать цели интернет-продвижения и оценивать свои KPI. Обучение на курсе подходит в том числе и интернет-маркетологам с опытом работы, которые хотят усовершенствовать свои умения и навыки и получить свежие знания от корифеев отрасли. Вы можете получить консультацию по курсу от консультантов MaEd.
Консультация
Обучение в центре «Маркетинговое образование»
На курсе «Профессия интернет-маркетолог» мы готовим интернет-маркетологов для работы в российских и зарубежных компаниях. Учим смотреть комплексно на маркетинг компании, продукта или услуги, планировать эффективные кампании в интернете, самостоятельно работать с ключевыми каналами продвижения.
Вы научитесь:
- выбирать каналы продвижения и разрабатывать медиаплан;
- анализировать конкурентов, определять ЦА и формулировать УТП;
- создавать и оптимизировать рекламные кампании;
- придумывать креативы;
- анализировать эффективность, используя инструменты веб-аналитики;
- заказывать рекламу в поисковых системах Google и Яндекс;
- работать с SEO и понимать общие принципы работы поисковых систем;
- определять присутствие компании в соцсетях;
- использовать инструменты: Яндекс.Директ, Яндекс.Метрика, Google Ads, Google Analytics, NetPeak Softwear, SpyWords, Tilda;
- и другим важным и практически применимым вещам.
Формат обучения — вебинары и видеоуроки.
Длительность — 4 месяца.
Уровень — с нуля.
На курсе вас ждет встреча с 15 специалистами в своей области — экспертами в области digital-технологий, которые всегда находятся в поиске новых сотрудников или подрядчиков. Наши преподаватели помогут разобрать ваш проект досконально.
Лучшие ученики получат рекомендательное письмо от авторов курса.
Студенты, успешно прошедшие обучение, получат диплом на выбор от школы MAED или международный диплом NIMA
Поехали?
💛 Понравилась статья? Расскажите о ней в соцсетях
Редактор — Сергей Болисов
Хотите получить предложение от нас?
Начать сотрудничествоСмотрите также
(Visited 2 115 times, 1 visits today)
Loading…Как создать Landing Page на основе шаблона
Приветствую вас на сайте Impuls-Web!
В данной статье я расскажу вам, как можно бесплатно создать Landing Page на основе уже готового шаблона.
В прошлой статье я описывала основные способы создания Landing Page, и требования к структуре данной странице. Если Вам интересна эта тема – вот ссылка
Итак, если вы решили создать себе Landing Page, но не хотите тратить на это большое количество времени и денег, то можно воспользоваться шаблонами, которые можно найти в интернете. Данные шаблоны могут быть платными или бесплатными.
Я подготовила для вас набор шаблонов, который вы можете скачать, перейдя по этой ссылке:
Сейчас я вам покажу, что они из себя представляют и как их редактировать и настраивать.
Навигация по статье:
В данном архиве будет несколько различных шаблонов Landing Page по разным тематикам. Некоторые из них более сложные в плане дизайна, некоторые более простые, у некоторых более четко выражено тематическая направленность, а некоторые более нейтральные, и их можно применять для любой ниши.
Итак, после того как вы скачали и разархивировали данный архив у вас будет внутри этого архива две папки.
В первой папке будут находится набор Landing Page без визуального редактора, а во второй папке набор Landing Page с визуальным редактором.
В случае с первым набором, папки с лендингами называются в соответствии с тематикой, к которой они относятся.
Для просмотра определённой лендинг пейдж нужно открыть файл index.html.
Как внести изменения в шаблон?
Для того, что бы изменить в данном шаблоне какие-то контактные данные, либо какой-то фрагмент текста вам понадобится программа для редактирования кода.
Конечно, вы можете открыть данную страницу при помощи стандартной программы блокнот, но в этом случае у вас получится вот такой ужасный код, который очень неудобно редактировать.
Поэтому, для работы с подобными шаблонами я рекомендую вам скачать программу Notepad++ или какой-то его аналог и работать через нее.
Перетаскиваем в неё файл index.html и переходим к редактированию.
При редактировании страницы через Notepad++ здесь сразу расставляются переносы строк и есть подсветка кода. То есть, все тексты, которые вы можете править у вас выделены черным цветом.
Первое, что мы здесь видим – это тег title. Данные, которые здесь написаны будут находиться в заголовке страницы, отображаться на вкладке браузера и считываться поисковыми системами. Поэтому, очень желательно вписать здесь какое-то ключевое слово связанное с тематикой вашей лендинг пейдж.
Чтобы не пересматривать код для редактирования или замены определённых частей страницы воспользуемся поиском:
- 1.В браузере копируем фрагмент текста, который нужно изменить
- 2.Переходим в Notepad++ и нажимаем сочетание клавиш CTRL+F
- 3.Вставляем скопированный текст в строку поиска и нажимаем кнопку «Искать далее».
После того как вы нашли нужный фрагмент текста – меняете его на свой.
Обращайте внимание на теги абзацев. Вот этот тег < p> – это тег абзаца. Если вы хотите, что бы ваш текст был разбит на абзацы, то желательно, что бы вы свои абзацы тоже вставляли внутрь таких тегов.
Например, так:
<p>Это абзац на моей лендинг пейдж =)</p>
<p>Это абзац на моей лендинг пейдж =)</p> |
После внесения всех правок страницу нужно обязательно сохранить.
Как видите, править такую страницу можно, но это не очень удобно.
Как заменить изображения?
Что же касается замены картинок, то здесь будет по-сложнее. Первое что вы можете сделать – это подобрать подходящие картинки, затем загрузить их в папку images, которая находится внутри папки с данным лендингом, а затем, уже в коде смотреть где выводится эта картинка и менять здесь название на свое.
Но можно сделать проще. Например, вам не нравится определённая картинка.
- 1.Открываете папку images, находите здесь эту картинку.
- 2.Перетаскиваете ее в фотошоп или любой другой редактор изображений.
- 3.Здесь меняете ее на что угодно. То есть, вам главное что бы сохранилось название и размер. Например, вставляете другую иконку или меняете цвет.
- 4.Затем, просто сохраняете картинку.
Либо же, просто отдельно создаете картинку с таким же названием, с таким же размером, а потом копируете ее в эту папку, и когда спросят «Заменить это изображение?» вы выбираете «Да, заменить!». Таким образом, вы заменяете картинки, которые вам не подходят.
Так же, обращаю ваше внимание на то, что обязательным атрибутом лендинга является форма отправки контактных данных вашего потенциального клиента и вам необходимо внести определенные настройки, что бы все сообщения отправлялись на ваш e-mail.
Настройка отправки сообщений
Возвращаемся в папку с лендингом и находим здесь файл sendmail.php, либо в некоторых лендингах он может называться index.php или mailer.php. В общем, файл, который находится в корне вашего лендинга, и имеет расширение php. Вам необходимо будет этот файл, так же открыть либо в каком-то текстовом редакторе, либо в Notepad++ или его аналоге.
И здесь, как вы можете видеть написан комментарий «впишите сюда свою электронную почту». Вписываете вместо указанного e-mail адреса вписываете адрес своей электронной почты, и затем сохраняете этот файл.
После того, как вы внесли все изменения можно смело брать и выгружать данный лендинг к себе на хостинг.
Выгружаем лендинг на хостинг
Для этого вы можете воспользоваться либо файловым менеджером на вашем хостинге. Либо, если у вас файлового менеджера на хостинге нет, то вам нужно будет подключиться к вашему хостингу по FTP при помощи какого-нибудь FTP-клиента.
Для загрузки файлов делаем следующие шаги:
- 1.Настраиваем FTP подключение и подключаемся к сайту
- 2.В левой части окна открываем папку с лендинг пейдж, которую вы только что редактировали
- 3.В правой часть окна FTP клиента открываем папку с доменом
- 4.Выделяем все файлы в левой части окна и перетаскиваем в правую
После того как все файлы выгрузятся, данный лендинг будет уже доступен в интернете.
Видеоинструкция
Как видите, всё довольно просто, но свои заморочки всё же есть. В одной из следующих статей я покажу как редактировать и настраивать шаблоны лендинг пейдж с встроенным визуальным редактором. Там всё намного проще и интереснее. Так что подписывайтесь на новости блога, а мне пора идти дуть шары и наряжать комнату. Сегодня у моего сына день рождения, ему исполняется 4 года и мы хотим сделать ему сюрприз.
Так что пока он спит пойдём украшательствами заниматься 🙂
Хорошего вам дня!
С уважением Юлия Гусарь
Как создать эффективную целевую страницу за 8 простых шагов
Если вы хотите привлечь больше потенциальных клиентов, получить больше подписок по электронной почте или увеличить продажи, вам нужно создать целевую страницу, отличную от вашего веб-сайта.
Создать целевую страницу не так сложно, как кажется. Вам нужно будет узнать об основных функциях и выполнить несколько относительно простых шагов.
Анатомия целевой страницы
Каждая целевая страница имеет разные цели, аудиторию и контент.Но все успешные целевые страницы имеют схожие черты.
Целевая страница должна включать следующее:
- Ограниченная навигация: Посетитель должен иметь возможность заполнить форму и больше ничего.
- Целевое содержание: Выделите предложение, а не свою компанию. Направляйте содержание, тон и язык на целевую аудиторию.
- Привлекательные изображения: Людей привлекают яркие изображения, особенно когда они демонстрируют ваш продукт или услугу в действии.
- Ссылки для обмена: Разрешить посетителям делиться ссылкой на целевую страницу по электронной почте и в социальных сетях.
- Ценное предложение: Включите предложение или ценный контент, который заставляет посетителя указать свой адрес электронной почты.
- Социальное доказательство: Отзывы, цитаты и видео от довольных клиентов имеют большое значение для подтверждения ваших требований.
- Очистить CTA: Четко сформулируйте, что вы хотите, чтобы посетитель сделал и что будет дальше.
- Простая форма: Сделайте форму как можно проще для заполнения.
Варианты создания целевой страницы
Существуют разные способы создания целевой страницы, но они, как правило, делятся на две категории:
- Кодирование (т. Е. Создание целевой страницы с нуля)
- Конструкторы и шаблоны посадочных страниц
Хотя кодирование имеет свои преимущества, оно отнимает много времени, требует значительного опыта, затрудняет тестирование целевых страниц и не всегда подходит для мобильных устройств.
Мы стремимся облегчить жизнь, поэтому сосредоточимся на использовании конструкторов целевых страниц и шаблонов.
Самые популярные конструкторы целевых страниц
Существуют десятки конструкторов целевых страниц. Любой из них поможет вам создать целевую страницу.
Далее следуют три хорошо известных конструктора целевых страниц:
Конструктор бесплатных посадочных страниц HubSpot
HubSpot известен своими инструментами продаж, маркетинга и обслуживания. В его пакет Marketing Hub входит бесплатный конструктор целевых страниц.
Вы можете подключить Конструктор целевых страниц к CRM HubSpot и другим инструментам. Персонализируйте целевую страницу на основе имени посетителя, его местоположения, отрасли и других данных.
Выберите один из существующих бесплатных шаблонов или купите один в HubSpot Marketplace. Шаблоны оптимизированы для мобильных устройств, и вы можете A / B протестировать каждый элемент.
Instapage Landing Page Builder
Многие компании используют Instapage для быстрого создания целевых страниц. Он предлагает более 200 настраиваемых шаблонов, разделенных на категории в зависимости от конкретных целей (например,g., регистрации на вебинары, лидогенерация).
Вы можете настраивать шаблоны Instapage с помощью функции Instablock, чтобы перетаскивать блоки для визуального редактирования целевой страницы. Вы также можете связать целевые страницы с различными вариантами рекламы (например, с рекламой Google, Facebook).
ClickFunnels
ClickFunnels предоставляет готовое решение для целевой страницы, которое идеально подходит для новых предприятий. Его главная отличительная особенность в том, что им легко пользоваться.
ClickFunnels предлагает несколько готовых воронок (например.g., страницы подписки, страницы биллинга). Он фокусируется на помощи пользователям в привлечении потенциальных клиентов, увеличении продаж и проведении онлайн-мероприятий. Он также поддерживает A / B-тестирование.
Восемь шагов для создания целевой страницы
Каждый конструктор целевой страницы имеет свой собственный процесс создания целевой страницы. Следующие шаги помогут вам создать эффективную целевую страницу независимо от того, какой инструмент вы используете.
Обязательно следуйте лучшим практикам при создании целевой страницы.
Шаг 1. Установите конкретную цель
Не создавайте ничего, включая целевую страницу, без предварительной установки цели.Это поможет вам выбрать правильный шаблон, функции, копию, CTA и многое другое.
Спросите себя: Вы хотите:
- Привлечь больше потенциальных клиентов?
- Увеличить продажи?
- Получить больше конверсий?
- Расширить свой информационный бюллетень или список рассылки?
Шаг 2. Выберите шаблон целевой страницы
Выберите шаблон целевой страницы с функциями, необходимыми для достижения вашей цели. Большинство разработчиков целевых страниц предлагают разные шаблоны для разных целей.
Шаблон поможет вам визуализировать, как будет выглядеть целевая страница, когда она будет завершена, определить, где будут располагаться элементы, и поможет вам создавать копии и изображения.
Не беспокойтесь о неправильном выборе шаблона. Вы можете выбрать другой шаблон или настроить тот, который вы выбрали.
Шаг 3. Запишите копию
Копия (обычно) идет до дизайна. Красивая целевая страница может привлекать посетителей, но слова делают свое дело.
Сделайте копию простой, не теряя цели.Используйте короткие предложения и избегайте ненужных слов (например, наречий, жаргона).
Сосредоточьтесь на преимуществах перед функциями. Посетители хотят знать, как вы решите их проблемы или улучшите их жизнь. Пишите с точки зрения пользователя.
Пишите заголовки, которые сразу привлекают внимание читателя. Убедитесь, что они ясны, кратки и привязаны к цели страницы.
Шаг 4. Создайте CTA
Призыв к действию (CTA) имеет решающее значение для успеха вашей целевой страницы.Он сообщает посетителям, что вы от них хотите.
Сосредоточьтесь на единственном действии. CTA должен побуждать посетителя сделать что-то одно, когда он находится на странице. Избегайте ссылок (выходов) на другие страницы.
Будьте конкретны в том, что вы хотите, чтобы посетитель сделал. Они должны знать, чего ожидать, когда укажут свой адрес электронной почты и нажмут кнопку. Например, «Начать пробную версию бесплатного программного обеспечения» лучше, чем «Узнать больше».
Упростите CTA, чтобы максимально упростить его заполнение.Как правило, более короткие формы имеют более высокий коэффициент конверсии, чем более длинные формы — формы, содержащие только адрес электронной почты, работают лучше всего. Согласно QuickSprout, контактные формы с тремя или менее полями имеют минимальный коэффициент конверсии 25%.
Примечание. На длину формы влияют несколько факторов (например, цель целевой страницы, потребности в продажах и маркетинге, объем необходимой информации). Удалите поля, которые вам не нужны в качестве первой точки входа — запросите дополнительную информацию после регистрации.Разбивайте более длинные формы на ступеньки, чтобы они казались короче.
Шаг 5. Выберите правильные изображения
Копирование работает лучше всего в сочетании с изображениями, которые совпадают с копией и приподнимают ее.
Будьте внимательны к изображениям, которые вы выбираете для поддержки своей копии. Они должны показывать преимущества, которые вы описываете. Это могут быть снимки продуктов или изображения, которые визуально рассказывают историю.
Вставьте привлекательное «изображение-герой» в центр целевой страницы. Он должен позволить посетителям визуализировать предложение и его преимущества.
Включите фотографии людей, использующих продукт или получающих выгоду от вашего предложения. Это поможет вызвать более эмоциональный отклик у посетителей, что повысит конверсию.
Шаг 6. Дизайн целевой страницы
У вас есть шаблон, вы написали копию и выбрали изображения. Теперь выберите дизайн, чтобы создать отличную целевую страницу.
Хотя вы можете использовать готовый макет, лучше всего использовать шаблон в качестве отправной точки. Сделайте целевую страницу своей собственной и настройте внешний вид страницы по своему вкусу.
Перемещайте блоки копий и изображений в разные позиции. Используйте шаблон, чтобы определить, как он будет выглядеть лучше всего. Отрегулируйте размеры и положение различных блоков, чтобы создать достаточно белого пространства, чтобы страница была привлекательной и разборчивой.
Добавить, удалить или обрезать копию в зависимости от макета. Отрегулируйте размеры и расположение изображения, чтобы они соответствовали.
Подберите целевую страницу к вашему бренду. Вставьте логотип своей компании и используйте шрифты и цвета, соответствующие стилю вашего бренда.
При разработке целевой страницы помните о передовых методах и ищите отличные примеры существующих целевых страниц для вдохновения.
Шаг 7. Настройка подключений
Когда вы будете удовлетворены внешним видом, пора настроить необходимые подключения к вашей целевой странице.
Подключите целевую страницу к своему домену. Затем выберите имя и URL-адрес.
Установите отслеживание и аналитику (например, Google Analytics) для встроенных скриптов. Это поможет вам увидеть, кто заходит на вашу страницу и что они делают, когда попадают на нее.
Интегрируйте целевую страницу с вашей CRM и маркетинговыми инструментами.Вам нужно привлекать потенциальных клиентов как можно быстрее и эффективнее.
Шаг 8. Просмотрите и опубликуйте
Сделайте один или два круга вокруг целевой страницы перед публикацией. Убедитесь, что он готов к общедоступному использованию.
- Протестируйте все функциональные элементы, такие как CTA и страница «Спасибо». Убедитесь, что все работает как надо, включая отслеживание и аналитику.
- Внимательно прочтите копию, чтобы исправить орфографические, грамматические и точные ошибки. Ошибки такого типа могут произвести негативное впечатление.
- Просмотрите элементы дизайна и изображения. Убедитесь, что вы используете правильные изображения и они актуальны.
- Оптимизируйте целевую страницу, включая ключевые слова, метатеги, заголовки и так далее. Поисковая оптимизация поможет людям найти вашу целевую страницу.
После завершения проверки нажмите «Опубликовать».
Привлечение трафика на вашу целевую страницу
Иметь оптимизированную для SEO, красиво написанную и хорошо продуманную целевую страницу — это здорово. Но это бессмысленно, если не привлекаешь посетителей.
Вы должны привлечь трафик на свою целевую страницу, чтобы реализовать ее преимущества. Хотя есть много способов сделать это, следующие методы эффективны.
1. Электронный маркетинг
Начните со списка рассылки и подписчиков по электронной почте. Они предоставили свои адреса электронной почты. Теперь переведите их на целевую страницу.
Рассылка рекламных материалов по электронной почте со ссылками на целевую страницу. Настройте сообщение для разных сегментов в списке рассылки.
Превратите подписчиков электронной почты в промоутеров.Поощряйте их посетить целевую страницу и поделиться ссылками с другими, кому это будет интересно.
2. Реклама с оплатой за клик (PPC)
Google Реклама эффективно привлекает посетителей на целевые страницы. Они занимают первые места в результатах поиска.
Покупайте объявления PPC на основе ключевых слов, которые соответствуют заголовку на вашей целевой странице. Это снизит стоимость клика и увеличит количество заинтересованных посетителей.
3. Реклама в социальных сетях
Ваша аудитория находится в социальных сетях.Размещайте рекламу там, где ваши идеальные клиенты проводят больше всего времени, будь то LinkedIn, Twitter, Instagram или Facebook.
Используйте детальный таргетинг, похожие рекламные кампании и другие маркетинговые стратегии для таргетинга на определенную аудиторию с помощью рекламы в социальных сетях. Убедитесь, что направили их на правильные целевые страницы.
Пересмотр вашей целевой страницы
Даже когда целевая страница готова, на самом деле это никогда не делается. Его всегда можно улучшить.
Важно понимать, насколько хорошо целевая страница привлекает и конвертирует потенциальных клиентов.Вы хотите знать, почему коэффициент конверсии увеличивается или уменьшается, а также что вам нужно делать.
Регулярно тестируйте и оптимизируйте свою целевую страницу. Узнайте, что работает, а что нет, а затем внесите изменения, чтобы привлечь больше потенциальных клиентов и увеличить конверсию.
Вы уже проделали тяжелую работу по созданию целевой страницы. Сделайте копию страницы, измените некоторые элементы, опубликуйте ее и измерьте различия в трафике и конверсиях.
Напишите новый заголовок. Измените изображение героя и другие изображения.Перепишите один абзац. Попробуйте новый призыв к действию. Все протестировать и измерить.
Опубликуйте наиболее эффективные целевые страницы и повторите процесс еще раз.
Что дальше
Вы узнали все шаги, необходимые для создания целевой страницы. Вы на правильном пути к привлечению новых потенциальных клиентов и клиентов в свой бизнес.
Обязательно следуйте передовым методам, чтобы улучшить свои целевые страницы и повысить коэффициент конверсии. А если вас не интересуют дизайнерские идеи, посмотрите примеры отличных целевых страниц для вдохновения.
Как создать целевую страницу, которая практически печатает деньги
Когда я начал свой первый бизнес еще в колледже, онлайн-маркетинг казался черной магией вуду.
Это было слишком хорошо, чтобы быть правдой.
Но… Завтра AutoGrow исполняется 10 лет 🎉🥂.
Я начал с почти 0 долларов на банковском счете и развил бизнес до уровня, при котором мы получили более 25 миллионов долларов дохода для наших клиентов.
Мы сэкономили им более 80 000 часов работы, а также получили сотни тысяч доходов в год (рост на 500% по сравнению с год назад, когда мы перезапустили нашу услугу «Сделано для вас»).
Это десятилетие упорной работы над развитием компании показало мне, что действительно НИКАКОГО волшебства не связано с успехом в маркетинге.
Я знаю, что это не то, что вы хотите услышать, вы хотите знать « секрет », но это ошибка, которую я сам слишком долго делал для FAR: искал какую-то «серебряную пулю».
Вот настоящий секрет, который я открыл:
- Найдите то, что работает, путем тестирования и изучения опыта других успешных компаний — затем промойте и повторите, малыш 😎 (и каждый раз становитесь немного лучше)
С учетом всего сказанного, сегодня я поделюсь с вами некоторыми из самых мудрых советов и тактик, которые помогли AutoGrow привлечь на больше потенциальных клиентов и продаж с целевыми страницами с высокой конверсией .
Если вы хотите привлечь больше потенциальных клиентов и практически печатать деньги на своем веб-сайте, это руководство покажет вам, как это сделать.
В этой статье я покажу вам…
- Как создать целевую страницу с высокой конверсией , которая не только увеличивает ваш коэффициент конверсии, но и накапливает деньги и приводит.
- Лучшие 15 советов, которые убедят потенциальных покупателей купить ваши товары или услуги.
- Plus, подробное видео, которое расскажет вам больше о том, «почему» и «как» привлечь больше потенциальных клиентов и увеличить продажи с помощью целевых страниц.
Давайте выложим карты на стол и приступим к созданию целевой страницы с высокой конверсией, о которой вы всегда мечтали.
В спешке? Хотите загрузить эту статью в формате PDF, чтобы потом можно было легко изменить ее? Щелкните здесь, чтобы загрузить эту статью в виде руководства в формате PDF.
Какой должна быть цель ваших целевых страниц?… Сделать продажу? Или привлечь потенциальных клиентов?Главная цель любой целевой страницы — повысить конверсию.
В конечном итоге вы хотите, чтобы люди, попавшие на эту страницу, завершили действие.
И, как правило, это действие сильно зависит от целевой страницы и вашей конкретной маркетинговой кампании.
Согласно Wordstream, например, почти каждый второй маркетолог создает новую целевую страницу для каждой своей маркетинговой кампании.
Однако только 1 из 5 маркетологов действительно доволен своими показателями конверсии.
В конце концов, большинство веб-сайтов в среднем конвертируют около 2.35% отчетов Wordstream. При этом 10% компаний на самом деле видят в 3-5 раз более высокий коэффициент конверсии.
Источник
И часть этого успеха сводится к тому, что определяет цель вашей целевой страницы.
Какова цель вашей страницы? Что вы хотите, чтобы люди делали после того, как прочитали ваш контент?
И в большинстве случаев ответ сводится к 2 сценариям, в частности…
Сценарий № 1. Если вы хотите привлечь больше потенциальных клиентовПервый сценарий — это когда вы хотите привлечь потенциальных клиентов для связи с вашей компанией.
Это особенно актуально для предприятий сферы услуг.
Во многих случаях целевые страницы этих компаний предназначены для того, чтобы помочь ответить на вопросы, преодолеть возражения при покупке и, по сути, убедить потенциального клиента в том, что в ваши услуги стоит инвестировать.
Затем, когда это будет выполнено, все, что останется сделать, это показать им свою контактную информацию.
Исследование Hubspot показало, что приоритет №1 для маркетологов на самом деле создает потенциальных клиентов.Имеет смысл, правда?
Следует помнить, что не все отрасли могут привлекать потенциальных клиентов с одинаковой скоростью. Поэтому обязательно проведите небольшое исследование средней скорости привлечения потенциальных клиентов в вашей отрасли.
Вот график из Smart Insights, который поможет вам лучше понять различия между отраслями.
Источник
При этом целевые страницы, предназначенные для привлечения потенциальных клиентов, обычно более практичны, когда посетители приходят из следующих контекстов:
- Платный трафик как Google
- Органический трафик, при котором люди переходят на ваш сайт, чтобы получить образование
- Разные источники, похожие на ваш блог
Хотя привлекать потенциальных клиентов — это здорово, не всем компаниям нужно будет звонить по телефону или проходить длительный обмен с потенциальными клиентами, чтобы преобразовать потенциальных клиентов в клиентов.
Так что не должно вызывать особого удивления тот факт, что сценарий № 2 для целевых страниц заключается в том, чтобы просто стимулировать рост продаж .
Итак, этот тип целевой страницы действительно хорош в нескольких различных ситуациях.
1. Ваша цена на ваш продукт особенно низка и ее легко объяснить (что означает, что вам не нужно прилагать столько усилий для ее описания и рассмотрения возражений).
2. Сюда вы направляете потенциальных клиентов, которых вы взращивали с помощью искусно созданной воронки продаж по электронной почте (таким образом, делая этих клиентов квалифицированными, информированными о вашем продукте или услуге и готовыми к покупке).
Имеет ли значение длина?Прежде чем мы перейдем к 15 советам по созданию целевой страницы с высокой конверсией или улучшению уже имеющихся, давайте поговорим об одном общем вопросе, который я все время слышу в маркетинговых кругах …
Имеет ли значение длина целевой страницы?
Хороший вопрос.
И, как и на большинство хороших вопросов в жизни, ответ не черно-белый. Вместо этого здесь немного больше нюансов.
Например, тематическое исследование из нашего Proven Sales Conversion Pack показало, что более длинная целевая страница на самом деле увеличивает потенциал привлечения потенциальных клиентов на более чем на 220% .
Вот как выглядела страница центра восстановления Sierra Tucson раньше…
А вот как он выглядел после…
И, как я уже сказал, добавление еще копии на их страницу увеличило конверсию на 220% !
При этом есть также другие случаи , когда более короткая копия фактически превосходит более длинную копию.
Например, компания Crazy Egg по оптимизации веб-сайтов проверила коэффициент конверсии своего собственного веб-сайта на четырех страницах различной длины.Вот краткий обзор 4 образцов, чтобы вы могли понять, сколько времени было у каждого из них.
Источник
Итак, согласно первому вышеупомянутому тематическому исследованию, вы ожидаете, что победителем по коэффициенту конверсии окажется вариант 1 слева, справа?
Неправильно!
Победителем с впечатляющим увеличением коэффициента конверсии на 13% по сравнению с контролем оказался вариант 4 в крайнем правом углу .
Удивлен?
Так было Безумное Яйцо.
Оказывается, оптимальная длина целевой страницы вашего продукта или услуги, скорее всего, сводится к одному …
Требуемые инвестиции .
Чем больше требуется для покупки вашего продукта или услуги, тем выше риск. И чем выше риск, тем больше потенциального клиента нужно будет убедить в том, что они получают высокую отдачу от своих инвестиций.
Так, если, например, вы продаете брелок Hello Kitty на Amazon за 8 долларов.99 нравится это…
Источник
… тогда вам, вероятно, не понадобятся разделы «Часто задаваемые вопросы», «Как это работает», «Преимущества и возможности» или «Привязка цены».
Почему? Потому что это всего 9 баксов!
Но если, например, вы продаете дорогостоящий товар, такой как Tesla за 40 тысяч долларов, программа обучения стоимостью более 1500 долларов или сервис корпоративного программного обеспечения за 50–200 тысяч долларов, вам придется потратить дополнительное время на решение возражения ваших потенциальных клиентов относительно покупки и покажите им, как работает ваш продукт.
Чем на большее количество вопросов вы ответите заранее, тем легче будет продавать их по вашему продукту или услугам.
Хорошо, теперь, когда мы рассмотрели вопрос о длине, давайте перейдем к 15 советам по созданию целевой страницы с высокой конверсией.
15 советов по созданию (и улучшению существующих) высококонвертируемых целевых страницГотовы?
Совет № 1. Обращайтесь к своей аудитории и избегайте использования корпоративного языка (они не любят формальности!)Если есть что-то общее для всех великих маркетологов, это способность говорить (или писать) таким образом, чтобы это находило отклик у их целевой аудитории.
И если вы хотите, чтобы ваша аудитория понимала ваши слова и чувствовала необходимость действовать, вы должны говорить прямо.
Забудьте о жаргоне. Забудьте о причудливом жаргоне. И забудьте о чересчур цветистых словах.
Вместо этого переходите к делу.
Совершенно ясно, что вы пытаетесь сказать.
И продолжай до конца страницы.
Согласно исследованию Business Insider, то, что вы говорите аудитории, не так важно, как то, как вы это говорите.Исследования показывают, что эффективные презентации — это 38% вашего голоса, 55% невербального общения и только 7% вашего контента.
Теперь, когда дело доходит до ваших целевых страниц, урок состоит в том, что есть способы, которыми вы можете общаться со своими потенциальными клиентами, которые выходят за рамки простых неопровержимых фактов.
Например, использование слова «вы» — это один из способов по-настоящему привлечь внимание вашей аудитории.
И это одна из техник, которые мы используем в AutoGrow все время .
Например, посмотрите этот раздел на одной из целевых страниц нашего клиента.Видите, сколько раз «вы» упоминается только в этой небольшой группе текста?
Все эти «вы» действуют как способы привлечь потенциальных клиентов и заставить их сосредоточить свое внимание на том, что на странице.
Совет №2. Напишите четкий заголовок (не пытайтесь звучать слишком модно)Теперь, когда вы находитесь в нужном месте, чтобы четко говорить со своей аудиторией, пришло время привлечь их внимание с помощью хорошо продуманного заголовка.
С заголовками нужно сопротивляться желанию быть излишне умным.
Знаю, знаю: каждый хочет придумать какой-нибудь каламбур, какие-нибудь гениальные образы, какое-нибудь умопомрачительное словосочетание, когда дело доходит до их заголовков.
Но правда в том, что чем яснее вы можете быть, тем лучше. И в большинстве случаев это означает, что у вас нет места для ума.
Фактически, выбор ясности перед умом лежит в основе Закона Ясности из 11 законов физики воронки продаж.
Один из способов повысить ясность — четко указать, что представляет собой ваш продукт, а затем перечислить преимущества его использования.
Посмотрите, как мы сделали это для одного из наших клиентов, ниже.
Существует множество других методов копирайтинга, которые вы можете использовать, чтобы сделать заголовки лучше, чем когда-либо.
Но без сомнения, очень важен.
Совет № 3. Напишите подзаголовок, который поддерживает заголовокА теперь пора уточнить и поддержать заголовок солидным и ценным подзаголовком.
Теперь с субтитрами у вас не так много места для работы.
Так что попробуйте дополнить свой копирайтинг 11 законами физики воронки продаж здесь.
Потому что с таким маленьким пространством вам нужно быть , особенно , чтобы убедиться, что ваша копия повлияет на ваши субтитры.
Если вы еще не сделали этого в заголовке, это отличное место для введения названия вашего продукта или услуги.
Это также хорошее место, чтобы выделить конкретные преимущества, которые вы предоставляете клиентам.
Посмотрите пример выполнения обоих в подзаголовке, который мы создали для клиента ниже.
Совет №4. Добавьте неотразимые и интерактивные кнопки с призывом к действию, которые люди не могут игнорироватьОсвоение кнопки CTA — ключ к превращению посетителей в потенциальных клиентов.
Согласно Wordstream, более 90% посетителей, которые сообщили, что читают заголовки, также читают текст с призывом к действию.
И все же, согласно исследованию школы интернет-маркетинга DSIM, поразительные 70% B2B-сайтов малого бизнеса на самом деле полностью лишены призыва к действию.
Итак, если вы уже знаете что-нибудь о маркетинге, вероятно, чем более персонализированным вы сможете добиться своих потенциальных клиентов, тем лучше. И тот же принцип применим и к вашим кнопкам CTA.
Согласно Hubspot, персонализированные призывы к действию фактически конвертируют на 202% лучше .
Так что постарайтесь максимально персонализировать свои призывы к действию.
Один из способов сделать это аналогичен использованию языка «вы», как мы обсуждали выше.
Но вместо того, чтобы использовать свою копию, чтобы взять голос , обращаясь к потенциальным клиентам, попробуйте говорить с точки зрения потенциального клиента такими словами, как «мой.”
Позвольте мне показать вам, что я имею в виду.
Видите это?
Перемещая взгляд на посетителей и давая им действие, ориентированное на на , вы можете помочь увеличить конверсию.
Совет № 5: Добавьте социальное доказательство любого рода (будь жадным)Социальное доказательство — один из лучших инструментов в арсенале маркетолога.
Потому что люди такие социальные животные. Понимание того, что другим людям действительно нравится продукт, может быть чрезвычайно важным фактором при принятии решения о покупке.
Например, исследование Nielsen показало, что 92% людей доверяют рекомендации своих знакомых.
Источник
Impactbnd также обнаружил, что отзывы могут фактически увеличить конверсию на страницах продаж на 34%.
Исследование, проведенное Cxl, обнаружило, что звезды в отзывах в результатах поисковых систем значительно повышают рейтинг кликов на целых 35%.
А как выглядит социальное доказательство на вашей странице продаж?
Хорошо, я рад, что вы спросили.Потому что вот несколько примеров.
Отзывы…
Логотипы прошлых клиентов…
Статистика тщеславия, аккредитации и награды…
В конце концов, все, что вы можете показать, чтобы доказать, что других человек вам доверяют, вы можете использовать, чтобы убедить своих потенциальных клиентов нажать кнопку «Купить сейчас».
Совет № 6: Введите и взволновайте болевые точки (положите на это палец)Вы создали привлекательный заголовок и подзаголовок, добавили кнопку CTA и вставили небольшое социальное доказательство.Пришло время погрузиться в проблему, с которой сталкиваются потенциальные клиенты без ваших продуктов или услуг.
На этом этапе вы захотите заверить своего потенциального клиента, что на самом деле понимаете, через что он проходит, описывая, что он чувствует.
Если, например, они устали от необходимости тратить часы и часы каждую неделю на управление своей разношерстной группой маркетологов-фрилансеров. Или сами занимайтесь маркетингом своего бизнеса, обозначьте эту проблему с помощью куска текста.
Вам даже не нужно скрывать это.
Фактически, мы даже вызываем раздел «проблема» на нашей домашней странице.
После того, как вы определили проблему, с которой они сталкиваются, сделайте несколько строк текста, чтобы действительно взволновать проблему.
Конечно, не будь жестоким или чрезмерным. Но возьмите те болевые точки, которые вы упомянули, и действительно заставьте их приземлиться вместе с вашими посетителями. Один из способов сделать это — показать им, насколько плохо могут быть дела, если их проблема не решена.
Например, посмотрите последние 2 предложения на одной из страниц продаж нашего клиента.
И для тех, кто потратил годы и десятилетия своей жизни, откладывая деньги на более комфортное будущее…
Нет ничего более разрушительного, чем 20-30 лет сбережений, которые пошли насмарку за считанные недели.
Видите, как идея о потере сбережений на десятилетие действительно может развеять страхи ваших посетителей?
Используйте это!
Совет № 7: Добавьте заявление о решении — решение, которое нужно вашей аудитории!Теперь, когда ваши читатели достаточно взволнованы своей проблемой, пора представить решение: ваш продукт или услугу!
Приложите дополнительные усилия, чтобы быть ясным здесь — просто укажите название вашего продукта или услуги, а затем добавьте небольшой фрагмент текста , подчеркивающий ваши преимущества.
Вот как мы это делаем на нашей домашней странице…
И вот как мы это сделали на страницах некоторых наших клиентов…
Не нужно здесь сходить с ума от творчества. Опять же, ясность каждый раз превосходит ум.
Совет № 8: Объясните, почему ваши продукты или услуги соответствуют вашим потребностям (включая преимущества)Теперь, когда вы представили свое решение, пора объяснить, почему ваш продукт или услуга является ответом на проблемы ваших потенциальных клиентов.
Теперь этот шаг фактически совмещен со следующим (объясните ваши функции), потому что они оба будут проходить в одних и тех же разделах.
Но важный вывод заключается в том, что вы захотите представить особенности своего бизнеса, сначала указав на преимущества , которые они предоставляют.
Это потому, что на фундаментальном уровне люди очень заинтересованы в себе.
Как это поможет мне ?
Что я собираюсь из этого получить?
Как это поможет мне достичь моих целей ?
Итак, в этом разделе представьте свои функции, подчеркнув, как они помогают потенциальному клиенту.
Вот несколько примеров того, как это сделать на нашей домашней странице.
Посмотрите, как каждый из них начинает, указав точную выгоду для потенциального клиента, которую предлагает наша услуга?
Совет № 9: Покажите (и объясните) особенности ваших продуктов или услугКоснувшись преимуществ вашей службы, вы также захотите показать, как каждая из ваших функций на самом деле обеспечивает эти преимущества.
Например, посмотрите, как мы позиционировали тот факт, что мобильные нотариусы нашего клиента обучены выявлять мошенничество.
Благодаря дополнительному обучению их клиенты могут отдыхать спокойно, зная, что они защищены от мошенничества и кражи личных данных.
Еще одна тактика, которую вы можете использовать в этом разделе, — это вставлять фрагменты социального доказательства между каждым преимуществом / функцией.
Мы даже делаем это на нашей домашней странице.
Уловка состоит в том, чтобы на самом деле связать это социальное доказательство с функцией или преимуществом, которое вы описываете.
Позвольте мне показать вам пример с нашей страницы.
Преимущество здесь состоит в том, что мы позволяем предприятиям экономить тысячи долларов на найме, одновременно предоставляя им услуги, необходимые для развития их бизнеса.
И ниже этой статьи мы включили отзыв от Келли Каммак, в котором она упоминает об удвоении своего дохода и о том, как мы помогли ей сэкономить ей «кучу времени».
Видите, как отзыв, который она дала на самом деле , поддерживает функции?
Так что, если у вас есть множество отзывов о ваших услугах, обязательно разместите их здесь, на странице ваших функций.
И если у вас не так много отзывов, как у , самое время научиться спрашивать своих клиентов о дополнительных отзывах.
Совет № 10: просто объясните, как работает ваш продукт или услуга (почти для чайников)Хорошо, ваш потенциальный клиент понимает свою проблему, знает о вашем решении и понимает суть ваших преимуществ и возможностей.
А теперь пора подробнее остановиться на деталях и показать, как на самом деле работает ваш продукт.
Есть несколько способов сделать это.
Во-первых, вы можете создать простое демонстрационное видео, которое даст вашим потенциальным клиентам краткое изложение.
Это хорошо задокументированный факт, что люди любят смотреть видео. Hubspot даже обнаружил, что колоссальные 58% посетителей хотят видеть больше видеоконтента от брендов.
Но если у вас нет демонстрационного видеоролика , вы можете вместо этого просто перечислить краткий обзор процесса в 3 простых шага.
Здесь тоже не нужно слишком сходить с ума по копии.Сделайте это просто, как в примерах ниже.
В конце концов, вы хотите дать общее представление о том, что с вами связано.
Но постарайтесь уменьшить количество шагов до 3. В противном случае у ваших посетителей может сложиться впечатление, что этот процесс слишком сложен для них.
Совет №11. Установите привязку цены (не позволяйте людям удивляться, сколько стоят ваши продукты)В то время как каждый совет в этом списке важен для создания целевой страницы с высокой конверсией, этот совет , в частности, тот, который вы действительно должны вбить себе в мозг…
Всегда создавайте на целевой странице раздел для привязки цены.
Для тех из вас, кто не знает, привязка цены — это особая тактика продажи копирайтинга или убеждения. Вы используете его, чтобы лучше передать ценность вашего продукта или услуги и / или сделать их более доступными, чтобы цена была более убедительной.
Вот как это работает на целевой странице.
Если вы продаете, скажем, наручники для людей, которые печатают весь день, вы можете позиционировать свой продукт как более доступный, чем другие наручники или , как лучший вариант по сравнению с проблемой, которую он предотвращает (синдром запястного канала ).
В любом случае вы обычно хотите указать, что стоит на больше, чем что-либо еще, потому что его гораздо легче измерить.
Давайте взглянем на страницу, которую мы разработали для дизайнера интерьеров, чтобы увидеть, как это работает.
Визуальное представление затрат, подобное приведенному выше графику, — отличный способ быстро и эффективно сообщить об экономии.
Так что, если вы можете, попробуйте также использовать графики или другие визуальные элементы в привязке цены.
Совет № 12. Включите раздел часто задаваемых вопросов, чтобы ответить на любые вопросыВажным, но часто упускаемым из виду элементом целевой страницы является раздел часто задаваемых вопросов.
Теперь, если все сделано правильно, этот раздел может стать мощным инструментом для привлечения посетителей к конверсии.
Уловка состоит в том, чтобы поставить себя на роль покупателя и спросить себя: «Каковы мои основные причины, по которым не покупает прямо сейчас?»
После этого создайте гипотетический вопрос, ответ на который действительно касается тех причин, которые вы придумали.
Вот пример отличного раздела часто задаваемых вопросов от нашего клиента по дизайну интерьера, который дает ответы на самые распространенные вопросы, которые возникают у клиентов перед тем, как обратиться за консультацией.
Видите ли, ваша задача как компании — максимально упростить процесс покупки для ваших клиентов. И если у ваших потенциальных клиентов есть какие-либо нерешенных вопроса о вашем продукте или услуге, эта неопределенность будет отражаться на стоимости вашего продукта.
Думайте об этом как о весах. Слева у вас есть ценность, которую передает ваша целевая страница. А справа — неуверенность посетителей в покупке. Чем больше вы сможете ответить на эту неопределенность, тем больше вы сможете удалить с правой стороны и сложить с левой.
Согласно исследованию Helpscout, три четверти онлайн-клиентов ожидают помощи в течение пяти минут.
А с хорошо продуманным разделом часто задаваемых вопросов вы можете ответить на эти вопросы прямо на целевой странице, не звоня по телефону.
Совет № 13: Включите изменение риска для спокойствия потенциальных клиентовНезависимо от того, насколько хорошо вы описываете свой продукт, насколько кратко вы описываете преимущества и насколько умело вы устраняете болевые точки своей аудитории, всегда будет колебаться перед покупкой.
Скептизм — это человеческая природа.
И как маркетолог или владелец бизнеса, чем больше вы успокаиваете своих потенциальных клиентов, тем больше у них шансов на покупку.
Вот где и возникает разворот риска.
Изменение риска — это, по сути, любая тактика, которую вы можете использовать, чтобы в основном перевернуть риск покупки вашего потенциального клиента на вы .
30-дневная гарантия, бесплатные консультации по телефону, недельная пробная версия, скидки и залог возврата денег — все это примеры обращения рисков.
И если вы собираетесь включить их в свою целевую страницу (а вы, , должны ), то вам нужно приложить усилия, чтобы этот раздел действительно выделялся.
Вот несколько примеров того, как мы включили устранение рисков в целевые страницы, созданные для клиентов.
Опять же, уловка здесь состоит в том, чтобы привлечь внимание к развороту риска. и снимают как можно больше риска с тарелки ваших посетителей.
Совет № 14: Добавьте формы согласия, чтобы попытаться получить контактную информацию людейНезависимо от того, является ли цель вашей целевой страницы стимулированием продаж или просто привлечением потенциальных клиентов, вы всегда, всегда, всегда спрашивайте у тех, кто совершает конверсию, их контактную информацию.
Частично это объясняется тем, что это побуждает ваших потенциальных клиентов проявлять больше приверженности, повышая вероятность того, что они выполнят, скажем, явку на ваш консультационный звонок.
Но в дополнение к этому, когда вы заполнили их контактную информацию, вы можете продолжить с ними связаться.Таким образом, вы сможете вырастить потенциальных клиентов и в конечном итоге превратить их в платящих клиентов.
Ознакомьтесь с нашим шаблоном окончательной воронки продаж (расширенный), чтобы увидеть все, что вы можете делать с потенциальными клиентами, чтобы поддерживать их интерес и даже увеличивать ценность каждого клиента.
Однако вы также захотите стратегически подходить к созданию форм подписки. И один из лучших способов сделать это — ограничить количество имеющихся у вас полей формы.
Исследование от Wordstream обнаружило следующую статистику о полях формы, чтобы дать вам лучшее представление о том, как создавать свои.
- Среднее количество полей формы — 11.
- Уменьшение количества полей формы с 11 до 4 может привести к увеличению конверсии на 120%.
- Оптимальное количество полей формы для наибольшего количества конверсий с ваших целевых страниц — 3.
И последнее, но не менее важное: убедитесь, что ваша целевая страница оптимизирована для мобильных устройств!
Прошли времена катания на коньках с надежными веб-сайтами, которые просто не работают на мобильных устройствах.
Почему? Дело в том, что человек из на самом деле просматривает ваш контент на мобильных устройствах.
Еще в 2012 году Adobe обнаружила, что трафик с мобильных устройств за последний год увеличился вдвое, но менее половины респондентов заявили, что у них есть сайт или мобильное приложение, оптимизированное для мобильных устройств.
Но перенесемся в сегодняшний день, и вы увидите такую статистику:
- По данным Invespcro, мобильная коммерция составляет почти 1 из 4 продаж через Интернет.
- По данным Statista, в 2018 году 52,2% всего мирового трафика веб-сайтов приходилось на мобильные телефоны.
- По данным Adobe, компании с сайтами, оптимизированными для мобильных устройств, утраивают свои шансы на повышение коэффициента конверсии с мобильных устройств до 5% или выше.
- По данным Google, 93% людей, использующих мобильные устройства для поиска информации, совершают покупку продукта или услуги.
Без сомнения, мобильная оптимизация невероятно важна.
Так что отдайте этому последнему совету должное и потратьте несколько дополнительных минут на оптимизацию целевой страницы для мобильных зрителей.
ЗаключениеЗагрузите «Как создать целевую страницу, которая практически печатает деньги », чтобы не забыть принять меры позже. Щелкните здесь, чтобы загрузить его сейчас.
Вот и все!
В этой статье приведены 15 советов, которые можно использовать для увеличения конвертируемости ваших целевых страниц:
- Обращайтесь к себе и избегайте использования корпоративного языка (они не любят формальности!)
- Напишите четкий заголовок (не пытайтесь звучать слишком модно)
- Напишите подзаголовок, который поддерживает заголовок
- Добавьте неотразимые и интерактивные кнопки с призывом к действию, которые люди не могут игнорировать
- Добавить социальное доказательство любого рода (будь жадным)
- Введите и взволновайте болевые точки (положите на это палец)
- Добавьте заявление о решении — решение, необходимое вашей аудитории!
- Объясните, почему ваши продукты или услуги соответствуют вашим потребностям (включая преимущества)
- Показать (и объяснить) особенности ваших продуктов или услуг
- Просто объясните, как работает ваш продукт или услуга (почти для чайников)
- Установите привязку цены (не позволяйте людям удивляться, сколько стоят ваши продукты)
- Включите раздел часто задаваемых вопросов, чтобы ответить на любые вопросы
- Включить устранение рисков для спокойствия потенциальных клиентов
- Добавьте формы согласия, чтобы попытаться получить контактную информацию людей
- Не забудьте оптимизировать свою страницу для мобильных устройств
И когда вы следите за ними, вы можете быть уверены, что ваша целевая страница в кратчайшие сроки получит заоблачные конверсии.
А теперь скажите мне, какие из этих советов вы собираетесь внедрить в первую очередь на своей новой целевой странице? Есть ли у вас другие, которые достигли результатов вашего бизнеса?
Дайте мне знать в комментариях ниже.
И как всегда
Продолжайте конвертировать, оставайтесь сосредоточенными.
Как создать целевую страницу с помощью WordPress
Вы хотите создать настраиваемую целевую страницу на своем сайте WordPress?
Целевая страница — это высокооптимизированная маркетинговая страница.Это помогает предприятиям превращать посетителей веб-сайтов в клиентов и потенциальных клиентов.
В этой статье мы покажем вам, как легко создать целевую страницу в WordPress.
Вот краткий обзор того, что мы рассмотрим в этом руководстве.
Что такое целевая страница?
Целевая страница — это специальная страница, предназначенная для увеличения продаж или привлечения потенциальных клиентов для бизнеса.
Они широко используются в платном маркетинге, электронной почте и кампаниях в социальных сетях.Пользователи, приходящие из этих источников, сначала попадают на эту страницу, поэтому она называется целевой страницей.
В чем разница между домашней страницей и целевой страницей?
Домашняя страница — это главная страница вашего веб-сайта, которую увидят пользователи, введя имя вашего домена в своем браузере. С другой стороны, целевая страница может быть отдельной страницей, на которую большинство посетителей попадают из платных или сторонних источников трафика.
Домашняя страница вашего веб-сайта предназначена для посетителей, которые могут взаимодействовать с вашим веб-сайтом, исследовать другие страницы, просматривать продукты или регистрироваться.Он содержит больше ссылок и предоставляет пользователям больше возможностей для выбора.
С другой стороны, целевая страница, также называемая «сжатой страницей», предназначена для более высоких коэффициентов конверсии. В нем меньше ссылок, и он предназначен для того, чтобы пользователи могли принять решение о покупке или предоставить свою информацию для будущих контактов.
У вашего веб-сайта может быть только одна домашняя страница, но вы можете создать столько целевых страниц, сколько захотите, для разных кампаний. Например:
- Целевая страница для ваших платных рекламных кампаний
- Страница для подписчиков из вашего списка рассылки, посетителей из социальных сетей и т. Д.
- Пользователи, переходящие на страницу определенного продукта или услуги
- и многие другие…
При этом давайте посмотрим, как создать красивую настраиваемую целевую страницу в WordPress без каких-либо знаний CSS, HTML или PHP.
Мы выбрали три лучших решения для создания целевых страниц в WordPress. Эти конструкторы целевых страниц просты в использовании, оптимизированы по скорости и доступны для малого бизнеса. Вы можете выбрать решение, которое наилучшим образом соответствует вашим потребностям.
Готовы? Приступим к первому способу.
Метод 1. Создание целевой страницы WordPress с помощью SeedProd
Это самый простой способ, рекомендуемый для всех пользователей.
Для этого метода мы будем использовать SeedProd.Это лучший плагин для целевой страницы WordPress на рынке, который позволяет создавать любые типы целевых страниц без необходимости кодирования. SeedProd также оптимизирован, чтобы быть легким, быстрым и оптимизированным для SEO.
Во-первых, вам необходимо установить и активировать плагин SeedProd. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.
Примечание: На WordPress.org есть бесплатная версия плагина SeedProd, но мы будем использовать версию Pro, поскольку она предлагает более мощные функции.
После активации вам будет предложено ввести лицензионный ключ. Вы можете найти эту информацию в своей учетной записи на веб-сайте SeedProd.
Затем вам необходимо перейти на страницу SeedProd »Pages и нажать кнопку« Добавить новую целевую страницу ».
На следующем экране вам будет предложено выбрать тему целевой страницы.
SeedProd поставляется с десятками красивых шаблонов целевых страниц, аккуратно организованных для разных типов кампаний.Просто щелкните, чтобы выбрать шаблон, который вы хотите использовать в качестве отправной точки.
Вам будет предложено указать заголовок для вашей страницы и выбрать URL-адрес. Выберите броский заголовок страницы и не забудьте добавить целевое ключевое слово в URL страницы.
Это загрузит интерфейс конструктора страниц SeedProd. Этот простой конструктор перетаскивания покажет предварительный просмотр вашей страницы справа и панель инструментов слева.
Блоки — это основной инструмент проектирования в SeedProd.Вы можете использовать их для создания любого нужного вам макета. Вы также можете использовать столбцы для размещения блоков бок о бок.
Вы можете просто указать и щелкнуть любой блок на странице, чтобы настроить его. Вы также можете перетаскивать блоки, чтобы перемещать их вверх или вниз.
Вы можете добавлять новые блоки на свою страницу из левого столбца. SeedProd поставляется с популярными элементами дизайна целевой страницы, которые можно просто перетащить в любое место на странице.
Вы также можете изменить цвета фона, добавить фоновые изображения, изменить цвета и шрифты в соответствии с вашим брендом или темой.
Plus, SeedProd также имеет «разделы». Это общие области дизайна, используемые на целевых страницах. Например, заголовок, изображение главного героя, призыв к действию, отзывы, контактная форма, часто задаваемые вопросы, функции, нижний колонтитул и многое другое.
SeedProd также совместим с WooCommerce. Это позволяет создавать целевые страницы продуктов, целевые страницы электронной коммерции, рекламные страницы для продаж и других мероприятий.
БлокиWooCommerce включают кнопку добавления в корзину, оформление заказа, избранные продукты, сетку продуктов и многое другое.Это позволяет вам создавать поистине потрясающие маркетинговые кампании, не ограничивая себя темой WooCommerce.
Подключение ваших целевых страниц к сторонним инструментам
Чтобы создать хорошую целевую страницу для лидогенерации, вы можете добавить формы подписки на рассылку, где пользователи могут присоединиться к вашему информационному бюллетеню или предоставить свою контактную информацию.
SeedProd позволяет очень легко подключить ваши целевые страницы к популярным сервисам электронного маркетинга, таким как Constant Contact или Mailchimp.Просто перейдите на вкладку «Подключиться» и выберите поставщика услуг электронной почты.
Необходимо подключиться к услуге, которой нет в списке? Не волнуйтесь, SeedProd работает с Zapier, который действует как мост между SeedProd и более чем 3000+ других приложений на Zapier.
Сохранение и публикация вашей целевой страницы
Закончив редактирование страницы, вы можете просто нажать кнопку «Сохранить» и затем выбрать «Опубликовать».
Публикация целевой страницы позволит разместить ее на вашем веб-сайте.
Использование персонализированного домена для целевой страницы
У вас есть собственный домен, который вы хотите использовать для своей целевой страницы?
Это позволяет вам использовать свой веб-сайт WordPress для создания целевых страниц, страниц, которые появятся в ближайшее время, страниц продуктов, рекламных кампаний с геотаргетингом, микросайтов и многого другого с собственными доменными именами.
Вместо того, чтобы создавать многосайтовую сеть WordPress или устанавливать несколько веб-сайтов WordPress, вы можете просто создать целевую страницу и указать ее на свое собственное доменное имя.
Просто перейдите на вкладку «Настройки страницы» и затем щелкните раздел «Пользовательский домен».
Убедитесь, что ваш хостинг-провайдер WordPress позволяет использовать несколько доменов, и вы добавили доменное имя в панель управления хостингом.
Подробнее см. В нашей статье о том, как добавить псевдоним пользовательского домена для целевой страницы WordPress.
Метод 2. Создание целевой страницы в WordPress с помощью Beaver Builder
Beaver Builder — еще один популярный конструктор страниц WordPress с функцией перетаскивания.Он позволяет легко создавать целевую страницу с использованием готовых шаблонов, которые можно изменять с помощью простых инструментов перетаскивания.
Во-первых, вам необходимо установить и активировать плагин Beaver Builder. Для получения дополнительной информации см. Наше пошаговое руководство по установке плагина WordPress.
После активации вам необходимо перейти на страницу «Настройки » »Beaver Builder , чтобы настроить параметры плагина.
На вкладке «Лицензия» нажмите кнопку «Ввести лицензионный ключ», чтобы добавить лицензионный ключ.Вы можете найти эту информацию в своей учетной записи на веб-сайте Beaver Builder.
Затем вам нужно перейти к страницам »Добавить новую страницу из панели управления WordPress, чтобы создать свою первую целевую страницу.
Beaver Builder работает со всеми популярными темами WordPress. Многие из этих тем поставляются с шаблоном целевой страницы, предназначенным для работы с надстройками компоновщика страниц. Как правило, это широкие макеты без боковой панели и виджетов.
Если в вашей теме нет такого шаблона, вы можете создать его самостоятельно, используя дочернюю тему.Подробные инструкции см. В нашем руководстве о том, как создать полноразмерную страницу в WordPress.
Выберите целевую страницу или полноразмерный шаблон в поле «Атрибуты страницы» в правом столбце и сохраните страницу, чтобы применить изменения.
Теперь вы готовы создать целевую страницу.
Нажмите кнопку «Запустить Beaver Builder» в редакторе сообщений, чтобы запустить интерфейс конструктора.
ОткроетсяBeaver Builder с шаблоном целевой страницы вашей темы.Вам нужно нажать на кнопку добавления в правом верхнем углу экрана и переключиться на вкладку «Шаблоны».
Здесь вы найдете несколько готовых шаблонов на выбор. В раскрывающемся меню группы выберите «Целевые страницы», а затем выберите шаблон, близкий к тому, что вы задумали.
После выбора шаблона Beaver Builder загрузит его в окно предварительного просмотра.
Теперь вы можете указать и щелкнуть любое содержимое страницы, чтобы отредактировать его.Вы можете изменить текст, изменить цвет фона или изображений, настроить ширину и высоту строк и столбцов.
Вы можете добавлять или удалять элементы содержимого из вашего шаблона. Просто нажмите кнопку добавления и перейдите на вкладку строк. Вы можете добавить один или несколько столбцов.
После добавления строки перейдите на вкладку модулей. Модули — это элементы контента, которые вы можете добавить на свою целевую страницу. Beaver builder поставляется со всеми необходимыми модулями, включая текст, заголовки, кнопки CTA, видео, аудио, анимированный таймер обратного отсчета и многое другое.
Если вы удовлетворены дизайном, вы можете нажать кнопку «Готово» вверху, а затем сохранить или опубликовать свою страницу.
Теперь вы можете посетить страницу, чтобы увидеть свою целевую страницу в действии. Не стесняйтесь редактировать его снова, если вам нужно что-то изменить, добавить или удалить.
Метод 3. Создание целевой страницы в WordPress с помощью Divi
Divi — популярный плагин для создания страниц WordPress, созданный командой Elegant Themes.Он поставляется как тема с поддержкой конструктора страниц, и вы также можете использовать его как автономный конструктор страниц.
Во-первых, вам нужно установить и активировать плагин Divi Builder.
Примечание. Если вы устанавливаете тему Divi, вам не нужно устанавливать плагин компоновщика страниц. Просто следуйте нашим инструкциям по установке темы WordPress.
После активации вы можете перейти на страницу Pages »Добавить новую страницу , чтобы создать свою целевую страницу. На экране редактирования страницы нажмите кнопку «Использовать Divi Builder», чтобы запустить конструктор страниц Divi.
Затем вы увидите приветственное всплывающее окно для ознакомления с редактором, вы можете выйти из него, нажав кнопку «Начать сборку».
После этого вы увидите возможность начать с нуля, выбрать макет или клонировать страницу. Вам нужно нажать на кнопку выбора макета.
Divi поставляется с десятками готовых к использованию шаблонов целевых страниц, упорядоченных по категориям. Просто щелкните, чтобы выбрать шаблон, который вы хотите использовать в качестве отправной точки.
На следующем экране вы увидите детали макета и другие шаблоны, которые он включает. Большинство пакетов макетов будут включать шаблон целевой страницы, который вы можете использовать.
Просто нажмите кнопку «Использовать этот макет», чтобы продолжить.
Вас могут попросить указать имя пользователя вашей учетной записи Divi и ключ API. Вы можете найти эту информацию в своей учетной записи на сайте Elegant Themes.
Divi теперь загрузит и установит выбранный вами макет из библиотеки.После этого вы увидите предварительный просмотр своей страницы в конструкторе страниц.
Вы можете просто указать и щелкнуть, чтобы выбрать и отредактировать элемент на экране. Для текстовых элементов вы можете просто навести курсор на текст, который хотите отредактировать, и начать вводить текст.
Для других элементов на экране появится всплывающее окно с вариантами, в которых можно попробовать различные настройки.
Divi использует разделы, строки и модули для построения макетов. Вы можете добавить раздел, строку или модуль, щелкнув значок + в любом месте страницы.
Каждый модуль поставляется с различными настройками, которые вы можете настроить после его вставки. Divi имеет множество дополнительных опций для каждого элемента.
Когда вы закончите редактирование, вы можете просто нажать кнопку «Опубликовать» в правом нижнем углу экрана.
Теперь вы можете нажать кнопку «Выход из Visual Builder» на панели инструментов администратора WordPress, чтобы выйти из редактора.
Конструктор перенаправит вас обратно к действующей версии вашей целевой страницы.Вы по-прежнему можете возобновить редактирование, щелкнув «Включить визуальный редактор» на панели инструментов вверху.
Мы надеемся, что эта статья помогла вам узнать, как создать целевую страницу с помощью WordPress. Вы также можете ознакомиться с нашими проверенными советами по привлечению большего количества трафика на ваш сайт WordPress или с нашим сравнением лучших телефонных служб для бизнеса для оптимизации конверсии продаж.
Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress.Вы также можете найти нас в Twitter и Facebook.
Примечание: Чтобы помочь нашим читателям избежать паралича выбора, наша статья не включает все конструкторы целевых страниц, такие как Elementor, Leadpages, Instapage, Unbounce, ClickFunnels и т. Д. Три лучших решения, которые мы выбрали, являются лучшими решениями для малого бизнеса, потому что они просты в использовании, оптимизированы по скорости и доступны для малого бизнеса.
Как создать целевую страницу [Пошаговое руководство с примерами]
Целевая страница предназначена для создания неотразимых предложений и помощи вашей аудитории в том, чтобы стать платежеспособными клиентами.Хотя проектировать это не очень сложно, для этого требуется некоторое время и базовое понимание различных элементов, которые вам необходимо включить. Он не только должен хорошо выглядеть, но и давать вашей целевой аудитории необходимую информацию.
В этом сообщении блога мы обобщили все ключевые элементы, необходимые для создания мощной целевой страницы. Чтобы помочь вам и вдохновить вас, мы также включили несколько примеров, чтобы показать вам, как другие бренды использовали эти элементы.
Как создать целевую страницу [с примерами]:
Что такое целевая страница?
Короче говоря, целевая страница — это специальная веб-страница, которую вы используете исключительно в рекламных или цифровых маркетинговых целях. Это первая веб-страница, которую увидят новые посетители после нажатия на ссылку, соответствующую целевой странице.
Если в этот момент вы думаете, что это очень похоже на вашу домашнюю страницу, вы не совсем ошибаетесь.Целевая страница может быть чем-то вроде сообщения в блоге, страницы продукта или домашней страницы. Хотя, в отличие от вашей традиционной домашней страницы, ваша целевая страница была специально создана для получения и конвертации трафика, генерируемого вашей маркетинговой кампанией в Интернете. Вы можете, например, создать целевую страницу для онлайн-курса или побудить людей купить продукт, зарегистрироваться на мероприятие, позвонить в свой офис или просто подписаться на ежемесячную рассылку новостей.
Преимущества целевой страницы
Целевая страница — ключевой элемент любой стратегии интернет-маркетинга.Когда он спроектирован эффективно, он может помочь вам повысить коэффициент конверсии, более эффективно перемещая посетителей вниз по воронке продаж, в то же время снижая затраты на привлечение новых потенциальных клиентов. Фактически, это один из самых эффективных инструментов для лидогенерации. Просто потратив некоторое время на разработку мощной целевой страницы, вы можете сделать шаг назад, и качественные лиды найдут вас.
Что делает его таким замечательным, так это то, что вы можете поделиться индивидуальным сообщением с целевой аудиторией, поскольку целевые страницы концентрируются на одном продукте, услуге или специальном предложении.Таким образом, вы можете, например, увеличить масштаб определенного продукта и оценить его успех.
Пошаговое руководство по созданию целевых страниц
Хотя шаги по созданию эффективной целевой страницы не высечены из камня, есть элементы, которые разделяют самые успешные целевые страницы. Итак, разрабатываете ли вы целевую страницу для продвижения нового продукта или вам нужна одна, чтобы побудить людей подписаться на вебинар, вот шаги, которые вы должны выполнить, чтобы убедиться, что вы включили все основные элементы.
Выберите программу для создания целевой страницы
Когда дело доходит до создания целевой страницы, вы можете создать ее на своем собственном веб-сайте или использовать программное решение для создания целевой страницы. Однако создание целевой страницы может быть проблемой, особенно если у вас нет опыта программирования. Так что последний вариант будет менее подавляющим.
Существует множество доступных программных решений для создания целевых страниц, которые легко понять и использовать.Большинство из них имеют встроенные редакторы перетаскивания и сотни шаблонов, которые позволяют очень легко быстро создать привлекательную целевую страницу. Однако убедитесь, что выбранный вами конструктор предлагает A / B-тестирование (подробнее об этом позже).
Определите свою цель
Прежде чем вы начнете экспериментировать с шаблонами, вам необходимо определить, чего вы хотите достичь на целевой странице. Вы хотите представить новую услугу или, возможно, просто расширить список подписок? Только после того, как вы определили эту цель, вы сможете получить больше ясности о своем сообщении и о том, какие ключевые слова следует включить.
Напишите заголовок и подзаголовки
Ваш основной заголовок и вспомогательный заголовок — это элементы, которые должны отображаться в верхней части страницы. Эффективные заголовки — это больше, чем просто краткое изложение вашей целевой страницы. Здесь все начинается. Хотя он должен подтверждать посетителям, что они были перенаправлены на правильную страницу, он также должен вызывать интерес.
Подзаголовок следует использовать для заполнения ключевых деталей, особенно когда ваше предложение слишком сложное, чтобы его можно было объяснить одним коротким заголовком.Это может быть та дополнительная важная деталь, которая может помочь посетителям совершить конверсию и в то же время сделать ваш заголовок более увлекательным. Теперь, когда посетители попали на вашу целевую страницу, ваша задача подзаголовка — дать им повод остаться.
Источник: unbounce.com
The Coffee Network, онлайн-торговая площадка, расположенная в Австралии, очень грамотно использует заголовки и подзаголовки. Заголовок «Как легко найти свой следующий любимый кофе» короткий и четкий, он позволяет сосредоточить внимание на аудитории, а не на компании.Подзаголовок добавляет важные детали, которые не могли быть включены в заголовок, и помогает посетителям совершить конверсию, объясняя, как они могут получить выгоду, попробовав свои продукты.
Добавить изображения
Включив изображение, объясняющее услугу или продукт, легче обеспечить краткость заголовка, поскольку в вашей копии не нужно будет делать все объяснения. Кроме того, наш мозг настроен обрабатывать изображения намного быстрее, чем текст. Поскольку ваши посетители будут обрабатывать ваши изображения раньше, чем текст, важно, чтобы вы использовали только высококачественные релевантные изображения, чтобы обеспечить им хорошее первое впечатление.
Источник: unbounce.com
Marley Spoon отлично справляется с включением высококачественных фотографий пары блюд. Что делает их использование визуальных эффектов таким замечательным, так это то, что они также используют изображения, чтобы визуально перечислить преимущества.
Если ваш продукт отличается впечатляющим мастерством, фотографии крупным планом могут помочь вашей аудитории понять, что именно они будут покупать. Просто посмотрите ниже, как LIV Watches обеспечивает то, что фотографии демонстрируют свои часы различными способами.
Источник: livwatches.com
Включите объяснение, в котором основное внимание уделяется преимуществам
Вашим посетителям должно быть совершенно ясно, что предлагает ваша целевая страница. Если ваше предложение довольно простое, может быть достаточно вашего заголовка и подзаголовка. Однако, если заголовок будет слишком длинным, вы можете добавить еще один блок текста или даже полагаться на свои визуальные эффекты, такие как снимок экрана интерфейса вашего программного обеспечения. На самом деле визуальные эффекты проще для понимания и интереснее.
Где бы вы ни решили включить это объяснение, оно должно быть сосредоточено на преимуществах, которые вы можете предложить своим потенциальным клиентам. Другими словами, это не должно быть заявлением о вашем бренде, а должно быть грамотно написано, чтобы акцент сместился на то, как ваши посетители получат вознаграждение.
Например, Skullcandy создала свой контент, чтобы включить ценностное предложение, ориентированное на клиента. Вместо того, чтобы объяснять технические характеристики своего продукта, они вместо этого переключают внимание на то, как их продукт может помочь улучшить настроение их потенциальных клиентов.
Источник: bigcommerce.co.uk
Создайте четкий призыв к действию
Это может показаться неожиданностью, но ваш призыв к действию на самом деле является самым важным элементом из всех. Лучшие призывы к действию достаточно большие, убедительные, четкие и выделяющиеся. Чтобы убедиться, что вы не создаете несколько призывов к действию, которые могут запутать ваших посетителей, заранее определите, что вы хотите, чтобы посетители делали. Например, следует ли им скачать руководство или подписаться на вашу рассылку новостей? Короче говоря, вашим посетителям должно быть легко сразу сказать, что им делать дальше.Лучше всего подойдут контрастные цвета и кнопки!
Ermenegildo Zegna использует понятные и актуальные кнопки призыва к действию. Белая кнопка хорошо контрастирует на темном фоне, как и черный текст призыва к действию на белом фоне кнопки. Такое умное использование цвета помогает выделить CTA.
Кроме того, эта целевая страница является отличным примером того, как ваш призыв к действию не обязательно требует от посетителей немедленной покупки. Важно помнить, что меньшинство покупателей готовы что-то купить сразу.Поэтому лучше всего адаптировать призывы к действию в зависимости от того, где они находятся в воронке продаж.
Источник: .vertical-leap.uk
Добавьте социальное подтверждение и контактную информацию
Большинство из нас скептически относятся к маркетинговым материалам. Тем не менее, рекомендации и отзывы могут оказать значительное положительное влияние на выбор человека при покупке. Включив ваши лайки в Facebook или количество подписчиков, ваши посетители увидят, что у вас уже есть значительная клиентская база.Например, для Squatty Potty имеет смысл просто указать, сколько людей уже купили их продукт, поскольку это число очень впечатляет.
Источник: cloudways.com
Хотя, если эти цифры еще не так впечатляющи, лучше пока придерживаться нескольких отзывов. В идеале вы должны включить как минимум три письменных отзыва или два видео-отзыва, которые могут служить доказательством того, что ваш бренд может доставить товар. Лучший отзыв является конкретным и включает в себя фотографию реального клиента, его / ее имя и должность.Таким образом, посетители могут фактически погуглить человека, написавшего отзыв, и даже проверить его. Вы даже можете приложить дополнительные усилия и добавить видео-отзывы. Поскольку видео-отзыв подделать еще сложнее, такой отзыв будет еще более правдоподобным. Кроме того, вашим клиентам намного проще поделиться своим искренним интересом к вашему бренду через эту среду.
Видео-отзыв может также предложить еще одно косвенное преимущество, как показывает Slack. Мало того, что они использовали видео-отзыв, чтобы поделиться своим пользовательским опытом, но и в видео клиент (Sandwich Video Inc.) также объясняет все различные функции, предлагаемые Slack. Фактически, это видео также служит демонстрацией продукта.
Источник: spectoos.com
Наконец, чтобы показать, что ваш бизнес заслуживает доверия, вам также необходимо не забыть указать контактные данные, такие как физический адрес, адрес электронной почты и / или номер телефона. Короче говоря, посетители хотят знать, что ваш бизнес действительно существует.
Протестируйте и оптимизируйте свою целевую страницу
После того, как вы создали свою целевую страницу, работа еще не полностью завершена.Очень важно, чтобы вы также нашли время, чтобы оценить его эффективность, добавив отслеживание аналитики. Посмотрев на показатели и тепловые карты, вы сможете узнать, что нравится вашим посетителям, по каким ссылкам они переходят и с каких устройств просматривают. Таким образом, вы сможете собрать ценную информацию, которая определит области, которые еще можно улучшить.
После внесения нескольких изменений следует также протестировать различные целевые страницы и определить, какая версия работает лучше.Вооружившись этой информацией, вы можете продолжить настройку своих целевых страниц, чтобы еще больше улучшить их производительность. Это может показаться дополнительной работой, но без завершения A / B-тестирования невозможно определить, работают ли ваши маркетинговые стратегии на самом деле.
Подводя итог…
Когда дело доходит до разработки целевых страниц, необходимо учитывать несколько факторов, включая вашу целевую аудиторию, цель, услугу / продукт, отрасль и ценностное предложение. Следовательно, не существует подхода, который подходил бы для всех целевых страниц.Тем не менее, некоторые элементы остаются такими же, и целевые страницы, которые работают много раз, обладают этими характеристиками.
Хотя эти элементы могут показаться длинным списком, дизайн вашей страницы должен оставаться простым и лаконичным, чтобы облегчить навигацию. Пух принадлежит птице, а не вашей целевой странице.
Теперь, когда вы точно знаете, какие элементы включать, можно приступить к созданию целевой страницы. Целевые страницы могут предложить лучший пользовательский опыт, что поможет вам установить более глубокую связь с вашей целевой аудиторией.Так что это того стоит.
7 лучших рекомендаций по использованию форм целевой страницы (+ примеры)
Вы ищете отличные примеры форм целевой страницы? Когда кто-то посещает вашу целевую страницу, у вас есть один шанс конвертировать их, поэтому ваша форма должна быть разработана для максимального воздействия.
Хотя идеальной целевой страницы не существует, определенно существуют передовые методы, которые помогут вам добиться отличных результатов и избежать потери ценных потенциальных клиентов.
В этой статье мы рассмотрим несколько отличных примеров форм целевой страницы.Мы также покажем вам, как легко украсть одни и те же идеи и использовать их в своих собственных формах.
Создайте форму целевой страницы прямо сейчас
Что делает хорошую посадочную страницу?
Цель любой целевой страницы — заставить вашего клиента достичь поставленной цели. Все на странице должно быть ориентировано на получение этой конверсии.
Например, форма вашей целевой страницы может быть рассчитана на получение:
- Подписчики списка рассылки
- Выводы
- Продажа
- Регистрация на вебинары
Каждое из этих событий требует немного разной формы.
Прежде чем приступить к созданию формы целевой страницы, необходимо понять, какой тип конверсии вы хотите получить. На базовом уровне мы можем разделить ваши конверсии на 2 группы:
- Первичное преобразование — этот тип преобразования происходит, когда покупатель готов совершить покупку. Например, ваша форма целевой страницы может быть формой заказа или формой записи на прием.
- Вторичная конверсия — Этот тип конверсии происходит намного выше по воронке, когда покупатель все еще проверяет свои варианты.Итак, если вы надеетесь создать форму подписки на рассылку новостей по электронной почте, это хороший пример вторичной конверсии.
Как правило, у вас может быть немного более длинная форма для первичного преобразования, чем для вторичного. Потому что, когда клиент принял решение о покупке или очень близко к нему подошел, он, скорее всего, с большей готовностью потратит время на заполнение формы.
Теперь мы понимаем, как выбрать структуру целевой страницы, давайте рассмотрим некоторые передовые методы работы с формами целевой страницы.
Рекомендации по форме целевой страницы
Мы рассмотрим различные способы создания форм целевой страницы для максимального количества конверсий.
- Продайте пособие рядом с вашей формой
- Успокойте своего посетителя
- Удалить лишние поля
- Создайте убедительный призыв к действию
- Используйте силу FOMO
- Используйте подсказки и заполнители
- Сделайте формы адаптивными для мобильных устройств
Для каждого из них мы покажем вам несколько способов украсть одни и те же идеи и использовать их в формах ваших собственных целевых страниц.
1. Продайте пособие рядом с вашей формой
На целевой странице вы должны четко обозначить преимущества своего предложения.
Эта форма от Asana предлагает посетителям подписаться на бесплатную пробную версию. Но он не полагается на это, чтобы конвертировать посетителей. В нем также есть раздел в правой части целевой страницы, чтобы объяснить предложение с помощью нескольких коротких пунктов.
Вы заметили, что слово «без ограничений» встречается более одного раза?
Если пользователь заинтересован в потенциале того, что вы предлагаете, он будет больше воодушевлен отправкой формы.
Посмотрите и этот замечательный пример от WPBeginner:
Вы получаете массу подарков и бонусный набор инструментов, так что сразу за формой скрывается масса ценностей. Все, что вам нужно сделать, это щелкнуть!
Помните: вы знаете, что то, что вы предлагаете, великолепно, а покупатель — нет. Так что продажа преимуществ заполнения вашей формы — отличный способ напомнить им.
Хотите узнать, как использовать Asana с другими инструментами? Ознакомьтесь с нашим списком лучших интеграций Asana.
Как продавать льготы по вашей форме
Это один из самых простых способов реализации.
С помощью WPForms вы можете легко перетащить поле HTML в форму, чтобы добавить дополнительный текст в любом месте. Вы также можете использовать это поле для добавления изображений.
Если вы хотите настроить форму с помощью кода, вы можете пойти еще дальше и создать динамическую форму.
Вот замечательная многоступенчатая форма, которая меняется каждый раз, когда посетитель загружает следующую страницу.Вы можете использовать это, чтобы добавить несколько преимуществ по мере того, как пользователь проходит через форму.
Этот макет является более продвинутым и требует небольшого пользовательского кода. Если вам нужна дополнительная информация, ознакомьтесь с нашей документацией для разработчиков о том, как создать многоступенчатую форму с динамическим текстом.
2. Успокойте посетителя
Если вашего клиента что-то беспокоит, он, скорее всего, отступит и отправится искать ответы в другом месте.
Например, большинство из нас не хотели бы, чтобы нас обманули:
- Получение сообщений электронной почты, на которые мы не подписывались в
- Взимается больше, чем мы ожидали
- Тратить деньги на товар, который не подходит.
Вот почему формы целевой страницы с высокой конверсией дают уверенность. Идея состоит в том, чтобы предвидеть эти опасения и решать их. Уверенность клиента прямо в форме повышает доверие и показывает понимание его проблем.
Вот отличный пример формы целевой страницы от WP Rocket, которая вселяет уверенность в посетителя:
В этой форме есть 3 отдельные области, которые заставляют посетителя чувствовать себя лучше при совершении покупки:
- Отзыв клиента — Добавляет в форму социальное доказательство.Использование фотографии и настоящего имени помогает добавить аутентичности и показывает, что другие клиенты уже заполнили форму и довольны результатом. Ознакомьтесь с этими замечательными примерами социального доказательства для ваших форм.
- Гарантия возврата денег — Предоставление какой-либо гарантии важно, особенно если у покупателя нет возможности опробовать продукт до того, как он заплатит. Эта часть целевой страницы позволяет клиенту знать, что он может вернуть свои деньги, если он недоволен, поэтому они не могут ошибиться, попробовав это.
- Безопасное напоминание о платеже — Если покупатель посещает вас впервые, это помогает напомнить ему, что у вас настроена правильная защита при приеме платежей.
Когда вы посмотрите на формы целевой страницы, вы заметите, что почти все они содержат одно или несколько из этих заверений.
Как добавить заверения в вашу форму
WPForms позволяет легко добавлять дополнительную информацию в вашу форму с помощью поля HTML или разделителя разделов.
Итак, если вы предлагаете что-то щедрое, например бесплатную пробную версию, повысьте доверие клиентов и укажите это на видном месте в своей форме.Insightly отлично справляется с задачей успокоить клиента вверху и внизу этой формы:
Наконец, не забудьте напомнить посетителю, что вы будете хранить его личные данные в безопасности. WPForms упрощает добавление соглашения GDPR в ваши формы. Вы можете настроить формулировку, чтобы точно объяснить, как будет обрабатываться или храниться личная информация.
3. Удалить лишние поля
СтатистикаECommerce показывает, что вы получите больше конверсий, если у вас 3 поля или меньше.
Это несложное правило; для первичного преобразования вы можете использовать больше полей, потому что клиент больше инвестирует.
Но для большинства вторичных конверсий это помогает сократить объем запрашиваемой информации.
Вот отличный пример краткой формы от Pardot. Это позволяет заказчику заказать демонстрацию.
Было бы заманчиво собрать тонны информации об их компании или предполагаемом сценарии использования. Но Пардо понимает это правильно и просто имеет 1 поле:
.Если вам нужно выбрать время для бронирования, вы также можете добавить средство выбора времени или даты, чтобы посетитель мог запланировать демонстрацию, не вводя текст.Когда посетитель просто проверяет вашу компанию, краткая форма устраняет множество трений.
Вот еще один отличный пример от Elementor. Это многоэтапная форма с 1 вопросом с несколькими вариантами ответов на каждой странице. Опять же, эта форма идеальна, потому что вы можете предоставить всю информацию, не вводя ее.
Наконец, посмотрите этот замечательный пример от Toggl. С помощью этой формы вы можете зарегистрировать бесплатную учетную запись, не касаясь клавиатуры. Но если вы хотите присоединиться по электронной почте, за ссылкой внизу есть вторая форма.
Если у вас много полей, и вы не можете их удалить, есть несколько уловок, которые можно использовать, чтобы ваша форма выглядела менее устрашающей.
Как сделать длинные формы короче
WPForms позволяет сделать форму короче тремя способами.
Во-первых, наш фаворит: многоступенчатая форма.
Этот формат делает форму менее устрашающей, скрывая некоторые поля за индикатором выполнения. Страница регистрации Drip использует эту тактику, и это выглядит потрясающе.
Вторая тактика — выбрать правильные поля формы, чтобы максимально сократить количество вводимых и щелчков.Например, вы можете использовать выбор изображений, чтобы имитировать форму Elementor, которую мы только что рассмотрели.
Наконец, посмотрите этот пример из Zoho CRM.
Zoho необходимо знать наше местоположение, но вместо того, чтобы просить нас ввести адрес, он использовал геолокацию для его автоматического определения.
Вы можете легко скопировать эту технику с помощью надстройки геолокации WPForms. Это позволяет автоматически сохранять местоположение каждого посетителя.
Просто включите его, и надстройка сохранит местоположение ваших посетителей на панели инструментов WordPress.
Вы также можете использовать надстройку геолокации, чтобы включить автозаполнение адреса. Вот отличный пример простой формы, которая автоматически заполняет адрес посетителя, когда он начинает печатать.
Если хотите, вы также можете отобразить карту рядом с полем, чтобы они могли найти свое местоположение, перемещая маркер.
Если вы хотите использовать геолокацию и геотаргетинг, ознакомьтесь с нашим руководством по лучшим плагинам геолокации для WordPress.
4. Создайте убедительный призыв к действию
Ваш призыв к действию (CTA) является центральным элементом вашей формы целевой страницы.А чтобы написать убедительный призыв к действию, вам нужно сначала подумать о самой большой проблеме вашего пользователя.
Затем убедитесь, что слова на кнопке с призывом к действию предлагают им именно то, что они хотят.
Эта форма от IsItWP сочетает контрастный цвет на кнопке с настраиваемым текстом на кнопке «Отправить».
Слова «Загрузить сейчас» — это мощное средство. Это подчеркивает тот факт, что вы получаете мгновенный доступ к контрольному списку WordPress, который вам нужен.
Фактически, эта форма является прекрасным примером большого лид-магнита в действии.
Как настроить призыв к действию
С помощью WPForms вы можете легко изменить текст на кнопке отправки в настройках формы.
Таким образом, ваш посетитель будет точно знать, чего ожидать, когда он нажмет на кнопку.
Не забывайте использовать цвет для привлечения внимания. В то время как IsItWP использовал оранжевый цвет на синем, в этой форме используется синий цвет, поэтому кнопка выделяется на сером фоне.
Если вы хотите стилизовать кнопку отправки, чтобы добавить контрастный цвет, это просто.Вам просто нужно использовать фрагмент кода.
Вот документ о настройке кнопки отправки в WPForms.
5. Используйте всю мощь FOMO
Когда вы заняты, самые срочные и неотложные задачи, как правило, выполняются в первую очередь.
Знакомьтесь, FOMO.
FOMO, или «страх упустить», — это метод, который вы можете использовать, чтобы ваши посетители действовали немедленно. Он побуждает посетителя действовать немедленно, вместо того, чтобы покинуть ваш сайт и забыть о нем.
Эксклюзивы — отличная тактика FOMO.Нам всем нравится быть первыми, верно?
Эта форма целевой страницы дает понять, что вы всегда будете получать обновления раньше всех.
Также подумайте о предложении скидки на вашу форму. Если это ограничено по времени, это побудит вашего посетителя действовать сразу же.
Вот отличный пример от SeedProd. Проверьте сейчас и сэкономьте 60%, или оставьте и потеряйте скидку. Что бы вы выбрали?
Как добавить FOMO в форму целевой страницы
WPForms позволяет легко добавлять ограничения к вашим формам, например даты истечения срока действия.
Когда вы объединяете эти функции с убедительной копией целевой страницы, вы можете побудить посетителя действовать немедленно.
Используя аддон Form Locker, вы можете:
Хотите повысить FOMO? Вы можете использовать обе эти функции вместе.
Например, на целевой странице веб-семинара вы можете установить ограничение на количество мест и — срок действия формы.
Хотите визуально показать дату истечения срока действия формы? Нам нравятся таймеры обратного отсчета в SeedProd.Вы можете использовать простой конструктор перетаскивания, чтобы добавить таймер в любое место и автоматически отсчитывать время до крайнего срока.
Хотите узнать больше об использовании SeedProd для FOMO? Посмотрите этот обзор SeedProd.
6. Добавьте подсказки и заполнители
Заполнители очень полезны, если вы хотите помочь своим посетителям, не добавляя кучу лишнего текста на свою целевую страницу.
В этой форме регистрации Drip внутри полей используется текст-заполнитель.Это помогает направлять посетителя, а также делает форму короткой, потому что все метки полей были удалены.
Затем посмотрите этот пример для PushEngage. Заполнить эту форму целевой страницы очень легко, потому что все четко объяснено.
В заполнителях здесь даже есть значки, чтобы вы могли легко увидеть, что требуется:
Как использовать заполнители в формах целевой страницы
Используйте заполнители в качестве подсказок, чтобы ваш посетитель вводил правильную информацию.Это отличный способ избежать разочарования, поскольку более вероятно, что форма будет отправлена в первый раз.
WPForms позволяет легко добавлять текст-заполнитель, чтобы направлять посетителей при заполнении формы. Здесь мы добавили адрес электронной почты в качестве заполнителя, чтобы посетитель точно знал, что вводить.
После добавления заполнителей в поля WPFforms также позволяет легко скрыть метки полей.
7. Сделайте формы адаптивными для мобильных устройств
Вы когда-нибудь пытались заполнить форму на телефоне, но потом понимали, что поля слишком малы? Если ваша форма не адаптируется к мобильным устройствам, может быть сложно даже нажимать на них для ввода.
Очень важно убедиться, что все ваши формы можно заполнить на любом устройстве. Это помогает убедиться в отсутствии препятствий для мобильных пользователей.
Вот отличный пример четкой формы целевой страницы из ActiveCampaign.
Еще одна отличная тактика для мобильных устройств — использование выбора изображений или больших кнопок, которые легко выбрать на сенсорном экране.
Как создать мобильную адаптивную форму
Все формы, которые вы создаете с помощью WPForms, по умолчанию адаптируются к мобильным устройствам.Таким образом, ваши посетители найдут их простыми в использовании на любом устройстве и экране любого размера.
Это очень полезно, если вы хотите использовать WPForms для интеграции с другими сервисами. Например, обычные формы GetResponse не реагируют на мобильные устройства, но вы можете создать форму подписки GetResponse с помощью WPForms, чтобы преодолеть это.
В этой форме Elementor использовал кнопку с призывом к действию и изображение, поэтому есть огромная область, на которую можно нажать. Здесь невозможно было бы случайно выбрать не тот вариант:
Если вы хотите работать с небольшим кодом, вы можете создать подобный макет, превратив флажки в кнопки.
Также рассмотрите возможность создания многослойного макета. Благодаря этому трюку все поля на мобильном устройстве имеют одинаковую ширину.
Обратите внимание на разницу между сложенным и обычным макетом на этой форме целевой страницы.
Если вы хотите добавить фрагмент кода, вы можете легко добиться этого с помощью WPForms и небольшого количества настраиваемого CSS. Ознакомьтесь с нашей документацией по созданию многослойного макета для вашей формы.
Создайте форму целевой страницы прямо сейчас
Следующий шаг: создайте целевую страницу в WordPress
Теперь вы знаете, как создавать оптимизированные формы целевой страницы, пора сделать вашу первую целевую страницу в WordPress.
WPForms имеет надстройку для целевых страниц формы, которая позволяет превратить любую форму в отдельную целевую страницу. Если вы уже создали свою форму и хотите простой способ превратить ее в целевую страницу, это подойдет вам идеально.
Если вы хотите добавить больше элементов в формы целевой страницы, мы рекомендуем SeedProd. SeedProd — лучший конструктор целевых страниц для WordPress, и он даже позволяет вам подключать несколько доменов к вашим целевым страницам с 1 сайта WordPress.
Готовы создать свою форму? Начните сегодня с самого простого плагина для создания форм WordPress.WPForms Pro включает множество бесплатных шаблонов и предлагает 14-дневную гарантию возврата денег.
Если эта статья вам помогла, подпишитесь на нас в Facebook и Twitter, чтобы получить больше бесплатных руководств и руководств по WordPress.
Все руководство по созданию целевой страницы, конвертирующей
Целевая страница — один из самых эффективных способов увеличения конверсии вашего сайта.
Если вы хотите продвигать потенциальных клиентов по своей воронке продаж (а кто нет?), То целевые страницы — ваш лучший друг.
Хорошая целевая страница не отвлекает и сфокусирована на выполняемой задаче. От заголовка и предложения до нижнего колонтитула — каждый аспект фокусируется на конверсии.
Но что делает отличную посадочную страницу? И почему это так эффективно для увеличения конверсии?
Это руководство ответит на эти вопросы и даст вам все необходимое для создания лучших целевых страниц в Интернете.
Давайте приступим…
Контрольный список для вашей целевой страницы сегодня
Что такое целевая страница?Целевая страница — это страница вашего веб-сайта, предназначенная для преобразования посетителей в потенциальных клиентов, подписчиков или клиентов.Это страница, на которую посетители «попадают», когда они нажимают на одну из ваших кампаний или призывы к действию из Facebook, электронной почты или даже другой страницы вашего сайта.
Целевая страница и веб-страницаЦелевая страница разработана с единой целью, в то время как большинство страниц имеют несколько функций. Например, ваша домашняя страница может быть спроектирована с учетом любого количества целей:
- Чтобы рассказать пользователям о вашем продукте
- Чтобы побудить посетителей исследовать другие страницы
- Чтобы увеличить количество регистраций
(я мог бы продолжить , но вы поняли…)
Возьмите Sweetgreen.На его домашней странице есть множество вариантов для посетителя (я насчитал более 20 действий, которые вы могли бы предпринять на этой странице). Вот лишь несколько вариантов:
- Узнайте, что нового в его меню
- Разместите заказ
- Загрузите приложение
- Проверьте местоположения
- Узнайте историю
Сравните это с целевой страницей, которую Sweetgreen использует для одного рекламных кампаний Facebook по продвижению открытия новых магазинов в Колорадо:
Заметили разницу?
Целевая страница намного проще.Он на 100% направлен на то, чтобы побудить людей подписаться на новости о новых магазинах в Колорадо. Здесь нет ссылок на другие части сайта и нет отвлекающих факторов, отвлекающих внимание посетителей от призыва к действию.
Целевые страницы служат совершенно иной цели, чем другие страницы вашего сайта, особенно домашняя страница.
Ваша домашняя страница позволяет пользователю делать практически все, о чем он может подумать. Но каждая часть целевой страницы, от заголовка и копии до изображений / видео и призывов к действию, ориентирована на одну цель.
Цели целевой страницыКак мы уже упоминали, целевая страница имеет единственную цель. И хотя эта цель может быть разной — присоединение к списку рассылки, совершение покупки и т. Д. — большинство целей можно достичь, используя один из этих трех стилей целевой страницы:
Переходные страницыПереходные целевые страницы имеют тенденцию для использования в компаниях, занимающихся программным обеспечением или оказанием услуг — по сути, в любом бизнесе, где совершить покупку сложнее, чем просто щелкнуть «купить сейчас».
Страницы такого типа часто содержат призыв к действию, например «Начать работу» или «Посмотреть демонстрацию». Как только посетитель нажимает, он начинает процесс регистрации.
Вот пример страницы перехода по ссылкам с Monday.com:
Страницы захвата лидовЦелью страницы захвата лидов является, в общем, захват потенциальных клиентов. Эти страницы, как правило, содержат предложения или вознаграждения в той или иной форме в обмен на ваши данные. Эти страницы могут использоваться как промежуточные.
Например, Ной использует целевую страницу захвата лида на своем сайте OkDork, прежде чем кто-то перейдет на его домашнюю страницу.Его цель — привлечь новых подписчиков к его списку рассылки в обмен на «самые популярные бизнес-хаки Ноя».
Страницы продажСтраницы продаж обычно используются, когда вы отправляете предварительно квалифицированный трафик на целевую страницу, где продается продукт. Например, возможно, кто-то только что просмотрел одно из ваших объявлений на YouTube или подписался на рассылку электронной почты, которую вы проводите.
Страница продаж существует для того, чтобы люди, находящиеся внизу вашей воронки, переходили линию от лида к покупателю.
Почему вашему бизнесу необходимо использовать целевые страницыВкратце: целевые страницы могут помочь вам увеличить конверсию.
Итак, честно говоря, почему бы вам не использовать их?
Целевые страницы так хорошо конвертируются из-за своей направленности. Большинство страниц вашего сайта имеют несколько рабочих мест, поэтому, естественно, они не будут конвертироваться со сверхвысокой скоростью. Но с целевой страницей вы можете настроить каждый пиксель на этой странице так, чтобы посетитель совершил желаемое действие.Никаких отвлекающих факторов.
Еще одним большим преимуществом целевых страниц является то, что вы можете создавать страницы, соответствующие намерениям пользователей. Возьмите эту рекламу от Winc:
С первого взгляда эта реклама говорит зрителю:
- Winc содержит мало сахара; менее 2 г на литр
- Скидка 50% на первый заказ
- Без обязательств, пропустите, когда захотите
После нажатия ссылки Winc перейдет на целевую страницу, созданную специально для этой кампании:
Целевая страница рассказывает посетителям ту же историю, что и реклама: низкий уровень сахара, скидка 50%, отменить в любой момент (без риска).И посмотрите на эти призывы к действию — они оба направляют посетителей прямо на следующую стадию воронки Winc (становление клиентом).
Теперь давайте сравним этот опыт с верхней частью домашней страницы Winc (то, что первый посетитель увидит в первые несколько секунд на сайте):
Winc отлично справляется со своими сообщениями во всех точках взаимодействия с брендом, но если бы мы щелкнули по этой рекламе в Facebook и попали на главную страницу, все было бы не так гладко. Да, скидка 50% на вашу первую коробку все еще действует.Но нет никаких упоминаний о вариантах с низким содержанием сахара или отмене в любое время. Кроме того, существует так много других ссылок, которые борются за внимание, по сравнению с единственным призывом к действию на целевой странице.
Теперь вы можете понять, почему целевые страницы так хорошо конвертируются, верно?
Если вам важны коэффициенты конверсии, вам необходимо использовать целевые страницы, чтобы обеспечить удобство взаимодействия с пользователем от ваших маркетинговых каналов до вашей воронки.
Допустим, вы хотите перевести предыдущих посетителей веб-сайта с этапа осведомленности на этап рассмотрения вашей воронки.Вы можете настроить кампанию ретаргетинга, чтобы люди подписывались на ваш список рассылки. Отправка этих людей на вашу домашнюю страницу с более чем 30 ссылками, соперничающими за их внимание, будет работать намного хуже, чем отправка их на страницу с одним CTA для присоединения к вашему списку.
Когда следует использовать целевую страницуЦелевые страницы работают лучше всего, когда вы используете их для приема входящего трафика из платных или собственных источников. Например, вот несколько настроек, при которых имеет смысл использовать целевую страницу:
- Когда вы настраиваете новую рекламную кампанию в Facebook
- Если вы запускаете наружную или звуковую рекламу, когда кто-то не может перейти на ваш сайт напрямую
- Когда вы отправляете электронное письмо о новой функции
- Продвижение чего-то конкретного по вашей биографической ссылке в Instagram
Используйте целевую страницу, когда вы направляете трафик на свой веб-сайт для достижения единственной цели.
Если кто-то обнаружит, что ваш сайт просматривает молву или обычный поиск, он, вероятно, проявит немного больше любопытства и захочет просмотреть разные страницы, чтобы узнать больше о вашем бизнесе. Но когда вы отправляете на свой сайт теплый трафик или людей, которые уже немного знают о вашем бизнесе, лучше всего направить их на целевую страницу, которая напрямую поможет вам в достижении вашей цели.
Как создать целевую страницу с высокой конверсиейХотя существует множество инструментов, которые можно использовать для создания целевой страницы, и каждый из них уникален, самые успешные часто имеют пять общих черт:
- Убедительное предложение (или USP)
- Привлекающие внимание изображения или видео
- Вспомогательный контент
- Четкий призыв к действию
- Социальное доказательство
Что делает ваше предложение неотразимым?
Когда кто-то заходит на вашу целевую страницу, он должен сразу понимать две вещи:
- Что вы предлагаете
- Как то, что вы предлагаете, улучшит их жизнь
Чтобы щелкнуть по вашему CTA, казалось легким Приняв решение, вам необходимо четко и кратко сообщить об этих двух вещах, как только страница загрузится.
Например, давайте снова возьмем целевую страницу Ноя, но на этот раз мы копнем немного глубже.
Эта целевая страница предназначена для захвата адресов электронной почты, и это ясно для всех, кто попадает на эту страницу.
Так что же предлагает Ной и почему это неотразимо?
Ну … узнать, что именно основатель множества компаний с шестизначными числами думает о росте бизнеса, довольно интересно, не так ли?
Без привлекательного предложения ваша целевая страница просто не будет работать. Он должен быть захватывающим, соблазнительным и давать каждому посетителю повод совершить желаемое действие.
Ваше предложение также ДОЛЖНО соответствовать намерениям посетителей, чтобы добиться успеха. Люди посещают сайт Ноя, чтобы узнать о растущем бизнесе, поэтому эта страница имеет смысл в этом контексте.
То же самое и с целевой страницей Winc, которую мы опубликовали ранее:
Чтобы попасть на эту страницу, люди должны щелкнуть рекламу, посвященную вину с низким содержанием сахара. И предложение на этой странице является привлекательным для людей, которым небезразлична эта тема: создайте свою собственную коробку вина с низким содержанием сахара … да, и получите скидку 50%.
Замечательно.
Прежде чем делать что-либо еще — писать текст, начинать проектирование и т. Д. — подумайте о предложении, которое вы хотите отобразить на целевой странице, и о том, что сделает его неотразимым для целевой аудитории этой страницы.
2. Привлекающие внимание изображения или видеоВизуальные эффекты могут иметь огромное влияние на производительность целевой страницы. Изображения и видео, которые вы используете, дают вам возможность произвести хорошее первое впечатление на каждого посетителя. Каждый визуальный элемент, который вы используете, должен служить определенной цели и в идеале показывать ваш продукт в контексте.
Например:
Если вы представляете пищевой бренд, покажите свой продукт неотразимым, как Magic Spoon.
Как компания, занимающаяся разработкой программного обеспечения, вы можете продемонстрировать свой продукт в использовании, например Slack.
Вы также можете показать людям, знакомым с вашим проектом, например, целевую страницу хостинга Airbnb, на которой хозяин приветствует гостя.
Цель ваших визуальных эффектов — как и любого элемента на целевой странице — состоит в том, чтобы побудить посетителя щелкнуть ваш CTA.И один из лучших способов сделать это — использовать креатив, который заставляет посетителя что-то почувствовать: волнение, страх упустить, вдохновение, оптимизм и т. Д.
Если ваши визуальные эффекты не захватывают ваших посетителей, они не будут чувствовать желание действовать. Целью должно быть использование изображений или видео, чтобы показать посетителям, как ваш продукт или услуга могут сделать их жизнь лучше.
3. Подтверждающая копияВ фильмах ведущие актеры часто являются звездами шоу. Именно они изображены на рекламных щитах, дают все интервью и получают награды.Но без великолепного состава второго плана ни один фильм не был бы успешным.
В мире целевых страниц ваше предложение и визуальные эффекты являются ведущими звездами, а ваша вспомогательная копия — это клей, который объединяет все воедино и еще больше приближает ваших посетителей к нажатию на ваш призыв к действию.
Ваше предложение и визуальные эффекты могут заинтересовать кого-то, но людям это интересно. Многим понадобится заголовок из 10 слов и красивые изображения, чтобы сделать следующий шаг. Вот тут-то и пригодится ваша подтверждающая копия.
Главное, что нужно сделать здесь, — это подробнее рассказать о своем предложении:
- Каковы преимущества?
- Каковы ключевые особенности вашего продукта или услуги?
- Почему нельзя пропустить это предложение?
Вот пример онлайн-школы письма Write of Passage:
Она начинается с четкого предложения и визуального представления, а также с поддержки обмена копиями, в которой именно то, что курс принесет пользу каждому студенту. По мере прокрутки вы получаете больше преимуществ в поддержку утверждений в разделе героев.
При написании подтверждающей копии постарайтесь сосредоточиться на посетителе и на том, что его волнует. Эта копия должна поддержать ваше предложение и подтолкнуть посетителя к конверсии.
4. Четкий призыв к действиюЦель каждой целевой страницы — побудить посетителей щелкнуть ваш призыв к действию (CTA). CTA обычно представляет собой кнопку, которая побуждает посетителя веб-сайта совершить определенное действие.
Например:
- «Начать»
- «Зарегистрироваться»
- «Купить»
Вот кнопка CTA «Пройти тест» на одной из целевых страниц Warby Parker:
Есть Вы можете использовать множество призывов к действию, но вот несколько советов, как сделать призыв к действию с высокой степенью кликабельности:
Выберите контрастный цвет: Ваша кнопка призыва к действию должна выделяться среди всего остального на странице.Попробуйте использовать цвет, который контрастирует с фоном и привлекает внимание.
Сделайте действие очевидным: Посетители должны понимать, что произойдет, если они нажмут кнопку. Например, «Купить сейчас» будет явно инициировать покупку, а «Пройдите тест», указанное выше, запустит викторину, которая поможет вам найти подходящую оправу для очков. Текст с призывом к действию, такой как «Далее» или «Щелкните здесь», является слишком общим и заставит посетителей задуматься, какое действие произойдет.
Социальное доказательство — ваше секретное оружие в обращении. Нам нравится проверять свои решения на основе того, что делают другие люди.
Социальное доказательство повсюду. Например, если люди стоят в очереди перед кафе, это говорит нам, что кафе должно быть хорошим, или если хороший друг рассказывает нам о новом бренде, обычно это все, что нам нужно, чтобы доверять этому бренду.
Посмотрите, как Gousto использует социальное доказательство на одной из своих целевых страниц ниже:
Существует много типов социального доказательства, от отзывов и цитат (использованных Gousto выше) до рейтингов и обзоров и тематических исследований.
Bite Toothpaste использует характеристики прессы в качестве социального доказательства на своей целевой странице:
И Huel использует необработанное количество (100 миллионов проданных) и отзывы (5000+) в качестве социального доказательства на своей целевой странице:
Когда вы ‘ Если вы пытаетесь убедить кого-то принять меры на вашей целевой странице, социальное доказательство — один из самых действенных приемов, которые вы можете использовать. Подумайте, как бы вы могли рассказать:
- Цитаты клиентов
- Истории успеха или тематические исследования
- Отзывы из социальных сетей
- Логотипы известных клиентов или аватары известных людей, использующих ваш продукт / услугу
- Отзывы из надежных источников, таких как TrustPilot, Yelp, TripAdvisor
- Упоминания в прессе из крупных публикаций
Вот и все.Все, что вам нужно знать о целевых страницах и ключевых элементах, необходимых каждой успешной странице.
Вы еще не готовы к созданию целевой страницы с максимальной конверсией. Чего же ты ждешь?
Контрольный список для вашей целевой страницы сегодня
Как создать целевую страницу, конвертирующую
Насколько важны целевые страницы для маркетинга?
Вероятно, самая важная статистика, которую необходимо знать, — это то, что коэффициент конверсии может увеличиться более чем на 85% при использовании оптимизированной целевой страницы.Это безумие! Только представьте, какое влияние это окажет, если вы создадите целевую страницу для каждой кампании.
Несмотря на эту сумасшедшую статистику, только 48% маркетологов используют целевые страницы для каждой запускаемой кампании. Таким образом, более половины теряют значительный прирост конверсий, потому что не хотят тратить несколько минут на использование конструктора целевых страниц, чтобы заинтересовать клиентов тем, что они предлагают. Скорее всего, они понятия не имеют, что теряют в первую очередь.
Итак, как вы можете воспользоваться этой новой информацией? Вот несколько советов, которые помогут вам создавать целевые страницы с высокой конверсией.
1. Знайте цель целевой страницы, прежде чем создавать ее
Один из первых шагов — просто понять, чего вы собираетесь достичь с помощью целевой страницы. Понятие «больше конверсий» довольно широко; что для вас обращение?
Для некоторых брендов это будет прямая продажа, а значит, и прибыль.Для других это будет получение подписчиков на список рассылки, который позволит им переходить к содержанию. Или, может быть, идея состоит в том, чтобы превратить бесплатного пользователя в премиум-пользователя, используя бизнес-модель freemium, столь популярную среди стартапов в наши дни.
Имейте в виду четкую цель, которая проинформирует ваш CTA на странице, а также ваш общий подход.
2. Добавьте индивидуальности, но не подавляйте аудиторию
Лучшие и самые эффективные целевые страницы — это те, которым удается передать тон бренда, для которого они продаются.Но вы не хотите ошеломлять аудиторию таким тоном, иначе он может стать неприятным, а может быть, даже оскорбительным.
Например, страница, которая шутит с читателем, — отличный способ установить связь. Особенно с группой, которая более склонна реагировать на юмор в маркетинге, например, миллениалы и последующие поколения. Но если вы зайдете слишком далеко в этом юморе, может показаться, что вы издеваетесь над читателем.
Используйте сдержанность при настройке тона и индивидуальности ваших страниц.Вот хорошее руководство, когда юмор помогает, а когда нет. Согласно этому тематическому исследованию, например, целевая страница с юмором показала лучший результат с точки зрения конверсии:
3. Чем светлее страница, тем больше отклик
Целевые страницы предназначены для быстрой остановки на вашем сайте, нацеленной на конкретную цель. Вы не хотите, чтобы он был загроможден текстом или длинной строкой изображений.
Вы получите больший и лучший результат, если содержание страницы будет простым и легким.Чем проще получить информацию, тем больше конверсий вы увидите.
Убедитесь, что ваша целевая страница тоже загружается быстро. Вы можете потерять конверсии просто потому, что люди устали ждать его загрузки:
- Используйте инструмент Page Speed, чтобы узнать, что замедляет работу вашего сайта. Вот удобный контрольный список, который поможет вам повысить скорость загрузки страниц.
- Воспользуйтесь инструментом Mobile-Friendly Test от Google, чтобы убедиться, что ваш сайт хорошо выглядит на мобильных устройствах.
- Обратите внимание на простои вашего сайта (т.е. как часто ваш сайт не работает). Используйте отчет о времени безотказной работы, который отслеживает время безотказной работы на основных хостинговых платформах.
- Используйте инструмент Alexa SEO Audit для создания индивидуальных отчетов об эффективности вашего сайта в 5 отраслевых стандартных категориях.
4. Призывайте к действию 100% ясность
Чего вы пытаетесь достичь? Это должно быть очевидно в течение первых нескольких секунд после перехода на вашу страницу, потому что это все время, когда вам нужно убедить свою аудиторию дать вам шанс.Большинство людей переходят на страницу, просматривают и щелкают мышью. Такова природа онлайн-продаж, и все мы знакомы с необходимостью быстро привлекать внимание.
Помните об этом, ваш CTA должен быть прямым, легко обнаруживаемым и точно указывать, что вы хотите, чтобы посетители вашего сайта делали. Никогда не размещайте на целевой странице более одного призыва к действию; держите страницу в фокусе. Целевые страницы должны конвертироваться для одной цели, а не перенаправлять в пять других мест, куда вы хотите, чтобы клиент пошел.
Путать призыв к действию, терять конверсию.
4. Рассмотрите видеоклип для визуального вовлечения
Видео в моде на целевых страницах. Они наглядны, стимулируют и легко подаются. Кроме того, они очень быстро передают ваше сообщение и цель и запоминаются зрителям. Кто не может этого оценить? Добавьте к этому тот факт, что люди запрограммированы на реакцию на движущиеся изображения и цвета, и вы получите ценный ресурс, встроенный прямо в нашу ДНК.
Пара правил, которым нужно следовать:
- Если вы делаете закадровый голос, убедитесь, что ваш голос чистый и понятный.
- Обеспечьте визуальные эффекты, соответствующие вашим словам.
- Используйте профессионально сделанное видео, если можете себе это позволить.
И самое главное, никогда не делайте длинное видео на лендинге. По возможности, это должно быть менее 3 минут. Некоторые целевые страницы публикуют видео продолжительностью более десяти минут, и никто не собирается их смотреть. Вот очень подробное описание того, как использовать видео на целевых страницах.
Code Academy — отличный пример использования видео на целевой странице: видео объясняет сайт, используя личную историю пользователя.
5. Попробуйте умные отзывы или обзоры
Никогда не недооценивайте силу демонстрации того, что другие говорят о вас или ваших продуктах. Добавление отзывов на целевую страницу увеличивает конверсию более чем на 35%.
Попробуйте Yotpo, интеллектуальную платформу, использующую возможности пользовательского контента для создания впечатляющих обзоров продуктов. Они используют кураторство в социальных сетях для сбора отзывов, а также множество других инструментов для поощрения отзывов на сайте. Вы можете отображать отобранные отзывы на своем сайте с помощью удобного виджета.
Одна из их последних функций — обзоры Instagram, которые позволяют вам курировать Instagram и публиковать избранные обновления, посвященные вашему продукту, на вашей целевой странице:
6. Никогда не прекращайте измерять и настраивать
Нет единого рецепта конверсии. Вы можете прочитать десятки советов и примеров из практики, но ничто не подойдет вам так, как ваша собственная установка, основанная на ваших собственных экспериментах и настройках.
Существует довольно много инструментов, позволяющих правильно протестировать и оптимизировать целевую страницу:
- Unbounce позволяет правильно A / B тестировать целевые страницы.Вот также удобное руководство по A / B-тестированию
- Crazy Egg позволяет вам видеть, где люди нажимают и как прокручивают вашу целевую страницу, используя тепловые карты.
- Google Analytics поможет вам понять, как пользователи попадают на вашу целевую страницу (пути перехода позволят вам настроить сообщение в зависимости от намерений пользователя).
- Используйте встроенную SEO-проверку Alexa для оптимизации уже опубликованного контента за прошлые периоды. Находите быстрые победы, чтобы привлечь больше органического трафика, не создавая нового контента.
Я использую Cyfe для создания одной панели мониторинга для отслеживания всех путей перехода на мою целевую страницу. Панель управления позволяет мне видеть все потоки трафика с высоты птичьего полета и помогает мне оптимизировать работу в режиме реального времени:
7. Будьте ясны в своем сообщении
Наконец, вам нужно убедиться, что вы передаете правильное сообщение.
