LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней

94 примера эффективных призывов к действию

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

Призыв к действию или CTA (call to action) является ключевым компонентом процесса генерации лидов, соединяющим две наиболее важные части процесса получения заявок: входящий трафик и триггер для его конвертации.

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

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

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

Глава 1. Использование контрастных цветов
Глава 2. Стимулирующие СТА

Глава 3. Призывы к действию, презентующие продукт

Глава 4. Примеры выдающегося копирайтинга на СТА

Глава 5. Эффект пространства

Глава 6. Чувство направления

Глава 7. Призывы для увеличения количества email-подписчиков

Глава 8. Первичные и вторичные варианты в призывах к действию

Глава 9. Сегментация

Глава 10. Примеры использования видео

Глава 11. СТА нестандартной формы

Глава 1

Использование контрастных цветов

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

Этого можно добиться, подобрав цвет кнопки (или текстовой гиперссылки) по контрасту с основным фоном. Какие цвета стоит использовать для выделения вашего СТА?

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

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

Ниже — пример использования темного фона и броской цветовой гаммы. Обратите внимание, что у «Airbnb» фон заполнен изображением, а темное полупрозрачное поле за текстом подчеркивает CTA, делая его более заметным. Обратите внимание и на заголовок страницы: «Жить богаче». Вот как должны выглядеть заголовки с призывом к действию!

Airbnb

Накопить на нечто большее

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

Airbnb

Узнать больше

Уже третий подряд пример СТА, размещенного на левой стороне лендинга. Это неслучайно: в европейских языках текст читается слева направо и сверху вниз.

3

Узнать больше

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

4

Давайте скроллить!

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

5

Узнать больше

Примеры, рассмотренные до сих пор, иллюстрируют исключительно применение СТА-кнопок. Однако не только кнопка может создавать контраст. Маркетологи из «Hoi moon marketing», например, просто изменили цвет шрифта гиперссылки на оранжевый.

6

Узнать больше сейчас

«HubSpot» создает контраст на простом белом фоне с использованием трех различных цветов для каждого из вариантов CTA. Основной призыв к действию — оранжевый, второй по значимости — серый, и третий — простая синяя ссылка.

HubSpot

Начать бесплатный тестовый период
Маркетинговая оценка
Информация о программе

Этот пример подтверждает контрастность холодных и теплых тонов. Синий фон является холодным, а призыв к действию выделяется оранжево-желтым оттенком.

8

Искать домен

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

Jive

Попробовать Jive

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

LinkedIn

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

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

Zynga

Играть сейчас

Глава 2

Стимулирующие СТА

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

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

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

Вот лучшие call to action, подталкивающие пользователя к совершению целевого действия.

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

Codeacademy»

Начать (это бесплатно)

Скидки — это еще одна разновидность стимула. Приведенный здесь пример призыва к действию предлагает скидку в 500$ на продукт. Это создает ощущение эксклюзивности и вызывает ассоциации с газетными купонами.

13

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

Данный СТА учитывает, что у людей мало времени, и обещает занять всего несколько секунд.

14

Начать сейчас
Подписаться за 60 секунд

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

Threadless

Добавить в корзину
Поделиться с друзьями

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

16

Подписаться
108,344 подписчиков

Глава 3

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

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

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

В этом примере «Disqus» создает визуальную связь между СТА элементом оранжевого цвета и скриншотом платформы в виде поля комментариев. Визуализация этой связи проясняет целевое действие для посетителя.

Disqus

Сделать такое поле на вашем сайте

«Flipboard» также разместил два 2 СТА («доступен на App Store» и «Google Play») рядом с анимацией продукта. Таким образом, посетители могут получить представление об интерактивных функциях журнала и социальном аспекте, после чего сделать следующий шаг.

Flipboard

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

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

19

Скачать бесплатное приложение!

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

Goalstacke

Подписаться бесплатно
Посмотреть обзорное видео

Аналогично с «forkly», «Instagram» демонстрирует мобильное приложение и приглашает скачать его.

Instagram

«Оrchestra» демонстрирует интерфейс своей системы на разных платформах (web и мобильной) и тем самым дает представление об особенностях продукта. Размер и размещение второго СТА («зарегистрироваться в сети») ясно указывает на то, что он дополнителен или вторичен.

Оrchestra

Скачать в AppStore
Зарегистрироваться в сети

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

Spotify

Скачать сейчас

У конструктора лид-форм «Wufoo» картинка подобрана с целью выделить 3 его конкурентных преимущества, при этом наглядно демонстрируя его простоту и гибкость в использовании.

Wufoo

Подписаться бесплатно
Демо
Обзорный тур

Глава 4

Примеры выдающегося копирайтинга на СТА

Если тексты не привлекают посетителей, то в результате это может повредить CTR, конверсии и продажам. «Люди при поиске информации заинтересованы в тексте, а не в фотографиях», — считает копирайтер Дин Рик (Dean Rieck), анализируя результаты исследования «Eyetrack III».

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

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

Вот call to action, примеры текста которых заслуживают особенного внимания.

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

Akismet

Начать и попрощаться со спамом

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

амазон

Нажмите, чтобы заглянуть внутрь

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

27

Посмотреть, как Боб может оптимизировать ваш бизнес

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

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

 Codebase

Попробовать Codebase бесплатно!

Добавить событие — это «бесплатно», а значит вам остается просто создать его!

29

Создать событие
(это бесплатно)

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

30

Прочитать исследование кейса

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

GoToWebinar

Попробовать бесплатно
Купить сейчас

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

32

Подписаться и опубликовать бесплатно

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

СТА

Купить книгу

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

СТА

Прочитать исследование кейса

Теперь вы, вероятно, поняли, насколько эффективно наполнять СТА-элементы конкретной и ясной информацией. «Brightcove» дает еще один пример этой передовой практики.

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

Brightcove

Подписаться сегодня на бесплатные вебинары и события

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

36

Бесплатный доступ за $149 $50

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

37

Загрузить бесплатную электронную книгу

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

38

Подписаться
или посмотреть видео

Глава 5

Эффект пространства

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

Если же существует тесная связь между призывом к действию и другими элементами страницы, то лучше разместить их как можно ближе. «Чем больше пустого пространства между кнопкой СТА и окружающими элементами, тем менее они связаны, — пишет Джейкоб Гьюб (Jacob Gube) в “Smashing Magazine”. — Таким образом, если у вас есть другие элементы, которые могут мотивировать пользователя на целевое действие, уменьшите зазоры между ними и CTA».

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

39

Узнать больше
Связаться с нами

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

Firefox

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

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

41

Начать повторение

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

42

Получить летний набор
Записаться в лист ожидания

Призыв к действию у «Dropbox» — воплощение простоты. У посетителей только 2 варианта действий, и они сразу бросаются в глаза: просмотр видео или загрузка программного обеспечения.

Dropbox

Посмотреть видео
Скачать Dropbox

«Grindr» также освободили пространство вокруг главного СТА, направляя посетителей непосредственно к целевому действию.

Grindr

Узнать больше

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

Lytro

Узнать больше

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

Path

Скачать приложение

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

48

Скачать для iPhone
Подписаться
Скачать сейчас

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

49

Подписаться
или
Подписаться с помощью Facebook

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

Skype

Перейти на Premium

«Stripe» добились ощущения свободного пространства и концентрации внимания, поместив ярко-голубую кнопку на темном фоне.

Stripe

Начать работу сo Stripe

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

Uber

Подписаться сейчас

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

54

Начать

Глава 6

Чувство направления

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

Дэн Зарелла (Dan Zarrella), исследователь социальных медиа из «HubSpot», обнаружил, что если вы используете изображение человека, смотрящего на призыв к действию или лид-форму, то взгляд пользователя смещается туда же. Так что не стоит использовать изображения людей, смотрящих прямо на вашу целевую аудиторию; необходимо, чтобы взгляд был направлен на конверсионные элементы лендинга.

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

55

Начать →

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

56

Создать резюме

Призыв к просмотру видео — отдельный тип СТА, поэтому предусмотрите наличие стрелки, указывающей на кнопку «Play».

57

Опросы, которые нравятся людям →

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

58

Попробовать бесплатно
Время ограничено →

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

59

Бесплатно! Начать >

Другие визуальные элементы могут усилить эффект направления. «Visible gains» например, «обвели» свой ​​СТА, и без того выполненный курсивом.

60

Ознакомиться с нашим новейшим продуктом →

Глава 7

Призывы для увеличения количества email-подписчиков

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

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

61

Введите емейл

Еще один интересный подход — использование полупрозрачного шрифта.

62

Послушайте, как ваше имя звучит в исполнении карильона
Имя
Фамилия

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

63

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

gojee

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

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

65

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

66

Получить бесплатный доступ к лучшим в мире отпускам

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

68

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

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

В «Skillshare» отлично справились с этой задачей, создав иллюзию пространства при помощи простого белого фона.

Skillshare

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

70

Залогиниться через Facebook или ввести емейл и начать

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

71

Глава 8

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

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

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

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

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

72

Начать сейчас
Или получить демо-версию

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

73

Зарегистрироваться сегодня
Посмотреть всех спикеров

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

CTA

Использовать бесплатно в течение 30 дней
или взять быстрый тур

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

75

Посмотреть планы и цены
Тур по продукту

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

для лидогенерации

Начать бесплатно!
Или взять тур по продукту

Вероятно, вы заметили, что различные справки и FAQ (например, обзорное видео о продукте) — это хороший вариант для вторичного СТА.

для лидогенерации

Бесплатная пробная версия
Взять тур по продукту

Размещение призыва к действию также говорит о его важности. В приведенном примере верхний CTA — основной, хотя его цвет совпадает с фоном страницы. Возможно, «РlanHQ» следует провести А/В-тест и узнать, не повысятся ли показатели рейтинга кликов и конверсии, если сделать CTA более теплого цвета.

РlanHQ

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

79

Связаться с нами
Посмотреть наши работы

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

Top Chef University

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

81

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

82

Глава 9

Сегментация

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

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

сегментация

Найти поваров рядом со мной
Разместить вакансию повара
Создать магазин

сегментация

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

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

85

В этом примере «SharesPost» размещает ссылки вертикально и дает описание одним предложением для каждого варианта.

SharesPost

Для компаний
Для инвесторов
Для акционеров

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

СТА и стиль

Глава 10

Примеры использования видео

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

Многие компании пытаются внушить аудитории определенные концепции, прежде чем приступить к мотивации ее на целевые действия. Пример такого подхода — Nike: Just do it.

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

3playmedia

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

89

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

Кhan Academy

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

91

Глава 11

СТА нестандартной формы

Большинство призывов к действию имеют одинаковую форму: стандартное прямоугольное поле. Шей Хауи (Shay Howe), дизайнер и инженер пользовательского интерфейса в «Groupon», рекомендует закруглять углы кнопки. «Иначе, — пишет он, — CTA становится похож на баннер, и поэтому посетитель просто может его проигнорировать».

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

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

92

Ленты привлекают внимание, передавая ощущение качества и эксклюзивности.

93

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

94

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

95

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

96

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

97

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

По материалам hubspot.com 

4 августа 2014

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".