50 примеров призыва к действию, на которые нельзя не нажать

Подумайте обо всех случаях, когда вы подписывались на что-то в своей жизни. Вы когда-нибудь скачивали Evernote? Дропбокс? Спотифай? Может быть, вы даже посещали занятия по Генеральной Ассамблее.

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

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

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

Что такое CTA в маркетинге?

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

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

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

Ниже приведены несколько примеров типов кнопок CTA, которые вы можете использовать в маркетинге:

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

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

• Простые и эффективные призывы к действию
• CTA с отличными призывами к действию
• CTA, которые уравновешивают несколько кнопок на одной странице

Лучшие примеры призыва к действию 2022 года

1. ХабСпот

Источник изображения

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

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

Почему этот CTA работает

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

2. Бюджетник

Источник изображения

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

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

Почему этот CTA работает

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

3. Глянец

Источник изображения

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

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

Почему этот CTA работает

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

4. 310 Креатив

Источник изображения

Агентство развития и партнер HubSpot 310 Creative стремится помочь компаниям B2B масштабировать и совершенствовать путь покупателя для увеличения продаж. Зная, что посетители сайта могут не совсем знать, какие конкретные услуги им нужны, 310 Creative использует CTA, который устраняет путаницу.

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

Почему этот CTA работает

Он не только устраняет барьеры, явно заявляя, что услуга бесплатна, но и демонстрирует сочувствие к посетителю. Описание проблемы, за которым следует фраза «Если это звучит знакомо, давайте поговорим», демонстрирует, что 310 Creative здесь, чтобы помочь, и понимает разочарование пользователя.

5. Расцвет

Источник изображения

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

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

Почему этот CTA работает

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

6. ВРБО

Источник изображения

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

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

Почему этот CTA работает

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

7. Хулу

Источник изображения

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

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

Почему этот CTA работает

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

8. Хиджа Де Ту Мадре

Источник изображения

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

Источник изображения

Благодаря тому, что Hija De Tu Madre настолько привязаны к своей аудитории, они могут получить больше информации от своих посетителей. Вместо простого CTA, который запрашивает электронное письмо (первое изображение), они представили запрос мобильного телефона во втором CTA. Как они убеждают людей сдать свои цифры? Предлагая им шанс выиграть товары, в частности их популярные джинсовые куртки.

Почему этот CTA работает

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

9. Шерсть и Банда

Источник изображения

Этот CTA из Wool and the Gang заставит вас почувствовать себя нечетко внутри. Коллаж на фоне покупателей, надевающих одежду Wool and the Gang, а также милого щенка действительно привлекает читателя и соответствует аудитории бренда.

Кнопка призыва к действию гласит: «Поделитесь своим трикотажем #woolandthegang», что побуждает клиентов делиться тем, что они сделали с использованием продуктов Wool and the Gang, работая как для продвижения бренда, так и для привлечения клиентов.

Почему этот CTA работает

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

10. Студия настройки

Источник изображения

Компания по декору и дизайну дома Tweak It Studio демонстрирует важность веселых, но четких CTA.

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

Почему этот CTA работает

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

Хотите больше вдохновения для дизайна CTA? Ознакомьтесь с некоторыми из наших любимых примеров призыва к действию ниже.

1. CTA HubSpot [бесплатные шаблоны]

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

2. Эверноут

CTA: зарегистрироваться

Источник изображения

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

Как воспроизвести этот призыв к действию

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

3. Дропбокс

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

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

4. ОфисВайб

CTA: подписаться

Источник изображения

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

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

Как воспроизвести этот призыв к действию

Вы можете создать свой собственный слайд-призыв к действию, используя маркетинговые инструменты HubSpot. После разработки CTA с использованием наших шаблонов создайте учетную запись HubSpot. Перейдите в «Маркетинг» > «Привлечение лидов» > «СТА» в своей учетной записи HubSpot и следуйте приведенным здесь инструкциям.

5. Нетфликс

CTA: присоединяйтесь бесплатно на месяц

Источник изображения

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

Как воспроизвести этот призыв к действию

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

6. Квадрат

CTA: Начать

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

7. Прези

CTA: попробуйте Prezi

Источник изображения

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

Как воспроизвести этот призыв к действию

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

8. Полный комплект

CTA: наша работа

Источник изображения

Full Bundle — еще одна компания, которая использует пустое пространство, чтобы сделать свой основной CTA популярным. Белый призыв к действию «Наша работа» выделяется на фоне темно-серого фона. Их выбор CTA также является стратегическим. Учитывая, что они в первую очередь существуют для создания онлайн-присутствия клиентов, для них важно продемонстрировать свою работу — и именно для этого большинство людей заходят на их веб-сайт.

Как воспроизвести этот призыв к действию

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

9. Пантера

CTA: присоединиться

Источник изображения

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

Как воспроизвести этот призыв к действию

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

10. ЭПИЧЕСКИЙ

CTA: Давайте начнем новый проект вместе

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

11. Аквапрессо

CTA: Отправить мне специальные предложения сейчас!

Источник изображения

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

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

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

Как воспроизвести этот призыв к действию

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

12. Быстрый росток

CTA: Вы делаете SEO неправильно? Введите свой URL, чтобы узнать

Источник изображения

Никто не хочет ошибаться. Вот почему кнопка призыва к действию, такая как слайд-призыв к действию QuickSprout в их блоге, заслуживает кликов. Он спрашивает читателя: «Вы делаете SEO неправильно?» Ну, я? Все, что мне нужно сделать, это ввести свой URL-адрес, чтобы узнать — это кажется достаточно простым. Такой язык действительно может побудить посетителей перейти по ссылке.

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

Как воспроизвести этот призыв к действию

Используйте язык в CTA, который привлекает внимание посетителя или говорит о проблеме, которая у него может быть. В приведенном выше случае используется SEO, но вы можете использовать что-то вроде «У вас проблемы с конвертацией лидов?» а затем позиционируйте свою услугу как лекарство. (Нажмите здесь, чтобы узнать, как добавить слайд-призывы к действию в сообщения блога.)

13. Серый гусь

CTA: Откройте для себя коктейль на свой вкус

Источник изображения

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

Как воспроизвести этот призыв к действию

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

14. Домик на дереве

CTA: Получите бесплатную пробную версию

Источник изображения

Многие веб-сайты компаний предлагают пользователям возможность начать бесплатную пробную версию. Но CTA на веб-сайте Treehouse не просто говорит «Начать бесплатную пробную версию»; он говорит: «Получите бесплатную пробную версию».

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

Как воспроизвести этот призыв к действию

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

15. ОККупидон

CTA: продолжить

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

16. Блоги.орг

CTA: Часы обратного отсчета

Источник изображения

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

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

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

Как воспроизвести этот призыв к действию

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

17. ВЛИЯНИЕ Брендинг и дизайн

CTA: что мы делаем

Источник изображения

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

Как воспроизвести этот призыв к действию

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

18. Юмор

CTA: Запустить (не нажимать)

Источник изображения

Если бы вы зашли на веб-сайт и увидели призыв к действию «Запустить» с текстом «Не нажимать»… что бы вы сделали? Давайте будем честными: вы бы умирали, если бы нажали на нее. Безобидная реверсивная психология здесь используется в игровой форме, что очень соответствует фирменному стилю Huemor.

Как воспроизвести этот призыв к действию

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

19. Брукс Бег

CTA: Узнайте, когда у нас будет больше

Источник изображения

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

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

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

Как воспроизвести этот призыв к действию

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

20. Округ Гумбольдт

CTA: Следуй за волшебством

Источник изображения

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

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

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

Источник изображения

Как воспроизвести этот призыв к действию

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

21. Убер

CTA: Зарегистрируйтесь, чтобы водить машину | Начни ездить с Uber

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

22. Спотифай

CTA: Премиум | Играть бесплатно

Источник изображения

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

Это выдает не только заголовок; это также цвет их кнопок CTA. CTA «Go Premium» светло-зеленого цвета, поэтому он выделяется на странице, в то время как CTA «Play Free» просто белый и сливается с остальной частью текста на странице. Этот контраст гарантирует, что посетители будут привлечены к премиальному призыву к действию.

Как воспроизвести этот призыв к действию

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

23. Угмонк

CTA: пришлите мне купоны | я не заинтересован

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

24. Пинтерест

CTA: Продолжить с Facebook | Зарегистрироваться

Источник изображения

Хотите зарегистрироваться в Pinterest? У вас есть несколько вариантов: зарегистрироваться через Facebook или по электронной почте. Если у вас есть учетная запись Facebook, Pinterest хочет, чтобы вы сделали это в первую очередь. Откуда я знаю? С эстетической точки зрения я знаю, потому что синий CTA Facebook стоит на первом месте и гораздо более заметен, красочен и узнаваем благодаря фирменному логотипу и цвету. Логически я знаю, потому что, если вы входите через Facebook, Pinterest может получить данные API Facebook и получить больше информации о вас, чем если бы вы вошли через свой адрес электронной почты.

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

Как воспроизвести этот призыв к действию

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

25. Мадвелл

CTA: Отвези меня туда | Что дальше?

Источник изображения

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

Когда вы впервые попадаете на страницу, вас встречает заголовок «Я ищу…», за которым следует категория, например «Одежда, которая будет путешествовать где угодно». Под этой копией два варианта: «Да, возьми меня туда» или «Хм… Что дальше?» Пользователь может выбирать между двумя CTA, чтобы либо просмотреть одежду, подходящую для путешествий, либо перейти к следующему типу одежды, где он может снова играть.

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

Как воспроизвести этот призыв к действию

Use gamification in your CTA to persuade visitors to explore your site further. They may not know specifically what they are looking for or how your company can help. Creating fun prompts can help visitors find what they are looking for.

26. Instagram

CTA: Download on the App Store | Получить в Google Play

Источник изображения

Since Instagram is a mainly mobile app, you'll see two black CTAs of equal size: one to download Instagram in Apple's App Store, and another to download it on Google Play. The reason these CTAs are of equal caliber is because it doesn't matter if someone downloads the app in the App Store or on Google Play … a download is a download, which is exactly what Instagram is optimizing for. If you already have Instagram, you can also click the CTA to “Log In” if you'd prefer that option, too.

How to Replicate this CTA

If you have an app, consider adding a CTA for each platform visitors can download it from. This remove friction and makes it easier for visitors to download your app without having to search.

27. Barkbox

CTA: Get Started | Подарить подарок

Источник изображения

The two CTAs on Barkbox's homepage show that the team there knows their customers: While many people visiting their site are signing up for themselves, there are a lot of people out there who want to give Barkbox as a gift. To give those people an easy path to purchase, there are two, equally sized CTAs on the page: “Get Started” and “Give a Gift.”

As an added bonus, there's an adorable, pop-up call-to-action on the right-hand side of the screen prompting users to leave a message if they'd like. Click into it, and a small dialogue box pops up that reads, “Woof! I'm afraid our pack is not online. Please leave us a message and we'll bark at you as soon as pawsible.” Talk about delightful copy.

How to Replicate this CTA

Similar to Uber, you can use multiple CTAs to serve different audiences. Play with language and come up with phrases that work best for your brand voice.

28. tc pharma

CTA: Find out more | Посмотреть продукты

Источник изображения

Turns out Red Bull isn't its own parent company: It's owned by Thailand-based tc pharma, a company that makes popular energy drinks, electrolyte beverages, and functional drinks and snacks.

Its homepage features two call-to-action buttons of equal size: “Find out more” and “View products” — but it's clear by the bright yellow color of the first button that they'd rather direct folks to “Find out more.”

How to Replicate this CTA

Use color to persuade visitors to take a desired action. If you have a preferred button that you'd like people to click, make it the more prominent of the two.

29. General Assembly

CTA: View Full-Time Courses | Подписывайся

Источник изображения

As you scroll through the General Assembly website, you'll see CTAs for various courses you may or may not want to sign up for. I'd like to point your attention to the CTA that slides in from the bottom of the page as you're scrolling, though, which suggests that you subscribe to email updates.

Although this feels like a secondary CTA due to its location and manner, I actually think they try to sneak this in to become more of a primary CTA because it's so much more colorful and noticeable than the CTAs for individual classes.

How to Replicate this CTA

When you create your own CTAs, try using bolder colors — even ones that clash with your regular stylings — to see if it's effective at getting people's attention. (Click here for a tutorial on how to add slide-in CTAs to your webpages.)

30. charity: water

CTA: Give by Credit Card | Give by PayPal

Источник изображения

Charity: water's main goal is to get people to donate money for clean water — but they can't assume that everyone wants to pay the same way.

The CTAs featured on their homepage take a really unique approach to offering up different payment methods by pre-filling $60 into a single line form and including two equally important CTAs to pay via credit card or PayPal. Notice how both CTAs are the same size and design — this is because charity: water likely doesn't care how you donate, as long as you're donating.

How to Replicate this CTA

For payment CTAs, consider giving visitors options for how to pay. What matters most is that they make the purchase.

31. Hipmunk

CTA: Flights | Hotels | Cars | Пакеты

Источник изображения

When you land on the Hipmunk site, your main option is to search flights. But notice there are four tabs you can flip through: flights, hotels, cars, and packages.

When you click into one of these options, the form changes so you can fill out more information. To be 100% sure you know what you're searching for, Hipmunk placed a bright orange CTA at the far right-hand side of the form. On this CTA, you'll see a recognizable icon of a plane next to the word “Search,” so you know for sure that you're searching for flights, not hotels. When you're on the hotels tab, that icon changes to a hotel icon. Same goes with cars and packages.

How to Replicate this CTA

Use icons to provide further explanation of your CTA to users.

32. MakeMyPersona

CTA: Grab the template! | Спасибо, не надо

Источник изображения

Here's another example of a great pop-up with multiple calls-to-action — except in this case, you'll notice the size, color, and design of the users' two options are very different from one another. In this case, the folks at MakeMyPersona are making the “Grab the template!” CTA much more attractive and clickable than the “No, I'm OK for now, thanks” CTA — which doesn't even look like a clickable button.

I also like how the “no” option uses polite language. I find brands that don't guilt-trip users who don't want to take action to be much, much more lovable.

How to Replicate this CTA

Being friendly shouldn't just be for getting visitors to take the desired action. Using friendly language is just as important in CTAs for those who would like to opt out. Consider using a phrase like “no thanks” or something similar to what MakeMyPersona used to keep it cordial even if customers aren't ready to make a purchase yet.

33. TeuxDeux

CTA: Get Started for Free | Try for Free

Источник изображения

Another example of simplistic design, TeuxDeux's main website features one phrase and two CTA buttons.

Вот и все.

Using the company's colors, the background is just a splash of red and some black.

The CTA buttons stand out against the color and emphasize that you can try the product for free.

I like these CTAs because they show that the company understands its audience. Whenever I'm researching to-do list apps, I always want to try it before I buy it. It's something that people are very particular about and want to test-drive. TeuxDeux's CTAs shows that they understand this about their audience.

How to Replicate this CTA

Know your audience and allow them to test drive your service. Tap into their needs and interests and include them in a CTA to help them navigate to what they need faster, risk-free. It could be something like “get started for free,” “download templates for free,” or “try for free.”

34. Betabrand

CTA: Get involved

Источник изображения

Betabrand is a clothing company that sells yoga/dress pants for women. Usually, clothing brands tend to use similar CTAs such as “Shop Now.”

However, Betabrand's homepage CTA is unique in that it involves the audience. Here, users can vote and impact the design of new products.

This is a fun way to get the audience involved and do something different.

Как воспроизвести этот призыв к действию

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

35. Фаблетика

CTA: ограниченное издание

Источник изображения

Этот CTA Fabletics использует несколько маркетинговых тактик: дефицит и праздник.

На главной странице бренд анонсирует лимитированную коллекцию, приуроченную к празднику (Дню матери).

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

Как воспроизвести этот призыв к действию

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

36. Эшли Стюарт

CTA: Купить лукбук

Источник изображения

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

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

Как воспроизвести этот призыв к действию

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

37. Музыка Амазонки

CTA: 3 месяца бесплатно

Источник изображения

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

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

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

Единственное сообщение, которое они хотят донести? Что вы можете попробовать их продукт, Amazon Music, бесплатно в течение целых трех месяцев. Этот CTA достигает этой цели благодаря простому дизайну.

Как воспроизвести этот призыв к действию

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

38. Барнс и Ноубл

CTA: Купить сейчас

Источник изображения

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

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

Кроме того, графика и шрифты интересны и соответствуют посылу бренда.

Как воспроизвести этот призыв к действию

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

39. Слабый

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

Источник изображения

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

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

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

Как воспроизвести этот призыв к действию

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

40. Нинтендо

CTA: Сравните функции

Источник изображения

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

Фактически, одним из основных CTA является «Сравнить функции». Этим призывом к действию Nintendo отвечает на один из своих самых популярных вопросов, потому что понимает, что многие посетители все еще изучают информацию, прежде чем покупать продукт.

Как воспроизвести этот призыв к действию

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

Создайте свои собственные призывы к действию

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

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

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