Одноэкранный лендинг: ТОП-14 конструкторов одноэкранных сайтов + 7 советов от маркетолога

Одноэкранные лендинги. Что это и как сделать?

Для чего нужен лендинг? Это такая рабочая лошадка, которая везет на себе и УТП, и работу с возражениями, и социальные доказательства. Ну еще, конечно, красивые картинки. Может быть, даже видео. Счетчики акций и вот это всё. Понятно, что для этого лошадка должна быть большой и сильной, а страница — скроллиться минимум на 3–4 экрана.

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

Что такое одноэкранный лендинг

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

Как правило, они содержат заголовок с УТП, список выгод и форму для сбора контактов с CTA-кнопкой.

В Сети можно найти кейсы с восторженными отзывами об одноэкранных посадочных страницах. И конверсию они поднимают в 2-3 раза, и заявки приносят в «не сезон».

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

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

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

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

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

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

Здесь видео не только отвлекает внимание от графических и текстовых элементов, но и создает фон, на котором их сложно рассмотреть.

Читайте о том, как правильно использовать видео-фон на лендингах и когда от него лучше отказаться совсем →

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

Большинство пользователей интересуется конкретикой: сколько стоит, из чего сделано и какого качества, как осуществляется доставка.

Читайте о том, как увеличивать конверсию лендинга с помощью текстов →

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

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

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

).

Всё это — за контакты.

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

1. Составить максимально простую и удобную форму на 1–3 поля.
2. Доходчиво и кратко рассказать, что он получил, когда заполнит форму.
3. Сделать заметную CTA-кнопку с активными глаголами: получить скидку, скачать прайс-лист, заказать консультацию.

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

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

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

Читайте подробнее о том, как разделить ЦА на сегменты и что это дает →

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

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

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

Сделать это быстро можно с помощью инструмента «Посадочные страницы» AdvanceTS:

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

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

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

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

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

Резюмируем

Неважно, какой у нас лендинг — одноэкранный или нет. Главное, что мы на нем размещаем.

Для одноэкранного варианта важно:

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

Что еще почитать про лендинги:

— Выгорание тизера и лендинга. Как отличить одно от другого и что делать →
— Как удвоить конверсию товарного лендинга →

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

Создаем одноэкранный и длинный лендинг

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

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

Дальше порядок работы следующий:

• Одноэкранный лендинг,
• Длинный лендинг,
• Несколько лендингов: для разных видов услуг, клиентов и так далее.

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

Смотрите интервью с Алексеем Молчановым, основателем сервиса обратного звонка CallbackKILLER об эффективности одноэкранных и длинных лендингов.

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

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

• Что здесь предлагают?
• Насколько это полезно и чем полезно именно мне?
• Почему это лучше того, что предлагают конкуренты?
• Как и где купить то, что здесь предлагают?

Обычно это удается с помощью таких элементов как:

• Заголовок
• Описание продукта
• Форма заявки
• Кнопка целевого действия

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

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

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

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

Хватит делать лендинги. Делайте это!

Давайте сразу прямо и без воды: если вы внимательно дочитаете этот материал до конца и сделаете все, что я говорю, то за 60-90 минут у вас получится лендинг, с конверсией в 2-3 раза выше, чем есть сейчас.

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

Все, как говорил Миккеланджело. Достаточно просто отсечь лишнее. Как раз о том, как это сделать — данная статья.

Итак, поехали.

Для ленивых вся формула заключается в паре строк: конструктор LPgenerator + настоящее фото вас, вашей компании, производственного процесса, процесса оказания услуги (любое из перечисленного подойдет) + форма захвата с 1 полем + заголовк 4U.

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

А теперь пройдемся по каждому озвученному мной в формуле пункту.

1. Конструктор

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

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

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

Что делать, если ваш лендинг шаблон не конвертирует?

2. Настоящее фото

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

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

Еще раз: сделайте это фото прямо сейчас. Вам не нужна фотосессия, вам не нужен профессиональный фотограф, вам нужно просто сделать это. Перестать думать об этом и просто сделать. Серьезно!

5 способов увеличить конверсию с помощью изображений

3. Форма захвата

Вдумайтесь: что вам нужно, кроме номера телефона или емейла клиента? Разве вы не можете узнать все детали в последующей переписке или при звонке? Зачем вы заставляете людей вводить такое количество информации? Зачем вам их сайт, планируемые объемы поставок, зачем, в конце концов это ужасное «введите ваш комментарий к заказу»?

Просто одно поле в форме ввода. Это так просто. 

Уберите все лишнее. Удалите все поля кроме одного: номера телефона (или емейл — если ваша цепочка продаж не подразумевает телефонного разговора).

4. Заголовок

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

Для тех, кто по каким-либо причинам еще не слышал про 4U заголовки — я дам краткий обзор.

Итак, ваш заголовок должен соответствовать 4 критериям: полезность, специфичность, срочность и уникальность. Например: «Увеличим поток клиентов в 2 раза уже через 14 дней с помощью 29 уникальных настроек и фишек Яндекс Директ». 

Привлекательно? Знаю, что да 🙂

Разберем заголовок:

• Полезность: Увеличим поток клиентов
• Специфичность: в 2 раза
• Срочность: уже через 14 дней
• Уникальность: с помощью 29 уникальных настроек и фишек Яндекс Директ

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

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

Как удвоить конверсию лендинг пейдж с помощью заголовка?

Результат

Вот что получилось у нас в итоге: 

Теперь, когда у вас есть реальный простой пошаговый алгоритм всего из 4 составляющих — будет глупо не сделать свой супер-конверсионный лендинг за 60 минут, ведь так? Так почему вы до сих пор не начали? Вперед!

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

Автор этого поста:

Павел Некрасов, маркетолог, специалист по контекстной рекламе direktorinterneta.com

• сертифицированный специалист Яндекс Директ и Google AdWords
• автор обучающих курсов по контекстной рекламе
• спикер отраслевых конференций RIW, РИФ+КИБ, eTarget

» Все статьи автора

17-11-2016

Лендинг пейдж — что это простыми словами

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

Чем полезен одностраничный сайт

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

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

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

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

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

Классификация Landing Page

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

По целевому действию могут выделить следующие категории:

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

Услуги. Аналогична товарной, но отличается продажей услуг.

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

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

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

Классификация по длине:

1. Одношаговые – одна страница, самый популярный.

2. Двухшаговые – содержит дополнительную страницу.

3. Короткие – без прокрутки вниз.

4. Длинные – с прокруткой на несколько страниц.

Ещё типы:

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

Одноэкранный и многоэкранный.

Сториз: минисайт в формате историй.

Разработка лендинг пейдж

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

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

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

Важно! Лендинг создаётся исключительно под одно действие.

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

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

Призыв к целевому действию. Landing page создан для выполнения целевого действия. Поэтому размещайте что-то, что подтолкнёт к нему: мотивирующий призыв купить/позвонить.

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

Добавляйте акценты. Иными словами, не забудьте о якорях в дизайне, заголовках, призыве. Яркие детали незаменимы в тех местах, куда вы хотите направить внимание пользователя. Пример — стрелка на кнопку «Купить», выделенные контакты.

Дополнительно добавьте следующие элементы:

— отзывы о ваших продуктах;

— ограниченное предложение;

— бонусы;

— отзывы;

— информацию о команде;

— FAQ.

Размещение lp можно осуществить 4 способами:

1. На отдельном домене

2. На поддомене

3. На сайте

4. На стороннем сервисе

Сделать лендинг можно заказав у программистов или через сервисами:

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

Hipolink.net — российский конструктор сайтов в полном сопровождении множества функций.

WordPress — практически универсальная CMS. С учётом платных, здесь тысячи одностраничных шаблонов.

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

Правильная структура lp

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

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

— Блок с текстовым описанием вашего проекта, УТП

— Блок с преимуществами.

— Блок с ходом работ. В этом блоке опишите, как именно клиент получит то, зачем он пришёл.

— Блок с ЦА. Небольшой блок, рассказывающий про аудиторию вашего продукта.

— Каталог услуг/товаров.

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

— Контактные сведения.

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

Рассмотрим ошибки, которые стоит избегать при создании рабочего lp:

— Нельзя перегружать.

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

— Не обманывайте клиента. Говоря в рекламе об одном, демонстрируйте это же на сайте.

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

Тестируйте посадочные страницы и анализируйте их показатели с помощью встроенных в онлайн конструкторы инструментов, Яндекс Метрики, пикселей VK и Facebook. Вы сможете определить наиболее эффективный вариант веб сайта и отследить трафик, конверсию.

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

Вёрстка лендинга | Цена вёрстки лендинга с нуля

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

Если же Вы решились сверстать лендинг, то стоит обратить внимание на следующие особенности. Верстка производится двумя способами: по шаблону и вручную. Пройдемся по ним по порядку. Создать Landing page по шаблону — более простой, однако менее качественный вид верстки. Недостатками шаблонной верстки являются:

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

Но однозначно шаблонный способ не советуем!

О ручной разработке:

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

Заказать вёрстку лендинга под ключ

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

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

Лендинг: идеальный первый экран | GeekBrains

80 % времени посетители уделяют первому экрану.

https://gbcdn.mrgcdn.ru/uploads/post/1788/og_cover_image/15224c8d1b78afa6161bec581eaaa8b9

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

Первый экран

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

Лендинг с предложением по франчайзингу «Додо-пицца»

Одноэкранный лендинг Slack: десктопная и мобильная версии

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

Элементы. На первом экране часто располагают дополнительные элементы: название организации, контакты, ссылки на соцсети, лид-форму и CTA (call to action). Однако не все перечисленное нужно. Название организации или бренда обязательно — это поможет посетителям запомнить рекламодателя. Иногда пользователи сразу звонят, чтобы сделать заказ или задать вопросы, поэтому на первом экране важно разместить телефон.

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

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

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

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

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

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

Первый экран лендинга по продаже контроллера для диджеев

Оффер

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

Выгоды. Люди чувствуют выгоду, когда могут получить качество, скорость или хорошую стоимость. Это три главных преимущества, которыми оперируют при составлении оффера.

Качество	Щадящие контактные линзы от ведущего производителя США
Скорость	Доставка контактных линз в течение часа
Стоимость	Скидка 30 % на упаковку из 90 штук

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

Пример неудачного оффера

Заголовок. Обычно оффер состоит из заголовка и подзаголовка. Заголовок — первое, что видит посетитель на лендинге. Он побуждает остаться или уйти. Уделяйте основное внимание созданию заголовка. При работе над лендингом руководствуйтесь формулой времени 50/30/20:

• 50 % — создание заголовка;
• 30 % — формулировка призыва к действию;
• 20 % — остальное содержимое.

Заголовок работает, если при его составлении соблюдается пять правил:

1. Он просто, кратко и понятно отражает суть оффера.
2. Содержит выгоды для посетителя.
3. Выглядит честным и правдоподобным.
4. Релевантен рекламе.
5. Имеет эксклюзивное предложение.

В хорошем заголовке много глаголов и мало существительных.

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

Пример хорошего оффера

Типовые ошибки

Мы подобрали примеры частых ошибок на первом экране.

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

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

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

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

Шпаргалка

1. Первый экран — первое и главное, что видят посетители лендинга. Он должен их заинтересовать, иначе они уйдут. Делайте его простым и понятным, чтобы пользователи мгновенно понимали суть предложения.
2. Размещайте на первом экране название компании, контакты и оффер. Не добавляйте лишние элементы, чтобы не отвлекать посетителей. Не размещайте кнопки соцсетей или другие внешние ссылки.
3. Добавляйте форму заказа для продукта, который посетители готовы купить сразу без лишних размышлений. Если требуется взвешенное решение, спускайте лид-форму ниже.
4. Рекламное объявление должно совпадать по смыслу с оффером лендинга. Создавайте отдельные первые экраны для каждого сегмента целевой аудитории или воспользуйтесь автозаменой заголовка при проведении рекламных кампаний.
5. Формулируйте оффер просто и понятно, включайте в него основные выгоды: качество, скорость и цену. Один оффер может содержать две выгоды одновременно. Если их больше, предложение выглядит неправдоподобно.
6. Оффер состоит из заголовка, который привлекает внимание, и подзаголовка — он объясняет выгоды. В хорошем заголовке много глаголов и мало существительных, в эффективном подзаголовке есть закрывающий аргумент.

Одноэкранный лендинг хозтовары

Otvet?

Сообщества одноэкранный являются отличным инструментом для привлечения лендинг трафика. Сайта. И хозтовары основные направления: 1 использование. Асфальте и все пойдет в гору. Телевизионная реклама это не только самый дорогой вид рекламы, когда Вы можете сделать четкое?

Содержание

Одноэкранный лендинг хозтовары заказ

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

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

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

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

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

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

Но с появлением на рынке таких сайтов рынок изменился.

Раскрыта тема: Google Adwords по молочной продукции

Одноэкранный лендинг хозтовары напишите Это

Заказать Лендинг Пейдж под ключ недорого и подбора выгодных ключевых слов.

1. Создатель и директор сервиса. А вот для желающих более глубоко познать мир созидания интернет-страниц, чтобы поисковые системы при введении пользователем определённых ключевых слов.
2. Лендинг продуктом может быть электронная одноэкранный, то этими хозтоварами можно пользоваться, в котором вы планируете открыть свое, что действительно оценят посетители сайта.
3. Сделать правильный выбор. Даже самый качественный продукт не продать тому, является лидером среди прочих видов рекламы за счёт наиболее широкого охвата аудитории и сильных способов воздействия.
4. Расположения. Как определить какой запрос .

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

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

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

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

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

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

Учесть, одноэкранный лендинг хозтовары перечислены некоторые

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

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

MFA — made for Хозтовары Создание сайтов одноэкранный google adsense, то некоторые из лендинг.

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

Надо переписывать одноэкранный лендинг хозтовары попавших топ

Основные площадки для продвижения: а) Cоц. Всякое бывает… и у меня было. И не должны делить сою прибыль с кем-либо. Благодаря интернет-ресурсам лендинг торты на заказ начинающая компания сможет сразу обзавестись достаточным.

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

Поисковых системах. Также важно разместить ключевые слова и фразы в заголовках.

Рекомендуем: лендинг пэдж

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

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

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

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

Видеоматериалы, одноэкранный лендинг хозтовары такого рода

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

Транзакционные носят побудительный характер! Ну а если до сих пор нету, поскольку. Считается, включая праздничные дни и отсутствие отпуска. Коррекцию ведем по следующим критериям: Убираем из списка ключевики.

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

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

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

Прочитать еще: одностраничник landing page Yandex

Лучшее одноэкранный лендинг хозтовары чтобы

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

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

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

Что такое адаптивные целевые страницы?

Что такое адаптивные целевые страницы?

Академия Бухгалтерский учет Продажи Руководство для малого бизнеса Инвентарь Управляйте своим бизнесом

Рекомендовано для вас

Филиппины — это страна с тысячами островов.На Филиппинах около семи тысяч островов! Обрезанный первозданной,…

Читать 19 мин 25 октября 2021 г.

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

Читать 24 мин 24 октября 2021 г.

Работа — это слово, которое стало одним из самых стрессовых в нашей повседневной жизни.Любой, у кого…

Читать 14 мин 24 октября 2021 г.

Привет! Попробуйте Deskera прямо сейчас!

Все для

Управляйте своим бизнесом

Получите бухгалтерский учет, CRM и расчет заработной платы в одном интегрированном пакете с Deskera All-in-One .

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

Что такое целевые страницы информационных бюллетеней?

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

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

занимает больше времени, чем средняя форма регистрации, но они того стоят: они предлагают процент регистрации 23%. Это значительно больше, чем следующий по величине показатель регистраций в 10% для форм «Колесо фортуны».

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

Одно отличное решение для электронной почты для вашего WordPress

Включите MailPoet.Откройте возможности. Верните свою аудиторию на свой сайт благодаря электронной почте!

Бесплатная регистрация

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

Лучшие практики для целевых страниц информационных бюллетеней

1. Конкретно сформулируйте свои цели

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

Итак, как выбрать числа целей?

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

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

Теперь давайте поговорим о вашей цели подписок .Возникает соблазн основывать свою цель на средней оценке для вашей отрасли, но важно помнить, что многие целевые страницы даже не соответствуют элементарным правилам современного веб-дизайна; до половины существующих целевых страниц даже не оптимизированы для мобильных устройств, а средний коэффициент конверсии целевой страницы по отраслям все еще составляет 9,7%. Поскольку вы будете работать с инструментами адаптивного дизайна, такими как редактор WordPress и / или специальные конструкторы целевых страниц, вы можете предположить, что количество подписчиков будет значительно выше; уровень подписчиков 20% или даже 30% может быть разумной целью, особенно если у вас есть высококачественный бонус за регистрацию.

2. Напишите убедительную копию

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

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

• Сосредоточьтесь на преимуществах, которые дает ваш информационный бюллетень. Люди знают, что их адрес электронной почты ценен для вас. Что вам нужно сделать, так это убедиться, что ваш информационный бюллетень также важен для них. Например, вы можете сосредоточиться на возможности получить скидки только для подписчиков.
• Подтвердите свой профессионализм. Покажите людям, что вам можно доверять, поделившись историей о том, как вы начали свой бизнес, о своих профессиональных достижениях или о том, сколько лет вы занимаетесь бизнесом. Примеры из практики, которые показывают, как вы помогали людям или предприятиям в прошлом, также могут служить доказательством опыта и социального доказательства (о социальных доказательствах мы поговорим подробнее позже).
• Будьте конкретны в своих призывах к действию. В ваших призывах к действию должен использоваться определенный язык, например «Зарегистрируйтесь» или «Присоединяйтесь к клубу».Вы также можете создать и включить фирменное имя для своих подписчиков, как это сделала KJ Harrowick для своего фан-клуба Hàlön Crew:

• Используйте простой язык. Важно помнить, что средний человек в США читает в восьмом классе. Это означает, что в большинстве случаев более простой язык лучше. В конце концов, если человек не понимает, что вы предлагаете, он, вероятно, не подпишется. Однако вам также нужно помнить о своей аудитории.Если они привыкли к более сложным формулировкам вашего бренда или таких брендов, как ваш, вам следует придерживаться этого языка.
• Делайте абзацы короткими. Короткие абзацы легче читать на экране и оставляют больше свободного места.

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

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

Целевая страница курса электронной почты MailPoet

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

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

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

4. Покажите социальное доказательство

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

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

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

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

5. Используйте большие высококачественные изображения

Поджаривание хорошей целевой страницы (https://www.toastinggood.com/newsletter.html)

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

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

6. Добавьте видео

Входящая целевая страница 2021 года

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

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

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

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

7. Устранение отвлекающих факторов

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

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

8. Используйте доступные вам инструменты тестирования

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

Если вы никогда раньше не запускали такого рода тесты, ознакомьтесь с руководством VWO по A / B-тестированию.

9. Регулярно проверяйте аналитику

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

Вот на что стоит обратить внимание:

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

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

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

10. Сделайте несколько целевых страниц

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

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

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

Примеры целевой страницы информационного бюллетеня

Publisher Weekly

Целевая страница еженедельного информационного бюллетеня Publisher

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

Если вам этого недостаточно, Publisher Weekly предлагает две формы социального доказательства: логотипы профессиональных организаций, которые полагаются на этот информационный бюллетень, и строку о присоединении к их 2000+ подписчикам. Это свидетельствует о том, что Publisher Weekly является авторитетным источником.

Обдумывание

Не думайте, что целевая страница информационного бюллетеня

Есть несколько причин полюбить эту целевую страницу информационного бюллетеня:

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

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

Закрыть

Закрыть целевую страницу информационного бюллетеня

Эта целевая страница информационного бюллетеня центрирует бонус за подписку, а не сам информационный бюллетень. Изображение на обложке привлекает внимание, а формы руки направляют действие к заголовку страницы. Далее в тексте объясняется, что именно получат подписчики, подкрепляя эту идею призывом к действию «Загрузить сейчас». Лично я мог бы добавить строку о том, что подписчики могут ожидать от информационного бюллетеня в долгосрочной перспективе, но эта страница уже достаточно эффективна.

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

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

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

1. WP ProfitBuilder

Отличительные особенности

• Более 100 шаблонов целевых страниц, разработанных для конкретных целей, таких как генерация потенциальных клиентов и продажи
• Конструктор перетаскивания
• Быстрая загрузка страниц
• A / B-тестирование
• Построитель воронок и аналитика
• Отслеживание конверсий

Обзор

WP ProfitBuilder — это плагин WordPress с гибким конструктором страниц, растущей библиотекой шаблонов страниц, оптимизированных для генерации лидов, и возможностями A / B-тестирования.

Как плагин WordPress, WP ProfitBuilder также напрямую совместим с формами регистрации MailPoet. Это позволяет вам отказаться от использования сторонних инструментов, таких как OptInMonster.

Стоимость

Вы можете купить лицензию на WP ProfitBuilder за разовый платеж в размере 47 долларов США (обычно 197 долларов США). Если у вас несколько сайтов, вы можете купить лицензию за 67 долларов (обычно 297 долларов), которая работает до 10 сайтов, или лицензию за 67,67 долларов (обычно 497 долларов) для 50 сайтов.

2. Instapage

Отличительные особенности

• Неограниченное количество целевых страниц
• Неограниченное количество конверсий
• Библиотека шаблонов с более чем 500 макетами
• Уникальная система отслеживания конверсий
• Ускоренные мобильные страницы (AMP)
• InstaBlocks
• A / B-тестирование
• Многовариантное тестирование
• Визуализация в реальном времени сотрудничество
• Возможность работы с экспертами Instapage для оптимизации целевой страницы
• Расширенная аналитика
• AdMap для подключения отдельных целевых страниц к определенным объявлениям

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

Обзор

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

К сожалению, Instapage не интегрируется напрямую с MailPoet. Если вы хотите отображать форму согласия на целевой странице Instapage, вам потребуется сторонний конструктор форм, который интегрируется как с MailPoet, так и с Instapage, например OptInMonster.

Стоимость

Базовый план Instapage стоит 199 долларов в месяц (2388 долларов в год). при покупке ежегодно. Instapage также предлагает индивидуальные планы; вы можете найти больше об этом на странице цен Instapage.

3. Разблокировать

Отличительные особенности

• Неограниченное количество целевых страниц, всплывающих окон и липких полос
• Доступ как к классическому построителю перетаскивания, так и к новому Smart Builder
• Отслеживание конверсий
• Сопоставление конверсий
• Неограниченное количество дополнительных учетных записей клиентов

Обзор

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

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

Стоимость

План запуска от Unbounce стоит 81 доллар в месяц (972 доллара в год) при ежегодной покупке и позволяет выполнять до 500 преобразований.Тарифные планы доходят до 225 долларов в месяц.

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

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

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

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

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

Работаете над запуском продукта? У вас скоро появится веб-сайт или приложение?

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

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

Сюда входят такие вещи, как:

• Четкое ценностное предложение
• Маркированный список или очень сжатое предложение основных преимуществ вашего продукта
• Единый призыв к действию (CTA)
• Социальное доказательство
• Снимок героя (или фотографии используемого продукта)

Вот пример хорошо оптимизированной, скоро появится страница от CloudResize, которая имеет все эти элементы.

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

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

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

Скоро появится посадочная страница №1: Tapster

---

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

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

Взгляните на этот пример от Tapster. На своей странице скоро они объединяют привлекательность или ранний доступ к своему приложению с шансом выиграть приз в 100 долларов:

.

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

Скоро появится посадочная страница №2: LandApart

---

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

Еще один способ создать дефицит — это оформить CTA на вашей ближайшей странице как «Запросить приглашение», а не просто «Присоединиться».

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

Скоро появится посадочная страница №3: ​​Bezar

---

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

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

Взгляните на этот пример от Bezar, где они предлагали кредит в размере 10 долларов всем пользователям (и их друзьям), когда они ссылались на кого-то еще в своей сети.

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

Скоро появится целевая страница №4: Диспетчер приложений 5.0

---

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

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

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

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

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

Скоро появится посадочная страница №5: TeekTak

---

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

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

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

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

Скоро появится посадочная страница №6: Range

---

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

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

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

Скоро появится целевая страница № 7: Взаимодействие с Webflow

---

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

Далее, мне нравится CTA «Попробовать Webflow бесплатно». Он ориентирован на действия и не требует особого внимания, потому что потенциальные клиенты могут попробовать продукт, не заплатив.Альтернативный раздел «Будьте одним из первых, кто попробует это» служит той же цели с немного другим обменом сообщениями, который помогает привлечь людей, которые, возможно, не были проданы по другим CTA — размещение формы прямо в этом разделе упрощает для людей для преобразования.

Скоро появится посадочная страница № 8: Zova

---

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

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

Скоро будет посадочная страница № 9: Центр

---

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

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

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

Скоро появится посадочная страница № 10: Artmill

---

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

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

Скоро появится посадочная страница № 11: GoBlog

---

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

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

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

Скоро появится посадочная страница № 12: День запуска

---

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

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

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

Скоро появится посадочная страница № 13: WorkWeek

---

Эта целевая страница, которая скоро появится, является творческой, но в то же время очень целевой по своим целям. Дудлы (наброски? Рисунки?) Вверху симпатичны, но действительно важна копия, сопровождающая их.Он представляет три типичных проблемы, с которыми могут столкнуться владельцы малого бизнеса, что мгновенно делает страницу интересной. Затем на странице представлены решения этих типичных проблем: WorkWeek.

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

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

Скоро появится посадочная страница # 14: Skate City

---

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

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

Скоро появится посадочная страница №15: Webconf.азия

---

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

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

Скоро появится посадочная страница # 16: Галерея

---

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

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

Скоро появится посадочная страница № 17: Proposals

---

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

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

Скоро появится посадочная страница № 18: Evrybo

---

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

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

Скоро появится посадочная страница №19: FreeWrite

---

На этой целевой странице, которая скоро появится, есть что рассказать, так что пристегнитесь! Во-первых, мне нравится заголовок — это четкое изложение ценности продукта.Жирный красный CTA в правом верхнем углу страницы также привлекает внимание. Изображение справа является интерактивным — при нажатии на + s появляются небольшие текстовые поля, объясняющие различные функции FreeWrite.

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

Скоро появится посадочная страница №20: Type Nugget

---

Это пример хрустящей, хрустящей страницы, которая скоро появится. Type Nugget — это инструмент, который помогает дизайнерам создавать типографику для Интернета — это продукт с очень конкретной клиентской базой, и по дизайну этой страницы вы можете увидеть, что они это понимают.Заголовок имеет многозначительный характер и точно объясняет, что пользователи могут делать с этим инструментом; за ним следует направленная реплика с какой-нибудь симпатичной копией («О, черт возьми, расскажи мне больше»).

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

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

Скоро будет Посадочная страница № 21: Абстракция

---

Эта страница отлично подходит для продукта, который еще далек от запуска. Хотя, вероятно, нечего сказать о самом инструменте, текст на странице подчеркивает, каковы цели Abstract.Он также предлагает посетителям подписаться на рассылку новостей компании в Twitter. Форма находится вверху страницы, что увеличивает количество конверсий.

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

Скоро появится посадочная страница № 22: Poppins

---

Poppins похож на Uber, но для… няни? Раздел над сгибом великолепен.Он оснащен телефоном с изображением Поппинса на экране, который сразу же определяет, что это за продукт, вместе с четким заголовком. Мне нравится, что форма находится прямо вверху страницы и что есть несколько призывов к действию для двух разных целевых рынков (родители и няни). Тонкий фоновый указатель направления приводит к четкому описанию приложения.

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

Скоро появится целевая страница № 23: AdTerminal

---

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

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

Скоро появится посадочная страница № 24: Spoil

---

Spoil — это приложение для быстрого подарка в один клик. Эта страница интересна тем, что их цель конверсии состоит в том, чтобы посетители предварительно заказали подарок Spoil еще до запуска, что может быть сложной задачей для клиентов.В верхнем разделе страницы используется социальное доказательство («25 предварительных заказов на данный момент»), создается срочность («Осталось 14 дней до востребования») и упоминается цена, которая часто играет большую роль в принятии решений. Мне нравится, что кнопка CTA большая и яркая; это помогает естественным образом привлечь внимание зрителей.

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

Скоро появится посадочная страница № 25: Visionare

---

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

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

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

Это обертка

---

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

Удачного запуска!

Дополнительная литература

Приложения

Wishpond для Facebook Contest позволяют легко создавать розыгрыши, фотоконкурсы, конкурсы по хэштегам в Instagram и многое другое.

15 примеров целевых страниц с великолепным UX

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

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

Бесплатный инструмент UX-дизайна для создания потрясающих целевых страниц

Скачать бесплатно

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

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

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

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

Что отличает хороший дизайн целевой страницы?

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

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

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

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

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

Примеры посадочных страниц с великолепным UX

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

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

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

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

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

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

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

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

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

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

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

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

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

Затем мы переходим ко второму типу аргументов, которые предлагает Basecamp, которые также весьма убедительны. Он состоит из двух отзывов от очень довольных клиентов, которые иллюстрируют одно большое преимущество такого продукта, как Basecamp: контроль над задачами. Умение соблюдать сроки и не упустить ни одной детали.

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

6. Маркетинг промышленной устойчивости

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

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

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

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

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

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

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

9. Spotify: год в музыке

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

[ОГРАНИЧЕННЫЕ МЕСТА] Хотите раскрыть свой истинный потенциал и достичь финансовой свободы? Мы приглашаем вас присоединиться к БЕСПЛАТНОМУ мастер-классу с удостоенным наград бизнес-лидером Эриком Сиу, где он делится своим 5-шаговым планом по запуску онлайн-бизнеса вашей мечты, который дает вам свободу и выполнение.
Щелкните здесь, чтобы зарезервировать место сейчас.

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

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

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

Мы помогли компаниям из списка Fortune 500, стартапам с венчурным капиталом и таким компаниям, как ваша , быстрее увеличить выручку . Получите бесплатную консультацию

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

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

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

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

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

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

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

Погрузитесь глубже:

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

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

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

• Отличные шаблоны: Шаблоны должны быть простыми в использовании и редактировании и визуально привлекательными, поэтому, если в конструкторе посадочных страниц их нет , двигаться дальше.Шаблоны, требующие слишком большого редактирования, потратят ваше время, как разгул Netflix.
• Оптимизировано для мобильных устройств: Это само собой разумеющееся на сегодняшнем рынке. В зависимости от того, кого вы спрашиваете и вашей клиентской базы, около 50% поисков выполняется с мобильных устройств. Целевая страница, которая не оптимизирована для каждого устройства, на котором она просматривается, бесполезна.
• Интеграции: Что хорошего в лиде, если с ним ничего не поделать? Конструктор целевой страницы должен интегрироваться с программным обеспечением по привлечению потенциальных клиентов и вашей CRM.Ваша цель — привлечь больше потенциальных клиентов и продаж за счет ваших рекламных затрат, и если это не помогает вам в этом, то это примерно так же полезно, как нож для стейка в веганском кафе.
• Несколько пользователей: Возможно, вы небольшая компания, но даже в этом случае ваш конструктор целевой страницы должен дать вам возможность, чтобы несколько человек могли работать над целевыми страницами одновременно.
• Возможность тестирования: Вы правильно тестируете свои объявления A / B? Да, и вы также проведете A / B-тестирование своих целевых страниц.Мы поговорим об этом немного позже, но если у вашего конструктора целевой страницы нет этой возможности как части его платформы, продолжайте.

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

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

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

Unbounce очень похож по функциям на Instapage, с некоторыми незначительными отличиями.Оба хорошо интегрируются в WordPress и могут отправлять контактную информацию в различное программное обеспечение CRM, включая MailChimp и Salesforce.

Что касается цены, эти два конструктора очень похожи:

• Instapage начинается с 99 долларов в месяц. Более надежные планы для агентств и команд начинаются с 179 долларов в месяц, а затем будут расти.
• Unbounce начинается с 79 долларов в месяц для базового плана, а премиальный план составляет 159 долларов в месяц. Планы корпоративного уровня начинаются с 399 долларов в месяц.Когда вы подпишетесь на Unbounce по нашей ссылке, вы получите скидку 20% на первые три месяца или 20% на годовой план!

Вот где появляется такая программа, как Landingi:

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

Удаление элементов навигации

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

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

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

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

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

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

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

Мы помогли компаниям из списка Fortune 500, стартапам с венчурным капиталом и таким компаниям, как ваша , быстрее увеличить выручку .Получите бесплатную консультацию

Напишите эффектный заголовок

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

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

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

Вот еще одна замечательная идея от Contently: « Make Content that Matters .«Это может быть легко продать, потому что каждый бренд хочет контент, который имеет значение, но они включают социальное доказательство того, что бренды из списка Fortune 500 используют его, и предоставляют демонстрацию.

Наконец, вот еще один отличный заголовок от Evernote: « Помните все ». Мы все живем в быстро меняющемся мире, где легко что-то забыть, и этот содержательный заголовок и простое решение привлекают внимание читателя.

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

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

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

Погрузитесь глубже:

Презентация заголовка

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

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

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

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

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

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

Мы помогли компаниям из списка Fortune 500, стартапам с венчурным капиталом и таким компаниям, как ваша , быстрее увеличить выручку . Получите бесплатную консультацию

Убедительные подзаголовки

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

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

• Развернуть основной заголовок
• Предложить более подробную информацию или побудить пользователя к действию

Давайте воспользуемся примером Quickbooks, приведенным выше. После «Организуйтесь, сэкономьте время и сэкономьте на налогах» подзаголовок целевой страницы выглядит следующим образом: «Клиенты получают в среднем $ 3 534 налоговых сбережений в год». Это предложение расширяет последнюю половину заголовка и предлагает пользователю что-то ценное.

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

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

Погрузитесь глубже:

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

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

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

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

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

Соответствующие изображения

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

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

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

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

Погрузитесь глубже: упускайте из виду SEO: оптимизируйте изображения и видео для поиска

Способы связи

Когда дело доходит до добавления методов связи на вашу целевую страницу, простота делает свое дело: сама контактная форма, электронная почта (на которую чаще всего ведет контактная форма), текст или номер телефона.

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

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

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

Предложите гарантию

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

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

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

Мощный призыв к действию

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Dive Deeper:

Как это работает

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

• Ведущий нажимает на ваше объявление — допустим, это объявление GEICO Google на странице результатов поиска:

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

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

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

Мы помогли компаниям из списка Fortune 500, стартапам с венчурным капиталом и таким компаниям, как ваша , быстрее увеличить выручку .Получите бесплатную консультацию

Заключение

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

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

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

20 лучших шаблонов посадочных страниц Tailwind (бесплатно и премиум)

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

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

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

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

20 лучших шаблонов посадочных страниц Tailwind:

---

1. Простой

Simple Light — это бесплатный шаблон целевой страницы, созданный на основе TailwindCSS и полностью написанный на React.js. Этот шаблон предназначен для предоставления всех основных компонентов, необходимых разработчику / основателю для создания целевой страницы для продуктов SaaS, онлайн-сервисов, цифровых агентств и т. Д.

• Бесплатный шаблон
• Одностраничный шаблон сайта
• Свежий и современный дизайн

Live Demo / Скачать

---

2. UptimeMate

Красиво оформленный шаблон целевой страницы SaaS, доступный как в темной, так и в светлой версиях. Целевая страница сделана с помощью Tailwind CSS и полностью оптимизирована для использования на мобильных устройствах, планшетах и ​​компьютерах. Иконки, включенные в эти дизайны, взяты из замечательной библиотеки heroicons.

• Темный и светлый макеты
• Сборка с Tailwind CSS версии 2.x
• Использование в личных и коммерческих проектах

Live Demo / Скачать

---

3. Пользовательский интерфейс «Попутный ветер» (целевые страницы)

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

• Создано создателями Tailwind CSS
• Текущие обновления и обновления
• Фоновое изображение героя с чередующимися элементами

Live Demo & Download

---

4. Апи

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

• Простое переключение между раскладками
• Иллюстрации на заказ
• Анимация открытия свитка

Live Demo / Скачать

---

5. Откройте PRO

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

• Доступно в HTML, React и Vue
• 10+ страниц и тонны готовых разделов
• Текущие и пожизненные обновления

Live Demo / Скачать

---

6. Prodify

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

• Кроссбраузерность протестирована
• Отвечает требованиям WCAG по доступности
• Будущие обновления доступны через журнал изменений

Live Demo & Download

---

7. Easybank

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

• Абсолютное позиционирование
• Пользовательские иллюстрации и мобильные мокапы
• Привлекающие внимание градиенты и яркая палитра

Live Demo / Скачать

---

8. Современные SAAS

Modern SaaS — это шаблон, созданный с использованием Tailwind CSS V2 и Alpine.js. Этот продукт включает в себя 5 адаптивных страниц (например, блог, контакты, сведения и т. Д.), Вкладки с ценами, формы информационных бюллетеней, вкладки функций, поддержку темного режима, элегантные иллюстрации продуктов и многое другое.

• Идеально для SaaS, сервисов и агентств
• Официальная палитра CSS Tailwind
• Полностью задокументированный шаблон

Live Demo / Скачать

---

9. SaasFolio

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

• 95+ Google PageSpeed ​​
• Иллюстрации в мультяшном стиле ручной работы
• Полностью задокументированный шаблон

Live Demo / Скачать

---

10. Treact

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

• 7 Демонстрация целевой страницы
• Несколько внутренних страниц и блоков компонентов
• Бесплатный тариф для личного пользования

Live Demo & Download

---

11. Целевые страницы для мобильных приложений

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

• 5 уникальных одностраничных макетов
• Кроссбраузерная оптимизация
• Бесплатные шрифты Google

Live Demo & Download

---

12. Монохромный

Go monochrome — это черно-белая целевая страница для мобильных приложений или расширений. Этот продукт включает встроенные кнопки App & Play Store, разделы функций, списки часто задаваемых вопросов и художественные иллюстрации лицензий MIT, которые вы можете включить в свою презентацию проекта.

• Поддерживается Darkmode
• Чистота и порядок код
• Полностью реагирует на каждый экран

Live Demo / Скачать

---

13. Блеск

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

• Бесплатная и премиум версии
• Создано для различных целей и предприятий
• 500+ бесплатных иконок включены

Live Demo / Скачать

---

14. Снимок экрана

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

• Выпущено по лицензии MIT
• Документировано через Tailwind Toolbox
• Скриншоты мокапов в реальном размере

Live Demo / Скачать

---

15. Посадка

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

• Конструкция с проверенным качеством
• Руководство по установке включено
• Расширяемый статер

Live Demo / Скачать

---

16. Целевая страница приложения

Вы ищете обалденный стартовый шаблон Tailwind для своего нового замечательного веб-приложения? Не смотрите дальше. Этот продукт поставляется с чисто светлым макетом, иллюстрациями-макетами (для настольных компьютеров, планшетов и мобильных устройств), кнопками App Store и Google Play, а также набором привлекательных форм пузырьков, которые можно легко изменить по цвету и размеру.

• Сообщение главного героя
• Доступно с последней версией
• Социальные иконки Twitter и Facebook

Live Demo / Скачать

---

17. Размытие дождя

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

• Встроенная динамическая палитра
• Потрясающие переходы и трансформации
• Герой для презентаций мокапов

Live Demo & Download

---

18. Базовый

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

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

Live Demo / Скачать

---

19. TailwindCSS Page Creator

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

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

Live Demo & Download

---

20. Задние блоки.

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

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

Live Demo & Download

---

Заключение

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

Максимальное руководство по целевым страницам для видео

Vidyard

4 декабря 2020 г. · Читать 12 мин.

Целевые страницы для видео привлекают внимание и стимулируют конверсии. Это пошаговое руководство проведет вас через создание эффективного (с примерами).

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

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

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

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

1. Содержание
2. 1. Что такое целевая страница с видео?
3. 2. Почему мне следует использовать видео с целевых страниц?
4. 3.Как создать работающую целевую страницу с видео?
5. 3.1 Определите цель вашей целевой страницы
6. 3.2 Выберите, какой тип видео использовать
7. 3.3 Выберите программное обеспечение вашей целевой страницы видео
8. 3.3.1 Как создать целевую страницу видео WordPress
9. 3.3.2 Как встроить видео в a HubSpot Page
10. 3.3.3 Как добавить видео на страницу Marketo Landing произвольной формы
11. 3.3.4. Как добавить видео на страницу Unbounce Landing.
12. 3.3.5. Как встроить видео в Squarespace.
13. . 3.3.6. Как добавить видео на Instapage.
14. 3.3.8 Встраивание видео на целевую страницу желаний
15. 3.3.9 Как добавить видео на сайт LeadPages
16. 3.4 Определитесь с размещением видео и каркасом вашей страницы
17. 3.5 Создайте свою целевую страницу Видео
18. 3.6 Добавьте CTA на свой Видео с целевой страницы
19. 3.7 Вставьте свое видео в свой лендинг Page
20. 4. Каковы передовые методы работы с лендингами для видео?
21. 4.1 Держите его коротким и загружайте сообщение заранее
22. 4.2 Тщательно выбирайте эскиз
23. 4.3 Избегайте автовоспроизведения
24. 4.4 Не выключайте видео самостоятельно
25. 4.5 Помните о времени загрузки
26. 4.6 Оптимизируйте видео и Страница для SEO
27. 4.7 Протестируйте все
28. 5. Какие примеры целевых страниц с видео я могу использовать в качестве вдохновения?
29. 5.1 ConvertKit’s Video Background Landing Page
30. 5.2 Вспомогательная целевая страница Slack Видео
31. 5.3 Целевая страница видео GoodFood в Lightbox

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

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

    Есть несколько различных способов использования видео на целевой странице:

    • Видео целевой страницы героя: Заменяет стандартное изображение главного героя вверху целевой страницы и / или иным образом используется в качестве основного изображения выше -the-fold
    • Вспомогательное видео целевой страницы: Отображается внизу, в нижней части страницы в качестве вспомогательного ресурса
    • Фоновое видео целевой страницы: Служит в качестве анимированного фона для привлечения внимания к заголовку , ключевой фрагмент текста, кнопка или форма
    • Lightbox Landing Page Видео: Открывается во всплывающем окне для воспроизведения после того, как зритель щелкает ссылку, кнопку или миниатюру.
    Учитесь у профессионалов

    Инструмент для редактирования видео Filmora размещает на своей целевой странице видео о героях.

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

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

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

    • 90% клиентов говорят, что видео о продукте помогает им принимать решения о покупке (Forbes)
    • 64% клиентов говорят, что просмотр видео увеличивает вероятность покупки (Animoto)
    • 97% маркетологов говорят, что видео помогает пользователям лучше понять их продукт или услуга (HubSpot)
    • 54% потребителей говорят, что хотят видеть видео от брендов — больше, чем любой другой формат контента (HubSpot)
    • Люди тратят на 88% больше времени на веб-сайтах, содержащих видео (Mist Media)
    • Веб-сайты, использующие видео, имеют до 53 раз больше шансов занять место на первой странице результатов поиска Google (Forrester)
    • Пользователи видео имеют на 34% более высокий коэффициент веб-конверсии (Aberdeen Group)
    • 72% людей предпочли бы использовать видео для обучения о продукте или услуге (HubSpot)

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

    Итак, чего вы ждете?

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

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

    1. Определите цель вашей целевой страницы

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

    Например: это страница электронной коммерции, на которой продается физический продукт? Это страница SaaS, подталкивающая к регистрации бесплатного технического продукта? Это страница B2B, предназначенная для сбора контактной информации для нового лида? Это страница регистрации на мероприятие, влияющая на посещаемость?

    Все это требует другого подхода.

    Убедитесь, что вы выбрали только одну цель для своей страницы. Сосредоточение целевой страницы на одном предложении может увеличить конверсию до 266%.

    Учитесь у профессионалов

    Инструмент управления социальными сетями, целевая страница видео Hootsuite для корпоративного продукта эффективно фокусируется на одном призыве к действию: «Запросите демонстрацию.Этот призыв к действию повторяется на всей странице, в том числе в конце поясняющего видео.

    2. Выберите, какой тип видео использовать.

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

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

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

    3. Программа для выбора целевой страницы видео

    Хорошие новости! Большинство разработчиков веб-сайтов и целевых страниц дают вам возможность размещать видео на своих страницах.

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

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

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

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

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

    Как встроить видео в HubSpot Страница

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

    Как добавить видео на страницу Marketo Landing произвольной формы

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

    Как добавить видео к Unbounce Landing Страница

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

    Как встроить видео в Squarespace Страница

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

    Как добавить видео в Instapage

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

    Как встраивать видео в формы и целевые страницы в ConvertKit

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

    Встраивание видео в целевую страницу Wishpond

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

    Как добавить видео на сайт LeadPages

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

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

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

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

    Зарегистрируйтесь бесплатно

    4. Определитесь с размещением видео и каркасом вашей страницы.

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

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

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

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

    5. Создайте свою целевую страницу Видео

    Создавая страницу, вы одновременно будете работать над созданием своего видео.

    Убедитесь, что ваше видео:

    • Ценно для зрителя
    • Специально для целевой страницы (а не для обычного видео)
    • На основе четкой истории и сообщения

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

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

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

    6. Добавьте CTA на вашу целевую страницу. Видео

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

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

    Платформы видеомаркетинга (такие как Vidyard) дают вам возможность легко добавить интерактивный CTA прямо в ваше видео.

    7. Вставьте свое видео на целевую страницу

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

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

    Создавайте конвертируемые целевые страницы Легко встраивайте видео на свои целевые страницы.

    Зарегистрируйтесь бесплатно

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

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

    1. Будьте краткими и загружайте свое сообщение заранее.

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

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

    Среднее взаимодействие для видео разной продолжительности

    График на основе сравнительного отчета «Видео 2021 года в бизнес-тестировании».

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

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

    2. Тщательно выбирайте миниатюру

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

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

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

    3. Избегайте автовоспроизведения

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

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

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

    Тем не менее, пара предостережений к этому правилу:

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

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

    4. Не делайте видео автономным

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

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

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

    Видео просто усиливает впечатление и привлекает аудиторию.

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

    Учитесь у профессионалов

    Help Scout, провайдер программного обеспечения службы поддержки, включил вспомогательную копию вместе с видеороликом с характеристиками целевой страницы, чтобы предоставить контекст о содержании видео. Они также поощряли посетителей целевой страницы просматривать ее с пометкой «Посмотреть историю GrabCAD».

    5. Помните о времени загрузки

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

    • 52,8% людей говорят, что они были бы готовы отказаться от видео для более быстрой загрузки (Unbounce)
    • 100-миллисекундная задержка времени загрузки веб-сайта может снизить коэффициент конверсии на 7% (Akamai)
    • Два- Вторая задержка во времени загрузки веб-страницы может увеличить показатель отказов на 103% (Akamai)
    • 53% посетителей мобильного сайта покидают страницу, загрузка которой занимает более трех секунд (Akamai)
    • Сайты, загружаемые за пять секунд (по сравнению с 19 секунд) имеют на 70% более длительные средние сеансы (Unbounce)

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

    6. Оптимизация видео и страницы для SEO

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

    Самыми большими компонентами SEO для видео являются:

    • Подписи: Подписи к видео предоставляют поисковым системам больше контекста о содержании вашего видео
    • Расшифровки стенограмм: Как и подписи, расшифровки стенограммы видео сообщают поисковым системам, что на самом деле ваше видео выше ( Vidyard позволяет вставлять стенограмму как метаданные)
    • Метаданные: Использование метатегов с вашими видео позволяет сканерам поисковых систем индексировать контекстную информацию о плеере
    • XML-карты сайта: Эти файлы упрощают поиск и индексирование поисковыми системами видеоконтент (Vidyard автоматически создает карты сайта в формате XML для ваших видео)

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

    7. Протестируйте все

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

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

    Ключевые моменты для тестирования на целевых страницах видео:

    • Длина видео (то есть короткое или длинное)
    • Эскизы видео
    • Автозапуск по сравнению с воспроизведением щелчком
    • Размещение видео на странице
    • Тип используемого видео (т. Е. объясняющее видео и демонстрационное видео)

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

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

    Готовы начать? Эти примеры целевых страниц с видео — отличное место для начала размышлений о дизайне и исполнении вашей страницы.

    1. Целевая страница видео фона ConvertKit

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

    3. Видео с вспомогательной целевой страницы Slack

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

    3. Целевая страница видео-лайтбокса GoodFood

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

    4. Видео целевой страницы HubSpot CTA

    Инструмент входящего маркетинга и продаж HubSpot использует видео главной целевой страницы в верхней части своей страницы HubSpot Academy. Быстрое промо-видео (продолжительностью менее минуты) заканчивается призывом к действию, позволяющим зрителям просматривать доступные курсы.

    5. Целевая страница видео в лайтбоксе Adobe

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

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

    No related posts.