Вспомните, сколько раз вы подписывались на разные вещи в своей жизни. Скачивали ли вы однажды Evernote? Dropbox? Spotify? Может быть, вы даже посещали занятия по General Assembly. Каждая из этих подписок, скорее всего, является результатом эффективного призыва к действию (CTA). Подумайте об этом: Если бы вас не привлекли копия или дизайн CTA или если бы вас так красноречиво провели через процесс регистрации, вы бы, вероятно, пользовались гораздо меньшим количеством приложений и сайтов, чем сейчас. В этом посте мы расскажем, как использование стратегических CTA может направлять посетителей по пути покупки, и приведем наши любимые примеры.
Что такое призыв к действию (CTA)?
CTA означает «призыв к действию», и это часть веб-страницы, рекламы или контента, которая побуждает аудиторию что-то сделать. В маркетинге CTA помогают бизнесу превратить посетителя или читателя в лид для отдела продаж. CTA могут побуждать к различным действиям в зависимости от цели контента.
Что такое CTA в маркетинге?
Для маркетолога CTA важны, потому что они побуждают вашу аудиторию к действию в рамках маркетинговой кампании. В конечном счете, цель любой маркетинговой кампании — провести вашу аудиторию по пути покупателя, чтобы в итоге она совершила покупку.
Типы CTA
Не во всех маркетинговых кампаниях используются одни и те же типы CTA, поскольку существует несколько тактик, которые вы можете использовать, чтобы направить свою аудиторию в нужное русло. Например, маркетинговая кампания, целью которой является привлечение подписчиков на рассылку, может использовать форму отправки, в то время как кампания, привлекающая пользователей «узнать больше», может включать кнопку. Ниже приведены распространенные типы CTA, которые используются в маркетинге. Имейте в виду, что каждый бренд и аудитория отличаются друг от друга, поэтому может быть полезно провести A/B-тестирование типов и дизайна CTA, чтобы понять, какие из них работают лучше всего для вас.
Кнопки
Кнопки — самый распространенный тип CTA — представляют собой иконки с написанной на них фразой, побуждающей пользователя нажать на кнопку и предпринять дальнейшие действия. Дизайн кнопок может варьироваться в зависимости от стиля бренда и цели кампании, но, как правило, кнопка должна иметь высококонтрастный цвет, чтобы выделяться на странице.
Формы
CTA с формой отправки конвертируют посетителей сайта в лидов, предлагая им что-то в обмен на их контактную информацию. Предложения могут включать в себя загружаемый контент, предложения продуктов, подписку на услуги, подписку и многое другое.
Баннеры
CTA-баннер может располагаться в верхней, нижней или боковой части веб-страницы. Баннеры обычно содержат увлекательный текст и дизайн, побуждающий посетителей нажать на них, чтобы совершить действие.
Контекстные ссылки
Контекстные ссылки обычно располагаются в основном тексте сообщения в блоге и содержат кликабельный текст, который направляет пользователей на соответствующую целевую страницу.
Pop-Ups
Всплывающее окно — это CTA в виде небольшого окошка, внезапно появляющегося на странице. Поскольку пользователи часто не замечают статичные кнопки CTA и формы, всплывающие окна могут стать отличным способом сообщить о предложении или побудить пользователя подписаться на вашу услугу. Многие сайты также используют всплывающие окна с намерением покинуть сайт, которые срабатывают, когда пользователь собирается покинуть страницу.
Слайды-вкладыши
Подобно всплывающим окнам, скользящие CTA предназначены для привлечения внимания пользователя путем «скольжения» снизу или из боковой панели. Слайд-ин — хорошая альтернатива всплывающим окнам, поскольку они меньше мешают пользователю.
Как написать CTA
1. Будьте проще.
Иногда самые эффективные CTA бывают самыми простыми. Например, CTA с надписью «скачать сейчас» сообщает пользователю, что он может скачать соответствующие материалы, просто нажав на вашу кнопку. При написании CTA используйте понятный и прямой язык, который четко передает, какое действие вы хотите, чтобы совершила ваша аудитория. Чем больше жаргона или сложных предложений вы используете, тем больше вероятность того, что вы запутаете своих читателей и упустите конверсию.
2. Используйте глаголы действия.
Самые эффективные CTA начинаются с сильного глагола действия, побуждающего читателя к немедленному действию. Глаголы действия придают вашим CTA энергию и импульс, делая их более яркими и увлекательными. Например, активные CTA, такие как «Купить сейчас» и «Приступить к работе», более мотивируют, чем пассивные CTA, такие как «Продолжить» и «Далее». Не забывайте, что некоторые глаголы действия лучше подходят для конкретных целей. Например, такие CTA, как «Начать работу» и «Зарегистрироваться», подходят для конверсии в SaaS, а такие CTA, как «Купить сейчас» и «Добавить в корзину», — для конверсии в ecommerce.
3. Создайте ощущение срочности.
Добавьте к CTA элемент времени, чтобы создать ощущение срочности. Это побудит вашу аудиторию действовать незамедлительно, а не откладывать. Это также может вызвать страх упустить момент (FOMO), побуждая людей действовать, чтобы не упустить ценные возможности или предложения с ограниченным сроком действия. Создать ощущение срочности можно с помощью таких фраз, как «предложение ограничено по времени», «только сегодня» или «пока товар в наличии». Помните, что срочность, которую вы передаете, всегда должна быть подлинной. Чрезмерное использование тактики срочности или создание ложного дефицита может подорвать доверие и авторитет у вашей аудитории.
4. Будьте креативны.
CTA не обязательно должны быть такими жесткими и шаблонными. При написании CTA используйте свою индивидуальность и юмор, чтобы выделиться и произвести впечатление — просто убедитесь, что он соответствует голосу вашего бренда и побуждает к действию. Например, вместо того чтобы написать что-то общее, вроде «Подпишитесь», вы можете выбрать что-то более захватывающее, например «Сделайте рывок». Хотя оба примера побуждают вас к действию, последний задействует идею рисковать и использовать новые возможности, что делает его более убедительным. Помните, что конечная цель — сделать CTA достаточно убедительным и неотразимым, чтобы ваша аудитория начала действовать. А если ваши CTA не вызывают наибольшего отклика, попробуйте протестировать различные версии, чтобы со временем укрепить и усовершенствовать их.
Примеры CTA-копий
Все CTA служат определенной цели, но не забывайте, что язык, который они используют, может быть разным. И сегодня маркетологи повсеместно придают своим призывам к действию несколько креативных оттенков, чтобы генерировать лиды, от которых зависит их бизнес. Ниже приведено несколько примеров типов копий CTA-кнопок, которые вы можете использовать в маркетинге:
Чтобы помочь вам определить, что эффективно, а что нет, мы привели примеры CTA, которые просто потрясают. Эти примеры призывов к действию разбиты на три категории:
- Простые и эффективные CTA
- CTA с отличными фразами призыва к действию
- CTA, которые уравновешивают несколько кнопок на одной странице
Лучшие примеры призывов к действию
1. HubSpot
CTA: Скачать сейчас
Одним из преимуществ использования HubSpot является множество бесплатных ресурсов, которые они предлагают. Этот скользящий CTA, найденный в статье о маркетинговой разведке, демонстрирует, как удачно расположенный CTA может улучшить пользовательский опыт. Она ненавязчива и появляется в середине статьи, не только побуждая читателей «скачать сейчас», но и предлагая полезный и бесплатный ресурс. Маркетинговый набор предлагает готовое решение для тех, кто не знает, с чего начать.
Как повторить этот CTA
Предложите бесплатный ресурс, который напрямую связан с темой статьи, в которой он появился. По CTA HubSpot читатели могут дочитать статью до конца, а затем скачать руководство с шаблонами, чтобы приступить к созданию собственного маркетингового набора.
2. Budgetnista
CTA: Подпишитесь на еженедельные подарки!
The Budgetnista — это универсальный магазин личных финансов, которым руководит автор и преподаватель Тиффани Алише. Помимо того, что она предоставляет контент, который восхищает ее аудиторию, она также является профессионалом в создании привлекательных CTA. Вместо того чтобы просто поставить CTA «Подписаться» для продвижения своей рассылки, она использует формулировку, которая побуждает читателя нажать на кнопку. «Sign Up For Weekly Goodies» звучит гораздо интереснее, чем «Sign Up for My Newsletter». Кому не нужны еженедельные вкусности?
Как повторить этот CTA
CTA Budgetnista отражает личность Алиши, что является приятным штрихом и помогает персонализировать взаимодействие. Побуждайте посетителей совершить желаемое действие, используя дружелюбный и креативный язык.
3. Glossier
CTA: Я в деле
Косметический бренд Glossier использует свой маркетинговый имидж, демонстрируя реалистичные образы женщин с разными типами кожи. Кто может забыть их кампанию «Мальчишеские брови»? Их веб-сайт чистый, с большим количеством белого пространства, что делает фотографии моделей и макияжа более яркими. Их CTA — это всплывающее окно, которое появляется, когда вы начинаете прокручивать сайт вниз. В то время как многие быстро уходят от всплывающего окна, язык, выбранный Glossier, заставляет вас остаться. «Давайте перенесем это в ваш почтовый ящик» — умный способ попросить людей подписаться на вашу рассылку. Если вы согласны присоединиться, просто нажмите «Я в деле», и все готово.
Как повторить этот CTA
Используйте умные формулировки и образы, которые делают ваш бренд более близким и побуждают людей к действию. Например, CTA от Glossier содержит изображение модели, пользующейся косметикой бренда, что делает его еще более привлекательным.
4. 310 Creative
CTA: Закажите бесплатную оценку
Агентство роста и партнер HubSpot компания 310 Creative стремится помочь B2B-компаниям масштабировать и совершенствовать путь покупателя для увеличения продаж. Зная, что посетители сайта могут не совсем понимать, какие именно услуги им нужны, 310 Creative использует CTA, который устраняет путаницу. CTA на слайде предлагает посетителям заказать бесплатную оценку, чтобы прояснить, в чем именно их бизнес не справляется с поставленными задачами, и выяснить причины таких результатов.
Как повторить этот CTA
Проявите сочувствие к посетителю и устраните барьеры, заявив, что услуга бесплатна. Описывая проблему, после которой следует фраза «Если это звучит знакомо, давайте поговорим», вы демонстрируете, что 310 Creative готов помочь и понимает разочарование пользователя.
5. Heyday
CTA: Подпишитесь и сэкономьте
Heyday — своего рода бунтарь в индустрии ухода за лицом. Минимализм и отсутствие излишеств сделали его фаворитом среди тех, кто хочет просто посетить эстетиста без лишней суеты и перепродаж. Этот минималистичный, но дружелюбный подход проявляется и в их CTA. Используя модели с сияющей кожей, этот CTA привлекает зрителей подписаться на их рассылку со скидкой. Кнопка «Подпишитесь и сэкономьте» убедительна, как и шутливая гиперссылка «Нет, спасибо, я предпочитаю уход за кожей по полной цене», чтобы отказаться от подписки.
Как повторить этот CTA
Используйте красивую эстетику, скидку и юмор, чтобы побудить посетителей совершить желаемое действие.
6. VRBO
CTA: Откройте для себя возможность побега
Если вы любите в свободное время просматривать красивые дома для отдыха, VRBO — отличное место для этого. Бренд отлично использует эстетику стремления и великолепные места. Темно-синий CTA выделяется на белом фоне VRBO, привлекая читателя. Кнопка «Открой свой побег» добавляет нотку приключений для тех, кто, возможно, заинтересуется арендой дома для отдыха.
Как повторить этот CTA
Отлично используйте цвет и формулировки. CTA от VRBO сообщает, что вы бронируете не обычный отпуск, а приключение, где они могут служить вашим надежным гидом.
7. Hulu
CTA: Получите «Диснеевский бандл
Гигант потокового вещания Hulu использовал драматический подход в этом CTA. Затемненный фон демонстрирует все предложения по телевидению и фильмам, а зеленый и белый текст CTA привлекает ваше внимание к акции. Это и подписка, и продажа в одном лице, информирующая пользователей о том, что они могут получить скидку на дополнения к Disney+ и ESPN+.
Как повторить этот CTA
Заманивайте посетителей, создавая впечатление, что они получают выгодную сделку, предлагая пакет услуг, и делайте акцент на предоставлении ценности, чтобы заставить посетителей предпринять действие. В данном случае CTA-кнопка Hulu говорит: «Получите пакет Диснея», а не обычная кнопка с надписью «Подписаться».
8. Hija De Tu Madre
CTA: Подписаться
Компания Hija De Tu Madre, производящая одежду, сохраняет свежесть благодаря чистой, розово-белой цветовой схеме, которая излучает молодость и свежесть. Большая часть того, что делает их CTA такими привлекательными, — это умная игра слов, смешивающая испанский и английский языки, что является одой их целевой аудитории.
Благодаря тому, что Hija De Tu Madre так хорошо ориентируется в своей аудитории, они могут извлекать больше информации из своих посетителей. Вместо того чтобы просто разместить CTA с запросом электронной почты (первое изображение), они ввели запрос мобильного телефона во втором CTA. Как они убеждают людей передать свои цифры? Предлагая им шанс выиграть товары — в частности, популярные джинсовые куртки.
Как повторить этот CTA
Предложите посетителям что-то ценное в обмен на их личную информацию — в данном случае желанная джинсовая куртка заставит людей с большей вероятностью поделиться дополнительной информацией. Главное — знать свою аудиторию и учитывать ее интересы.
9. Wool and the Gang
CTA: Поделитесь своими вязаными вещами #woolandthegang
Этот CTA от Wool and the Gang заставит вас почувствовать себя пушистым внутри. Коллажный фон с изображением покупателей, одетых в одежду Wool and the Gang, и милый щенок привлекают внимание читателя и соответствуют аудитории бренда. Кнопка CTA гласит: «Поделитесь своими вязаными вещами #woolandthegang», что побуждает покупателей делиться тем, что они сделали, используя продукцию Wool and the Gang, работая как на продвижение бренда, так и на привлечение клиентов.
Как повторить этот CTA
Привлеките внимание посетителя, создав ощущение сообщества и побудив его присоединиться. Этот конкретный CTA также удваивает продвижение бренда, поскольку все больше клиентов делятся своими наборами в социальных сетях.
10. Tweak It Studio
CTA: Персонализированные деревянные имена
Компания Tweak It Studio, специализирующаяся на декоре и дизайне помещений, показывает, как важно иметь веселые, но понятные CTA. Они привлекают внимание посетителей надписью «Just Dropped», написанной большими жирными буквами, чтобы проинформировать читателей о новых продуктах, а затем объединяют ее с кнопкой CTA, которая точно указывает, что это за товар — в данном случае «персонализированные деревянные имена». Это гораздо эффективнее, чем просто кнопка с надписью «купить сейчас».
Как повторить этот CTA
Используйте срочность, чтобы заставить посетителей проверить товары в вашем интернет-магазине, и четко объясните, куда направляется посетитель, когда нажимает кнопку CTA.
11. Evernote
CTA: Зарегистрироваться
«Помнить все». Посетители сразу же понимают этот посыл, как только попадают на эту страницу. Дизайн сайта Evernote позволяет пользователям быстро понять преимущества использования приложения и то, как подписаться на его использование. Кроме того, зеленый цвет главной и второстепенных CTA-кнопок совпадает с зеленым цветом заголовка и логотипа Evernote, которые сразу бросаются в глаза.
Как повторить этот CTA
Рассмотрите возможность использования яркого цвета, который хорошо контрастирует с элементами на вашей веб-странице, чтобы сделать ваш CTA более заметным.
12. Dropbox
CTA: Зарегистрируйтесь бесплатно
Dropbox всегда придерживался простого дизайна с большим количеством негативного пространства. Даже графика на их домашней странице сдержанна и проста. Благодаря простому дизайну и отрицательному пространству синяя кнопка призыва к действию «Записаться бесплатно» выделяется на фоне всего остального на странице. Поскольку CTA и логотип Dropbox одного цвета, посетитель легко интерпретирует этот CTA как «Подпишитесь на Dropbox». Это один из эффективных призывов к действию.
Как повторить этот CTA
Негативное пространство может работать в вашу пользу, если его правильно использовать. Используйте его в своих интересах, позволяя вашему CTA выделяться с помощью смелых, фирменных цветов.
13. OfficeVibe
CTA: Подписаться
Вот слайд-призыв к действию, который привлек мое внимание от OfficeVibe. Во время прокрутки записи в их блоге из нижней части страницы выдвигается баннер с призывом подписаться на их блог. Что самое интересное? Копия на баннере сообщала мне, что я получу советы о том, как стать лучшим менеджером, а пост, на котором он появился, был постом о том, как стать лучшим менеджером. Другими словами, предложение было тем, что меня уже заинтересовало. Кроме того, мне нравится, как ненавязчиво выглядят задвигаемые CTA — в отличие от того , что моя коллега Рейчел Спрунг называет «stop-everything-and-click-here-pop-up-CTA». Я считаю, что такие CTA более привлекательны, поскольку предоставляют больше информации и при этом позволяют мне продолжить чтение записи в блоге.
Как повторить этот CTA
Вы можете создать свой собственный CTA со слайдами, используя маркетинговые инструменты HubSpot. После разработки CTA с помощью наших шаблонов создайте учетную запись HubSpot. Перейдите в раздел «Маркетинг» > «Захват лидов» > «CTA» в своем аккаунте HubSpot и следуйте инструкциям по созданию CTA, приведенным здесь.
14. Netflix
CTA: Присоединяйтесь бесплатно на месяц
Один из главных страхов, который испытывают пользователи, прежде чем подписаться на что-то? Это то, что будет сложно отменить подписку, если она им не понравится. Netflix пресекает этот страх в зародыше, разместив надпись «Отменить в любое время» прямо над CTA «Присоединиться бесплатно на месяц». Рискну предположить, что одно это заверение увеличило количество подписчиков. Кроме того, вы снова заметите, что красный цвет основного и дополнительного CTA здесь совпадает с цветом логотипа Netflix.
Как повторить этот CTA
Вы можете не только привлечь внимание посетителя с помощью резкого контраста цветов, но и использовать в CTA формулировку, которая побудит его нажать на кнопку. Подумайте о том, чтобы использовать в CTA фразу «Попробуйте бесплатно» или что-то подобное, что снимет риск для потенциальных клиентов.
15. Square
CTA: Начать
Чтобы добиться эффективного дизайна CTA, необходимо учитывать не только саму кнопку. Также очень важно учитывать такие элементы, как цвет фона, окружающие изображения и текст. Не забывая об этих дополнительных компонентах дизайна, специалисты Square использовали единственное изображение, чтобы продемонстрировать простоту использования своего продукта, где парящая CTA-кнопка «Начать» ожидает вашего клика. Если присмотреться, цвет кредитной карты на изображении и цвет CTA-кнопки совпадают, что помогает зрителю понять, чего ожидать, если/когда он нажмет на кнопку.
Как повторить этот CTA
Вы можете использовать цвет, чтобы помочь посетителям соединить точки, будь то координация похожих тонов, как на этом изображении, или использование фирменных цветов, как в примере с Dropbox.
16. Prezi
CTA: Попробуйте Prezi
Сотрудники Prezi также придерживаются минимализма в оформлении своего сайта. Кроме зеленого динозавра и темно-коричневого кофе, единственным цветом, сопровождающим преимущественно черно-белый дизайн, является ярко-синий — тот же самый, что и в их главном логотипе. Этот ярко-синий цвет стратегически расположен на главной странице: главный CTA «Попробуйте Prezi» и второстепенный CTA «Начните работу», которые ведут пользователей на одну и ту же страницу с ценами.
Как повторить этот CTA
Эта страница выполнена в минималистской цветовой гамме, но включает в себя два CTA с кнопками одного цвета, которые направляют посетителей на одну и ту же целевую страницу. Если ваша страница имеет чистый, минималистичный дизайн, попробуйте использовать два CTA с разным текстом, чтобы привлечь посетителей.
17. Full Bundle
CTA: Наша работа
Full Bundle — еще одна компания, которая использует негативное пространство, чтобы сделать свой основной CTA более ярким. Белый призыв к действию «Наша работа» выделяется на темно-сером фоне. Выбор CTA также имеет стратегическое значение. Учитывая, что они в основном занимаются созданием онлайн-представительств клиентов, для них важно показать свои работы — а ведь именно за этим большинство людей и заходят на их сайт.
Как повторить этот CTA
Творчески используйте негативное пространство, например, серые тона Full Bundle. Как видите, разные оттенки серого образуют треугольники, добавляя тонкий элемент дизайна, который делает их белый CTA заметным внизу.
18. Panthera
CTA: Присоединяйтесь к
Компания Panthera ищет пользователей, которые действительно заботятся о диких кошках по всему миру и хотят присоединиться к группе людей, которые чувствуют то же самое. Чтобы привлечь именно таких людей, нам нравится, как они используют язык, который будет понятен любителям больших кошек: «Присоединяйтесь к прайду сегодня». Сама страница очень проста: форма на странице с двумя простыми полями и кнопка, предлагающая людям (опять же) «Присоединиться».
Как повторить этот CTA
Установите связь с целевой аудиторией, используя в CTA жаргонные выражения, связанные с вашим брендом, которые будут им интересны.
19. EPIC
CTA: Давайте вместе начнем новый проект
Сотрудники агентства EPIC используют свою домашнюю страницу в первую очередь для демонстрации своих работ. Когда вы заходите на страницу, вас встречают анимированные видеоролики, демонстрирующие некоторые из работ, выполненных ими для клиентов, которые вращаются в карусели. Несмотря на то, что на сайте есть множество других мест, куда пользователи могут кликнуть, включая сайты их клиентов, главный призыв к действию выделяется и всегда контрастирует с видео, которое проигрывается на заднем плане. Мне нравится, что в нем есть дружелюбный, инклюзивный язык — «Давайте начнем новый проект вместе», — который намекает пользователям, ищущим творческого партнера, что они — особенно хорошая команда для работы.
Как повторить этот CTA
Используйте приглашающий язык. Легко сделать кнопку с надписью «Присоединяйтесь к нам», но это не очень убедительно. Подумайте о чем-то более дружелюбном, например «давайте работать вместе», или о чем-то специфическом для предлагаемых вами услуг.
20. Aquaspresso
CTA: Отправьте мне специальные предложения сейчас!
Суть призыва к действию заключается в том, чтобы направить посетителей вашего сайта к желаемому действию — и лучшие CTA делают это таким образом, чтобы они были полезны для посетителей. Кофейная компания Aquaspresso действительно достигла такого баланса с помощью всплывающего CTA на главной странице своего блога. В данном случае читатели блога должны проверить, что они на самом деле продают (и, надеюсь, купить у них). Это можно было бы сделать разными способами, в том числе разместить CTA, призывающий людей «Посмотрите наши самые популярные товары!» или что-то очень прямое. Но нам нравится то, что они сделали вместо этого: Их CTA предлагает читателям блога нечто гораздо более полезное и тонкое — предложение «сегодняшних спецпредложений» в обмен на адрес электронной почты читателя. Добавление информации о том, что специальные предложения действуют только сегодня, — отличный пример психологической тактики, называемой дефицитом, которая заставляет нас придавать большую ценность вещам, которые мы считаем дефицитными. Опасение, что сегодняшние специальные предложения лучше, чем завтрашние, может вызвать у людей желание заполнить анкету и воспользоваться своим предложением, пока есть такая возможность.
Как повторить этот CTA
Приведенный выше призыв к действию был создан с помощью шаблонов HubSpot. Подумайте о том, чтобы создать у посетителей сайта ощущение срочности, используя дефицит в вашем CTA. Вы можете использовать такие фразы, как «предложение ограниченного времени» или «получите сегодняшние предложения», чтобы побудить посетителей совершить желаемое действие.
21. QuickSprout
CTA: Вы неправильно делаете SEO? Введите свой URL, чтобы узнать.
Никто не хочет ошибаться. Вот почему такая кнопка призыва к действию, как выдвигающийся CTA QuickSprout в их блоге, так привлекает внимание. Она спрашивает читателя: «Вы делаете свое SEO неправильно?». А я? Все, что мне нужно сделать, это ввести свой URL-адрес, чтобы узнать это — кажется, все достаточно просто. Подобные формулировки действительно могут побудить посетителей перейти по ссылке. К тому же, если CTA будет проскальзывать в середине поста, это отличная тактика для привлечения читателей до того, как они уйдут со страницы. Традиционно многие блоги размещают CTA в самом низу каждой записи, но, согласно исследованиям, большинство читателей проходят только 60 % пути до конца статьи.
Как повторить этот CTA
Используйте в CTA формулировки, которые привлекают внимание посетителя или говорят о болевой точке, которую он может испытывать. В приведенном выше примере используется SEO, но вы можете использовать что-то вроде «У вас проблемы с конверсией лидов?», а затем позиционировать свою услугу как средство решения проблемы.
22. Grey Goose
CTA: Откройте для себя коктейль, подобранный по вашему вкусу
Вот забавный и уникальный призыв к действию, который может заставить людей кликнуть. В то время как посетители сайта могли ожидать, что с главной страницы их направят на страницы товаров или пресс-релизов, CTA «Откройте для себя коктейль, подобранный по вашему вкусу» — это приятно удивляющий запрос. Люди любят персонализацию, а этот CTA похож на заманчивую игру. Значок кнопки воспроизведения рядом с копией намекает на то, что посетители перейдут к видео, чтобы они лучше представляли, чего ожидать при нажатии.
Как повторить этот CTA
Персонализация творит чудеса для установления связи с посетителями. Рассмотрите возможность внедрения CTA, предлагающего посетителям персонализированный опыт на основе предлагаемого вами продукта или услуги. Например, вы можете сказать: «Изучите планы, которые соответствуют вашему бюджету» или «Выберите дизайн, соответствующий вашему бренду».
23. Treehouse
CTA: Заявка на бесплатную пробную версию
Многие сайты компаний предлагают пользователям возможность начать бесплатную пробную версию. Но CTA на сайте Treehouse не просто говорит «Start a Free Trial», он говорит «Claim Your Free Trial». Разница в формулировках может показаться незаметной, но подумайте, насколько более личным является предложение «Claim Your Free Trial». Кроме того, слово «заявка» указывает на то, что она может быть доступна недолго, что дает пользователям ощущение срочности и необходимости получить бесплатную пробную версию, пока есть такая возможность.
Как повторить этот CTA
Если вы предлагаете бесплатную пробную версию своей услуги, вместо того чтобы просто использовать кнопку с надписью «бесплатная пробная версия», персонализируйте ее, используя «начать бесплатную пробную версию».
24. OKCupid
CTA: Продолжить
На первый взгляд CTA от OKCupid не кажется таким уж впечатляющим, но его гениальность заключается в мелких деталях. Кнопка призыва к действию, ярко-зеленая и хорошо выделяющаяся на темно-синем фоне, гласит: «Продолжить». Простота этого термина дает надежду на то, что процесс регистрации будет коротким и непринужденным. По мне, так этот CTA скорее напоминает веселую игру, чем заполнение скучной формы или обязательства, которые могут заставить меня нервничать. И все это благодаря копирайтеру.
Как повторить этот CTA
Людям нравятся игры, поэтому, если это подходит для вашего продукта или услуги, попробуйте придать CTA игровой характер, чтобы вызвать интерес.
25. Blogging.org
CTA: Часы обратного отсчета
Ничто не сравнится с тикающим таймером, чтобы заставить человека захотеть действовать. После непродолжительного пребывания на главной странице blogging.org новых посетителей встречает всплывающий CTA с «ограниченным по времени предложением», сопровождаемый таймером, отсчитывающим время от двух минут. Как и в случае с примером Aquaspresso в № 10, это классическое использование психологической тактики под названием «дефицит», которая заставляет нас придавать большую ценность вещам, которые мы считаем дефицитными. Ограничение времени на заполнение формы заставляет людей стремиться заполнить ее и воспользоваться предложением, пока есть такая возможность. Любопытно, что произойдет, когда время закончится? Мне тоже. Удивительно, но ничего не происходит. Всплывающий CTA остается на странице, когда таймер доходит до нуля.
Как повторить этот CTA
Как и в случае с Aquaespresso, рассмотрите возможность использования дефицита, чтобы создать у посетителей вашего сайта ощущение срочности действий.
26. Брендинг и дизайн IMPACT
CTA: Что мы делаем
CTA могут показаться очень назойливыми и продажными (да, это слово…), если использовать неправильный язык. Мне нравится образовательный подход IMPACT, когда они предлагают посетителям узнать, чем занимается компания, прежде чем подтолкнуть их к дальнейшим действиям. Этот призыв к действию особенно интригует меня, потому что в нем даже не используется глагол действия, но все равно удается побудить людей нажать на кнопку.
Как повторить этот CTA
Заставьте посетителей узнать больше о вашем бизнесе, используя в CTA формулировки, которые убеждают их посмотреть, чем вы занимаетесь. Используйте что-то вроде «посмотреть наши прошлые проекты», «что мы делаем» или «посмотреть наши работы».
27. Huemor
CTA: Запуск (не нажимать)
Если бы вы зашли на сайт и увидели CTA «Запуск», сопровождаемый надписью «Не нажимать»… что бы вы сделали? Будем честны: вы бы до смерти хотели нажать на него. Использование безобидной обратной психологии здесь носит игривый характер, что очень соответствует фирменному стилю Huemor.
Как повторить этот CTA
Если ваш бренд более игривый или относится к творческой индустрии, вы можете использовать это в CTA с помощью геймификации или обратной психологии, как в примере Huemor.
28. Brooks Running
CTA: Узнайте, когда у нас будет больше
Сколько раз вы с нетерпением ждали понравившийся вам товар, но обнаруживали, что он уже распродан? Как вы, наверное, знаете, продавцу тоже несладко. Но если у вас закончился товар, это не значит, что вы должны прекратить его продвигать. Компания Brooks Running использует умный призыв к действию, чтобы клиенты не уходили с ее сайта только потому, что их любимой обуви нет в наличии. На скриншоте выше вы можете видеть, как Brooks рекламирует потрясающе выглядящую обувь с помощью CTA: «Узнайте, когда у нас появятся новые». Мне нравится, как эта кнопка превращает плохие новости в возможность удержать клиентов. Без нее покупатели Brooks, скорее всего, забыли бы об этой обуви и искали бы ее в другом месте. Когда вы нажимаете на синюю кнопку CTA, изображенную ниже, Brooks направляет вас на страницу с простым кодом, который вы можете отправить компании. Этот код побуждает Brooks автоматически оповещать посетителя, когда нужная ему обувь снова появится в продаже.
Как повторить этот CTA
Для предприятий электронной коммерции отправка клиентов на страницу, где указано, что товара нет в наличии, может оттолкнуть их и заставить отказаться от покупки. Рассмотрите возможность добавления CTA с текстом «уведомите меня о пополнении запасов» или «узнайте, когда у нас появятся новые товары», чтобы удержать покупателей и получить информацию об их электронной почте.
29. Округ Гумбольдт
CTA: Следуйте за магией
Сайт округа Гумбольдт великолепен сам по себе: Он приветствует вас полноэкранным видео с потрясающе красивыми кадрами. Но что мне действительно нравится, так это нетрадиционная кнопка призыва к действию, расположенная внизу по центру, с изображением кролика и надписью «Следуй за волшебством». Это усиливает фантастическое ощущение от отснятого материала, создавая ощущение, что вы вот-вот попадете в сказку. Более того, как только вы нажмете на этот CTA, сайт превратится в подобие игры «Выбери свое приключение», что является интересным призывом к действию для пользователей и побуждает их проводить на сайте больше времени.
Как повторить этот CTA
Такие CTA, как у Humboldt County, отлично подходят для туристических компаний и творческих фирм, заманивая читателей. Если у вашего бренда есть свобода творчества, используйте ее. Вы можете попробовать такие фразы, как «найдите свое следующее приключение» или «спланируйте свое путешествие».
30. Uber
CTA: Зарегистрироваться в качестве водителя | Начать ездить с Uber
Uber ищет на своем сайте два совершенно разных типа людей: гонщиков и водителей. Оба типа людей ищут совершенно разные вещи, и все же сайт очень хорошо связывает их вместе с помощью большого видеоролика, демонстрирующего, как водители и гонщики Uber хорошо проводят время в разных уголках мира. Мне также нравится копия CTA водителя в верхней части: «Зарабатывайте деньги, управляя своим автомобилем». Вот это уже разговор на языке людей.
Как повторить этот CTA
Ориентируетесь на два типа клиентов? Вы можете создать CTA для каждого из них по аналогии с Uber.
31. Spotify
CTA: Перейти на премиум | Играть бесплатно
Как только вы попадаете на главную страницу Spotify, становится ясно, что их главная цель — привлечь клиентов, готовых заплатить за премиум-аккаунт, а CTA для пользователей, которые могут подписаться бесплатно, имеет очень большое значение. Это видно не только по заголовку, но и по цвету их CTA-кнопок. CTA «Перейти на премиум» имеет лаймово-зеленый цвет, что делает ее заметной на странице, а CTA «Играть бесплатно» — просто белая и сливается с остальной копией на странице. Такой контраст гарантирует, что посетители обратят внимание на премиум-кнопку.
Как повторить этот CTA
Если вы предлагаете как платную, так и бесплатную версию услуги, подумайте о том, чтобы использовать два разных CTA, выбрав более яркий цвет для платного варианта и более сдержанный для бесплатной версии.
32. Ugmonk
CTA: Пришлите мне купоны | Я не заинтересован
Exit CTA, также известные как всплывающие окна с намерением покинуть сайт, отличаются от обычных всплывающих окон. Они определяют поведение пользователей и появляются только тогда, когда кажется, что они собираются покинуть ваш сайт. Своевременно вмешавшись, эти всплывающие окна служат фантастическим способом привлечь внимание читателя и одновременно предложить ему причину остаться. Ugmonk имеет отличный выходной CTA, предлагая пользователям два варианта в качестве последнего предложения перед тем, как они покинут сайт. Сначала они предлагают скидку 15 % на свою продукцию, а затем два варианта: «Да, пожалуйста: Пришлите мне купон» и «Нет, спасибо: Мне это не интересно». Очень полезно, что каждый CTA поясняет, что на самом деле означают «Да» и «Нет», и мне также нравится, что они не использовали язык, вызывающий чувство вины, вроде «Нет, спасибо: Я ненавижу природу», как на других сайтах. Наконец, обратите внимание, что кнопка «Да, пожалуйста» гораздо ярче и привлекательнее по цвету, чем другие варианты.
Как повторить этот CTA
CTA, ориентированные на выход, очень полезны для электронной коммерции. Вы можете предложить скидку на услуги или что-то еще ценное, чтобы склонить посетителей к конвертации.
33. Pinterest
CTA: Продолжите регистрацию в Facebook |
Хотите подписаться на Pinterest? У вас есть несколько вариантов: зарегистрироваться через Facebook или по электронной почте. Если у вас есть аккаунт в Facebook, Pinterest попросит вас сначала сделать это. Откуда я знаю? С эстетической точки зрения я знаю, потому что синий CTA в Facebook стоит на первом месте и является более заметным, красочным и узнаваемым благодаря фирменному логотипу и цвету. С точки зрения логики, я знаю, что если вы войдете в систему через Facebook, Pinterest сможет использовать данные API Facebook и получить больше информации о вас, чем если бы вы вошли через адрес электронной почты. Хотя эта домашняя страница оптимизирована для привлечения новых пользователей, вы заметите очень тонкий CTA для людей с аккаунтами Pinterest, чтобы войти в систему в правом верхнем углу.
Как повторить этот CTA
Дайте пользователям возможность зарегистрироваться в Facebook или Google в вашем CTA. Это сэкономит время посетителей на регистрацию, а вы сможете получить больше информации о них.
34. Madewell
CTA: Отведите меня туда | Что дальше?
Madewell (принадлежит J.Crew) всегда отличался выдающимся дизайном сайта, поднимая обычный сайт электронной коммерции на новый уровень. Использование CTA на главной странице не является исключением. Когда вы впервые попадаете на страницу, вас встречает заголовок «Я ищу…», за которым следует категория, например «Одежда, с которой можно путешествовать куда угодно». Под этим текстом есть два варианта: «Да, отвезите меня туда» или «Хм… Что дальше?». Пользователь может выбрать один из этих двух CTA, чтобы либо просмотреть одежду, которая подходит для путешествий, либо перейти к следующему типу одежды, где он сможет снова поиграть. Такая геймификация — отличный способ сделать ваш сайт более интересным для пользователей, которые заходят на него, не имея конкретного представления о том, куда они хотят заглянуть.
Как повторить этот CTA
Используйте геймификацию в CTA, чтобы убедить посетителей изучить ваш сайт подробнее. Они могут не знать, что именно ищут и чем может помочь ваша компания. Создайте забавные подсказки, которые помогут посетителям найти то, что они ищут.
35. Instagram
CTA: Скачать в App Store | Получить в Google Play
Поскольку Instagram — это преимущественно мобильное приложение, вы увидите два черных CTA одинакового размера: один — для загрузки Instagram в Apple App Store, другой — для загрузки в Google Play. Причина, по которой эти CTA одинакового размера, заключается в том, что неважно, скачивает ли кто-то приложение в App Store или в Google Play… скачивание есть скачивание, и именно для этого оптимизируется Instagram. Если у вас уже есть Instagram, вы также можете нажать на CTA «Войти», если вы предпочитаете именно этот вариант.
Как повторить этот CTA
Если у вас есть приложение, подумайте о том, чтобы добавить CTA для каждой платформы, с которой посетители могут его скачать. Это устранит трение и облегчит посетителям загрузку вашего приложения без необходимости поиска.
36. Barkbox
CTA: Начать работу | Подарить подарок
Два CTA на главной странице сайта Barkbox показывают, что его команда знает своих клиентов: Хотя многие люди, посещающие их сайт, подписываются сами, есть немало тех, кто хочет подарить Barkbox в качестве подарка. Чтобы облегчить этим людям путь к покупке, на странице размещены два одинаковых по размеру CTA: «Начать» и «Подарить». В качестве дополнительного бонуса в правой части экрана есть очаровательный всплывающий призыв к действию, предлагающий пользователям оставить сообщение, если они того пожелают. Нажмите на него, и на экране появится небольшое диалоговое окно с надписью: «Гав! Боюсь, что нашей стаи нет в сети. Пожалуйста, оставьте нам сообщение, и мы полаем на вас, как только сможем». Поговорим о восхитительной копии.
Как повторить этот CTA
Как и в случае с Uber, вы можете использовать несколько CTA для разных аудиторий. Играйте с языком и придумывайте фразы, которые лучше всего подходят для озвучивания вашего бренда.
37. t.c. pharma
CTA: Узнать больше | Посмотреть товары
Оказывается, Red Bull не является собственной материнской компанией: Она принадлежит таиландской компании t.c. pharma, которая производит популярные энергетические напитки, электролитные напитки, а также функциональные напитки и закуски. На его главной странице размещены две кнопки призыва к действию одинакового размера: «Узнать больше» и «Посмотреть товары», но по ярко-желтому цвету первой кнопки понятно, что они предпочли бы направить людей на «Узнать больше».
Как повторить этот CTA
Используйте цвет, чтобы убедить посетителей совершить желаемое действие. Если у вас есть предпочитаемая кнопка, на которую вы хотите, чтобы люди нажали, сделайте ее более заметной из двух.
38. Генеральная Ассамблея
CTA: Просмотреть полные курсы | Подписаться
Пролистывая веб-сайт Генеральной Ассамблеи, вы увидите CTA для различных курсов, на которые вы можете подписаться, а можете и не подписаться. Однако я хотел бы обратить ваше внимание на CTA, который появляется в нижней части страницы во время прокрутки и предлагает вам подписаться на обновления по электронной почте. Хотя по расположению и манере исполнения этот CTA кажется второстепенным, на самом деле я думаю, что они пытаются протащить его в качестве основного CTA, потому что он гораздо более красочный и заметный, чем CTA для отдельных классов.
Как повторить этот CTA
Когда вы создаете свои собственные CTA, попробуйте использовать более смелые цвета — даже те, которые противоречат вашему обычному стилю, — чтобы проверить, насколько это эффективно для привлечения внимания людей.
39. Charity: water
CTA: Дать кредитной картой | Дать через PayPal
Главная цель благотворительной организации Charity: water — заставить людей жертвовать деньги на чистую воду, но они не могут исходить из того, что все хотят платить одинаково. CTA, представленные на главной странице сайта, используют действительно уникальный подход к предложению различных способов оплаты, предварительно заполнив 60 долларов в однострочной форме и включив два одинаково важных CTA для оплаты через кредитную карту или PayPal. Обратите внимание, что оба CTA одинакового размера и дизайна — это потому, что благотворительной организации, скорее всего, все равно, как вы сделаете пожертвование, лишь бы вы его сделали.
Как повторить этот CTA
Для платежных CTA предусмотрите варианты оплаты. Самое главное, чтобы они совершили покупку.
40. Hipmunk
CTA: Авиабилеты | Отели | Автомобили | Пакеты
Когда вы попадаете на сайт Hipmunk, основной опцией является поиск авиабилетов. Но обратите внимание, что здесь есть четыре вкладки: рейсы, отели, автомобили и пакеты услуг. Когда вы нажимаете на один из этих вариантов, форма меняется, чтобы вы могли заполнить больше информации. Чтобы быть на 100 % уверенным, что вы знаете, что ищете, Hipmunk разместил ярко-оранжевый CTA в крайней правой части формы. На этом CTA вы увидите узнаваемую иконку самолета рядом со словом «Поиск», чтобы вы точно знали, что ищете рейсы, а не отели. Когда вы перейдете на вкладку «Отели», этот значок изменится на значок отеля. То же самое касается автомобилей и пакетов.
Как повторить этот CTA
Используйте иконки, чтобы дать пользователям дополнительные пояснения к вашему CTA.
41. MakeMyPersona
CTA: Возьмите шаблон! | Нет, спасибо
Вот еще один пример отличного всплывающего окна с несколькими призывами к действию — только в этом случае вы заметите, что размер, цвет и дизайн двух вариантов для пользователей сильно отличаются друг от друга. В данном случае ребята из MakeMyPersona сделали так, что вариант «Возьмите шаблон!» CTA гораздо более привлекательным и кликабельным, чем CTA «Нет, пока все нормально, спасибо», который даже не выглядит как кликабельная кнопка. Мне также нравится, что в варианте «нет» используется вежливый язык. Я считаю, что бренды, которые не испытывают чувства вины перед пользователями, не желающими предпринимать какие-либо действия, гораздо, гораздо более симпатичны.
Как повторить этот CTA
Дружелюбие должно быть не только для того, чтобы заставить посетителей совершить желаемое действие. Использование дружелюбного языка не менее важно в CTA для тех, кто хотел бы отказаться. Подумайте о том, чтобы использовать фразу «нет, спасибо» или что-то подобное тому, что использовала MakeMyPersona, чтобы сохранить дружелюбие, даже если клиент еще не готов совершить покупку.
42. TeuxDeux
CTA: Начать бесплатно | Попробовать бесплатно
Еще один пример упрощенного дизайна — главный сайт TeuxDeux содержит одну фразу и две кнопки CTA. Вот и все. Используя цвета компании, фон представляет собой лишь вкрапления красного и немного черного. Кнопки CTA выделяются на фоне цвета и подчеркивают, что вы можете попробовать продукт бесплатно. Мне нравятся такие CTA, потому что они показывают, что компания понимает свою аудиторию. Когда я изучаю приложения для составления списка дел, я всегда хочу попробовать его, прежде чем купить. Это то, к чему люди относятся с особым вниманием и хотят провести тест-драйв. CTA компании TeuxDeux показывают, что они понимают эту особенность своей аудитории.
Как повторить этот CTA
Узнайте свою аудиторию и позвольте ей провести тест-драйв вашего сервиса. Изучите их потребности и интересы и включите их в CTA, чтобы помочь им быстрее и без риска перейти к тому, что им нужно. Это может быть что-то вроде «начать бесплатно», «скачать шаблоны бесплатно» или «попробовать бесплатно».
43. Betabrand
CTA: Примите участие
Betabrand — это компания по производству одежды, которая продает женские брюки для йоги/платья. Обычно бренды одежды используют похожие CTA, например «Shop Now». Однако CTA главной страницы Betabrand уникален тем, что вовлекает аудиторию. Здесь пользователи могут голосовать и влиять на дизайн новых продуктов. Это веселый способ вовлечь зрителей и сделать что-то необычное.
Как повторить этот CTA
Поощряйте участие посетителей, используя при необходимости CTA типа «голосование» или «опрос». Это поможет клиентам установить личные отношения с брендом, поскольку они вносят свой вклад в процесс принятия решений.
44. Fabletics
CTA: Ограниченная серия
В этом CTA Fabletics используется несколько маркетинговых тактик: дефицит и праздник. На главной странице бренд объявляет о выпуске лимитированной коллекции, приуроченной к какому-либо празднику (Дню матери). Кроме того, для CTA используется яркий цвет, чтобы он выделялся на простой домашней странице.
Как повторить этот CTA
Комбинируйте типы CTA, когда это имеет смысл. Например, вы можете использовать дефицит при проведении акции с ограниченным сроком действия в честь торжественного открытия, праздника или в честь запуска нового продукта.
36. Эшли Стюарт
CTA: Купить лукбук
Ashley Stewart — это бренд одежды, ориентированный на женщин с большим размером тела. В этом CTA компания использует забавный дизайн, чтобы завлечь посетителей сайта. Весь коллаж из изображений выглядит как запись с камеры за кадром, на которую интересно смотреть. Кроме того, CTA-копия прямо указывает на суть, что полезно для посетителей, которые хотят просмотреть страницу.
Как повторить этот CTA
Иногда лучшим подходом является краткость. Используйте CTA, чтобы сразу перейти к делу и дать посетителям то, что они хотят. Вы можете использовать что-то вроде «купите этот образ» или «скачайте руководство прямо сейчас».
45. Amazon Music
CTA: 3 месяца бесплатно
Это отличный пример сочетания нескольких элементов, о которых мы говорили, в одном CTA. Amazon использует два стратегически расположенных CTA, красочный, но простой дизайн и предлагает товар бесплатно. С помощью этого CTA Amazon продвигает один из своих собственных продуктов и услуг на главной странице вместо других товаров, выставленных на продажу на сайте. Единственная мысль, которую они хотят донести до слушателей? Что вы можете попробовать их продукт, Amazon Music, бесплатно в течение целых трех месяцев. Этот CTA достигает этой цели с помощью простого дизайна.
Как повторить этот CTA
Предлагаете бесплатную пробную версию? Заявите об этом, используя заметный всплывающий CTA и отказавшись от лишних элементов, загромождающих целевую страницу.
46. Barnes and Noble
CTA: Купить сейчас
Barnes and Noble использует простой CTA, чтобы привлечь посетителей к покупке ограниченной коллекции во время праздника Дня матери. Мне нравится этот CTA, потому что дизайн целевой страницы очень гармонично сочетается с брендингом компании в целом. Кроме того, графика и шрифты очень интересны и соответствуют рекламной кампании бренда.
Как повторить этот CTA
Создайте целостный образ, который понравится вашей аудитории и будет соответствовать вашему фирменному стилю. Используйте шрифты и цвета, которые дополняют друг друга и радуют глаз. Сохраняйте простоту CTA с кнопкой «купить сейчас» или «скачать сейчас».
47. Slack
CTA: Узнать больше | Связаться с нами
Slack использует красивый и простой дизайн на своей домашней странице, чтобы побудить посетителей нажать на одну из двух кнопок CTA. Мне нравится этот пример, потому что у Slack есть две CTA-кнопки для двух разных аудиторий. Если вы только начинаете изучать сайт, вы можете нажать «Узнать больше». Однако если вы постоянный посетитель и знаете, что хотите поговорить с продавцом, вы можете нажать «Связаться с нами». Это отличный пример обслуживания двух аудиторий с помощью CTA на главной странице.
Как повторить этот CTA
На одной целевой странице вы можете предложить двум аудиториям разные CTA. Вы можете сделать их разными, используя цвет для контраста двух кнопок или привлечения большего внимания к нужному выбору.
48. Nintendo
CTA: Сравните характеристики
На сайте Nintendo компания старается ответить на все вопросы посетителей. На самом деле, один из основных CTA — «Сравнить характеристики». С помощью этого CTA Nintendo отвечает на один из самых популярных вопросов, поскольку понимает, что многие посетители все еще проводят исследования перед покупкой продукта.
Как повторить этот CTA
У вас несколько вариантов цен или функций? Рассмотрите возможность использования CTA, который поможет пользователям сравнить варианты, чтобы они могли принять более взвешенное решение.
Создавайте собственные CTA
Вот и все. Теперь вы видите, насколько важными могут быть несколько небольших изменений в CTA. Вдохновляйтесь приведенными выше примерами и создавайте CTA, которые конвертируют. Полная информация: у нас нет данных о том, что все они научно успешны, но все эти примеры соответствуют нашим лучшим практикам. Если вы решите воссоздать эти CTA на своем сайте, пожалуйста, не забудьте протестировать, чтобы убедиться, что они работают для вашей аудитории.