Call to action. В чем сила призыва к действию. Как писать call-to-action, которые повысят конверсию (с примерами)
Испытывали ли вы трудность с тем, чтобы убедить посетителей вашего сайта совершить необходимое вам действие? Возможно, вы бы хотели, чтобы они оформили подписку на вашу новостную рассылку или оставили запрос на демо-версию продукта, но отчего-то все ваши старания не приводили к желаемому результату.
Причин, объясняющих такое поведение посетителей, можно найти несколько и даже написать об этом целую книгу, но в этой статье будет рассмотрена, пожалуй, одна из самых распространенных: неэффективные призывы к действию.
Но вместо «голой» теории вашему вниманию будут предложены 15 вдохновляющих и эффективных призывов к действию, которые на своем примере покажут, как следует генерировать лиды.
Напомним, что призыв к действию (CTA, call-to-action) — это кнопка или ссылка, размещенная на странице, предназначение которой — указать целевому посетителю, какое действие ему необходимо совершить далее на следующем этапе взаимодействия с ресурсом.
Во входящем маркетинге CTA-кнопки, как правило, ведут на посадочные страницы, где пользователь может заполнить веб-форму и стать лидом.
Как использовать CTA в лидогенерации
Вы можете разместить кнопки призыва к действию где угодно на вашем сайте, но важно сделать это правильно.
Главное, чтобы призыв по-настоящему захватывал внимание посетителей и был настолько убедительным, что мало кто мог бы устоять и не кликнуть по заветной кнопке.
Сделайте вашим посетителям предложение, от которого они будут не в силах отказаться. Оно должно быть не только визуально привлекательным, но и достаточно убедительным по смыслу.
Чтобы призывы справлялись с возложенной на них задачей, вам не следует забывать и о таком факторе, как (buyer"s journey — тот маршрут, которым следует потенциальный клиент до совершения сделки).
Если призыв, который вы планируете добавить на страницу, не удовлетворяет потребность на определенном этапе путешествия, то никакой магии не случится и человек не совершит ожидаемое от него действие.
Чтобы ваши призывы были эффективными в деле генерации лидов, следуете следующим проверенным практикой принципам:
1. Призывы должны ориентировать на действие.
2. Текст должен быть убедительным.
3. Призыв должен быть визуально привлекательным.
4. Используйте фактор срочности (ограничьте время принятия решения).
5. CTA должен быть хорошо заметен на странице.
Предлагаем вам ознакомиться с 15 образцовыми призывами к действию, которые обязательно вдохновят вас на создание собственных шедевров.
Текст призыва сервиса Netflix мало назвать просто убедительным. Вам не только предлагают месяц бесплатного просмотра фильмов и сериалов, но и дают возможность пользоваться сервисом на любых устройствах и отменить подписку, когда вам захочется, если вы вдруг не будете удовлетворены качеством услуг.
Заголовок: «40 часов PPC-анализа за 60 секунд. Быстро. Безопасно. Бесплатно».
CTA: «Получи свой бесплатный отчет сегодня»
WordStream использует контрастные цвета, чтобы сделать свой призыв к действию на светло-голубом фоне еще более заметным. Они дважды повторяют, что их продукт бесплатен, чтобы пробудить в вас желание опробовать их сервис.
Заголовок: «Комплексное решение для аналитики сайта и сбора обратной связи. Hotjar — это новый и простой способ обрести истинное понимание посетителей ваших десктопных и мобильных сайтов. Откройте лучшие возможности для роста уже сегодня. Кредитная карта не требуется».
Надпись на CTA: «Попробуй бесплатно».
Главная страница сервиса Hotjar отличается тем, что на ней расположены два одинаковых призыва к действию, ведущие на одну и ту же страницу. Благодаря удачному цветовому решению и расположению кнопок их довольно легко обнаружить даже при беглом просмотре сайта.
Заголовок: «Мощные инструменты, которые прокачают каждый этап вашего процесса продаж».
CTA: «Начни бесплатно».
Хитрость сервиса HubSpot заключается в том, что довольно привлекательное торговое предложение и призыв к действию он расположил на фоне изображения парня-консультанта, чтобы у посетителей мгновенно возникало желание испытать их инструменты для продаж в действии.
Демонстрация релевантных офферу изображений позади CTA помогает людям представить себя использующими продукт и делает клик по кнопке более привлекательным действием.
HubSpot также использует лишенный любых возражений текст на кнопке призыва, делая ее своего рода приглашением к началу использования их продуктом.
Заголовок: «Отправляйте письма, которые ваши покупатели не смогут проигнорировать. Простой в использовании, профессиональный инструмент email-маркетинга и автоматизации для современных быстрорастущих бизнесов».
CTA: «Начни бесплатно»
CTA-кнопка сервиса Campaign Monitor расположена поверх фонового видео и окрашена в яркий цвет, так что ее трудно не заметить. Разместив в углу страницы иконку live-чата, компания дает знать, что помощь находится на расстоянии одного клика, если у вас возникнут какие-либо вопросы или опасения.
Заголовок: «Самый мощный аналитический инструмент, который поможет вам понять поведение покупателей и добиться роста бизнеса».
CTA: «Попробуй Kissmetrics».
Хотите, чтобы ваш призыв был действительно мотивирующим? Добавьте рядом с кнопкой поле для ввода email, чтобы никто из посетителей не покинул страницу, не оставив свой контакт! Пример Kissmetrics в этом плане особенно удачен.
Заголовок: «Музыка для каждого».
CTA: «Используй Spotify бесплатно», «Подключи Spotify-премиум».
Spotify весьма изобретательна в деле проектирования CTA. На странице размещены сразу два призыва, соперничающие друг с другом — один ведет на бесплатный вариант сервиса, а другой — на платный.
Сервис Spotify делает предельно ясным посыл, что их сервис может использоваться платно (это их конечная цель), при этом понимая, что более платежеспособными клиентами становятся те, кто сначала попробует сервис бесплатно. Поэтому оба призыва расположены на одной и той же странице.
Заголовок: «Trello поможет наладить совместную работу и завершить больше задач. Рабочие столы, списки и карты позволят легко организовать и приоритезировать работу над проектами».
CTA: «Подпишись. Это бесплатно».
Сохраняя страницу не перегруженной контентом и используя контрастные цвета, сервис Trello добивается того, что их убедительный текст призыва к действию и сама кнопка не останется незамеченной пользователями. Нет ничего, что могло бы отвлечь вас от совершения следующего действия — оформить подписку.
9. Lyft
Заголовок для пассажиров: «Поездка в считанные минуты». CTA: «Оформи подписку сейчас».
Заголовок для водителей: «Садись за руль». CTA: «Стань водителем с Lyft».
Когда ваша компания предлагает сразу две услуги, как, например, в случае с Lyft, важно добиться того, чтобы офферы и призывы не отвлекали друг от друга. Разные тексты на кнопках («Оформи подписку сейчас» и «Стань водителем с Lyft») указывают посетителям, какое действие им следует совершить далее. Ярко-розовый цвет CTA-кнопки мгновенно привлекает внимание пользователей, делая невозможным не заметить ее.
Заголовок: «Покажи работе, кто здесь главный. Возможность быстро наладить совместную работу благодаря бесплатному доступу к удаленному рабочему столу, неограниченной записи аудио, проведению видеоконференций. Регистрация не требуется».
CTA: «Начать совещание».
Текст на кнопке призыва сервиса Join.Me сообщает, что начать пользоваться сервисом можно в считанные секунды. Нет ничего хуже, чем быть на работе и проводить в ожидании начала совещания несколько часов кряду. Join.Me понимает, как это неудобно, и предлагает решение. Ярко-оранжевый цвет кнопки делает этот призыв CTA еще более эффективным.
11. IKEA
Призывы к действию в формате popup-окон отличаются фантастической результативностью. Обычно это приглашение оформить подписку на рассылку или блог компании, скачать какие-либо материалы. Именно такая ситуация на сайте мебельного гиганта IKEA. Для оформления кнопок выбраны фирменные цвета компании, а сопроводительный текст даст вам понять, что случится после введения вами запрашиваемой информации.
Заголовок: «Мы читаем. Вы узнаете самое главное. theSkimm предлагает более простой способ стать умнее. Попробуем проснуться вместе».
CTA: «Присоединитесь к миллионам других».
В своем всплывающем призыве к действию theSkimm четко обозначает, в чем заключается смысл их предложения. Помимо этого они подкрепляют призыв сильным социальным доказательством, убеждая людей присоединиться к сервису, как это сделали уже миллионы других.
13. COOLS
Заголовок: «Давай. Оформи подписку, чтобы открыть доступ к выгодным предложениям от ведущих ритейлеров одежды».
CTA: «Присоединиться».
В своем призыве к действию COOLS полагается по большей части на визуальные элементы. Живописная фотография стильно одетой пары, целующейся посередине улицы, наряду с предельно выразительным заголовком «GET IT» (Возьми это), без сомнения, привлекут ваше внимание.
Заголовок: «Мы гордимся своими товарами и хотим, чтобы вы обязательно их оценили лично. 10%-ная скидка на первую покупку. Доступна в течение 48 часов».
CTA: «Да, пожалуйста. Пришлите мне купон». «Нет, спасибо. Мне не интересно».
В своей попытке конвертировать посетителей сервис Ugmonk использует , которое выскакивает перед пользователем в тот момент, когда он пытается закрыть страницу. Как правило, это последний шанс компании убедить человека остаться и совершить покупку, поэтому предложение должно быть по-настоящему выгодным. В этом примере Ugmonk дарит потенциальному клиенту 10%-ную скидку на первый заказ, которая, однако, действует в течение определенного промежутка времени, что создает чувство срочности.
Еще одна примечательная сторона этого CTA в том, что он ставит пользователя перед выбором: согласиться с предложением и нажать «Да» или отказаться и выбрать «Нет». Оставляя людям возможность отказаться от предложения, Ugmonk заставляет людей дважды подумать, действительно ли они хотят отказаться от сделки. Очевидно, что сама компания хочет, чтобы вы выбрали первый вариант, намекая на это тем, что цвет текста оффера и кнопки «Да» один и тот же.
Заголовок: «Изучай. Обозревай. Делись с другими. Присоединись к сервису прямо сейчас, чтобы открыть доступ к миллиону обзоров на товары и новостям потребительского рынка».
CTA: «Присоединись сейчас».
Призыв Influenster несколько отличается от всего списка.
При первом посещении сайта в верхнем углу сайта вы заметите только небольшую кнопку с текстом «Join Now» (Присоединись сейчас), но спустя 30 секунд появляется более крупный CTA, из которого ясно, что компания очень хочет, чтобы вы все-таки присоединились к сервису.
Заключение
При разработке призыва к действию все перечисленные компании следовали лучшим техникам и приемам, в силу чего их призывы действительно эффективны и генерируют лиды. Если вы хотите получить такой же результат — вы знаете, что делать.
Объединив научные исследования по психологии цвета с некоторыми принципами дизайна, вы сможете сделать отличную кнопку «Сall-to-action» (СТА) для вашего сайта отличную и существенно увеличить конверсию. Есть 4 инструмента, которые помогут этого достигнуть: расположение кнопки, форма (и размер), сообщение и цвет.
В этой статье я расскажу о цветовом аспекте.
Но давайте по-порядку...
Что же такое кнопки призыва к действию?
Представьте, что ваш сайт — это цепочка действий, которые пользователям необходимо осуществить, чтобы найти то, за чем они пришли. Чтобы облегчить им жизнь, абсолютно необходимо сделать эту цепочку насколько простой (то есть user friendly ), насколько возможно, и вести их к желаемой странице без какого-либо вмешательства.
Так как некоторые из этих действий важнее других, они должны будут выделяться в интерфейсе. Вы хотите захватить внимание пользователей, пытаясь убедить их начать действовать (призыв к действию). Это чаще всего делается с помощь визуального маркера, элементов интерфейса с призывом к действию. Вот несколько примеров возможных действий: покупка продукта, подписка на рассылку, создание нового аккаунта, подача заявки, скачивание последней версии ПО,..
Но почему же цвета имеют такое значение?
Психология цвета
Каждый цвет вызывает у людей разные чувства или настроения, и, следовательно, разную реакцию. Врачи и медсестры носят белое, что является знаком стерильности. Спортзалы часто выкрашены в синий, поскольку, как показали исследования, в синих залах тяжелоатлеты способны поднять больший вес.
Как видите, цвета — очень мощные инструменты для поощрения или, наоборот, блокировки определенных чувств. То есть вы можете в некоторой степени вести пользователей через ваш интерфейс, давая им принимать те решения, которые вы хотите, чтобы они приняли, при помощи правильных цветов и цветовых комбинаций. Но не начинайте прямо сейчас собирать цветовые схемы. Есть еще одна-две вещи, которые вам необходимо знать.
Хотя восприятие цветов и субъективно, некоторые цветовые эффекты имеют универсальное значение. К примеру: голубой цвет — холодный, а красный — теплый.
Во-вторых, восприятие цветов основано на особенностях культуры. Возьмем чёрный (который с научной точки зрения не является цветом) в качестве примера. Хотя во многих культурах чёрный ассоциируется со смертью и трауром, в Древнем Египте он также символизировал жизнь и перерождение.
Сьюзан Уэйншенк (Susan Weinschenk ), доктор философских наук и автор книги «Интуитивный веб-дизайн: Что заставляет людей переходить по ссылкам», написала об этом интересную . Не забудьте посмотреть McCandless Color Wheel, который вы можете его загрузить внизу страницы.
Kissmetrics сделали отличную инфографику о том, как цвета влияют на покупку.
Немного теории цвета
Как я объясняю ниже, при разработке важных кнопок лучше использовать хороший контраст. Говоря о контрастных цветах, я на самом деле имею ввиду дополнительные (комплементарные) цвета. Комплементарные цвета расположены на цветовом круге друг напротив друга (см. картинку ниже). Если поместить их рядом, кажется, что они выглядят ярче.
Еще один пример использования комплементарных цветов — это одежда, которую надевают врачи во время работы в операционной. В большинстве случаев она зеленая или голубая. Эти два цвета позволяют докторам лучше воспринимать объекты красного цвета, а именно кровь и внутренности пациента, видеть их более чётко и замечать малейшие нюансы человеческого тела. Красный и зеленый — комплементарные цвета.
Так какой цвет мне выбрать для моей кнопки?
Как я отметил в начале статьи, СТА-кнопка представляет собой набор из 4 вещей: расположение, форма, сообщение и цвет. Если эти 4 аспекта хорошо соотносятся друг с другом, вы получаете отличную кнопку призыва к действию.
Имея это в виду, нужно также помнить о нескольких основных дизайнерских принципах и руководствах. Если вы хотите, чтобы элемент дизайна выделялся, вы можете окрасить его в комплементарный цвет по отношению к фону (вспомните о примере с The Resumator, который я приводил).
Маленькая подсказка: для больших кнопок используйте менее броский цвет (относительно окружающих её элементов и фона), а для маленьких кнопок, наоборот, нужны цвета поярче. Но какой бы цвет вы ни выбрали, убедитесь, разработанная кнопка будет заметна без вмешательства в основной дизайн.
Несмотря на то, что эта статья основана на научных исследованиях по психологии цвета и некоторых принципах дизайна, вы всегда должны сами тестировать свои кнопки призыва к действию, чтобы понять, что лучше подходит для вашего сайта. Вы можете ипользовать A/B или мультивариационное тестирование, или просто следовать этим
Ищете веб-студию, которая обеспечит вам качественную реализацию? Ознакомьтесь с результатами рейтинга креативности веб-студий.
Занимаемая в рейтинге креативности веб-студий строчка, зависит от количества побед и статуса конкурсов. Приглянулось сразу несколько команд? Нажав на зеленую кнопку, можно буквально в два клика пригласить их принять участие в вашем тендере.
7 сентября 2012 в 12:56Как писать call-to-action, которые повысят конверсию (с примерами)
- Чулан
Что нужно понимать про CTA
Ваши CTA представляют собой переломный момент между уходом и конверсией. Когда вы просите кого-то что-то сделать онлайн, они должны пройти через ваши CTA - вне зависимости от того, просите вы их скачать pdf, заполнить форму, купить продут или просто перейти на другую страничку.Форма и цвет - важные визуальные сигналы, они помогают привлечь внимание к расположению кнопки. Но в тот последний критический момент, когда клиент должен принять решение, он будет взаимодействовать именно с текстом кнопки.
Незначительно изменение на странице = Значительное влияние на процент конверсии
Небольшое улучшение текста кнопки это незначительное изменение на странице в целом. Однако, оно имеет значительное влияние на процесс принятия решения у ваших потенциальных клиентов и, поэтому, влияет на конверсию.Вот пример из исследования кейса, где изменение одного слова в CTA на B2B (wiki) сайте привело к 38.26% повышению конверсии.
У заказчика был портал, через который бизнесмены находили офисы под аренду. Сайт предоставлял тысячи офисов, которые потенциальные покупатели могли посмотреть. Когда клиенты находили подходящий офис, они должны были нажать на главный CTA (находившийся на всех страницах) чтобы получить на e-mail больше информации об арендном предложении.
Это значит, что нажатия на CTA это критически важная цель для конверсии и каждый дополнительный клик потенциально значит больше денег на счету.
It’s all about value and relevance
В примере выше мы видели, как одно слово имело сильное воздействие на конверсию. Вопрос - «Почему вдруг такое маленькое изменение создаёт такое влияние?»Ответ в посыле кнопки. «Закажите» («Order») подчёркивает что вам нужно сделать - а не то, что вы собираетесь получить. При этом «Получить» («Get») подчёркивает что вы собираетесь получить, нежели то, что вам нужно сделать для этого. Другими словами трактовка текста отражает смысл.
Но отражения смысла не всегда достаточно. Чтобы достичь полного эффекта, текст вашей кнопки должен еще обоснован спецификой сценария конверсии, в котором окажется клиент, если нажмёт кнопку.
Чтобы показать это, посмотрите на пример, где CTA, отражающее только смысл, действует существенно хуже, чем кнопка, которая отражает и смысл и его уместность.
Здесь заказчик - популярный сайт эссе. Их лендинг пейджи (wiki) включают анонс эссе, и их цель - добиться от потенциальных клиентов перехода на страницу подписки.
Несмотря на тот факт, что «Получить мгновенный доступ сейчас» («Get Instant Access Now») передаёт смысл (можно было бы сказать «Купить доступ»), оно не сравнимо с «Читать полное эссе сейчас» («Read Full Essay Now»).
Этот CTA размещён на 120.000+ лендинг пейджах, поэтому правильное его использование имеет важнейшее значение для общей конверсии сайта.
Выше еще один пример, который показывает, как добавление уместности в CTA имеет впечатляющий эффект на конверсию - в этом случае, повышение на 68%.
Заказчик пожелал остаться анонимным, но я могу сказать, что это крупная сеть спортзалов в Скандинавии. Пример взят из PPC (wiki) лендинг пейджа, где цель - добиться от потенциального клиента кликов по процессу оформления заказа, в котором они смогут выбратьспортзал и подписаться на членство в нём.
Контроль-версия уже вполне хороша, потому что она отражает смысл и фокусирует на том, что вы собираетесь получать - а не то, что вам нужно сделать для этого. Тем не менее, это очень обобщённо, «Получи членство» («Get membership») можно применить к любой ситуации, где подразумевается членство.
Я сделал небольшое исследование и обнаружил, что местонахождение это очень важный фактор, влияющий на решение о вступлении в состав чего-нибудь. Поэтому, в этом случае, можно сделать CTA более уместным в конкретном сценарии конверсии и повысить конверсию добавлением «Найди спортзал» («Find gym») (Первый шаг в процессе оформления включает полный список местонахождений спортзалов).
Выводы из анализов: 4 года исследований вылились в один простой оптимизационный принцип
Примеры в этом топике являются только частью множества тестов кнопок, которые я проводил за последние 4 года. Однако, они очень хорошо отражают результаты, которые я видел снова и снова.Все исследования, которые я сделал, можно сжать в один простой оптимизационный принцип:
Смысл + Уместность = Больше Конверсии
Это правда очень просто. Чем больше смысла и уместности вы можете передать через ваш CTA, тем больше конверсии вы скорее всего получите. Конечно, важно не разочаровывать ваших потенциальных клиентов созданием вопиющих заявлений, которые вы не сможете подтвердить. Поэтому делайте ваши тексты уместными и фокусируйтесь на пользе от нажатия - но не преувеличевайте её.
Что вам делать сейчас?
Просмотрите свои сайты и ищите CTA, которые содержат типичный текст «Скачать» и «Отправить» или что-нибудь негативное, как «Купить сейчас», которые подразумевают, что вам нужно делать вместо того, что вы хотели бы получить.Когда вы найдете CTA, который вы хотите оптимизировать, задайте себе два вопроса:
- Какая мотивация у клиента нажать эту кнопку?
- Что клиент получит, если нажмёт её?
Ответы на эти два вопроса будут основой нового текста кнопки. Конечно, вы потратите время, улучшая и оттачивая его, прежде чем он будет готов к тестам, но эти вопросы являются отличным способом начать.
Возьмём пример с членством в спорклуб:
- Мотивация клиента - стать членом-участником местного спортзала.
- Когда он нажмёт на кнопку, он получит возможность найти спортзал и вступить в его состав.
Текст кнопки: «Найди зал и получи членство»
Немного вдохновления для следующих CTA
Здесь несколько примеров типичных CTA, которых нужно избегать и немного идей альтернативного текста:
