Кнопки призыва к действию: 130+ примеров кнопок CTA: Призывы к действию

Содержание

130+ примеров кнопок CTA: Призывы к действию

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

Краткая отсылка к теории. СТА — это сумма следующих компонентов:

Активный глагол + Яркое оформление

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

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

Чтобы помочь вам подобрать ключ к высоким конверсиям email-маркетинга, мы собрали 130+ примеров СТА в зависимости от типа оформления и места размещения в письме.

50 универсальных СТА для eCommerce

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

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

1. Смотреть обзор.
2. Просмотреть товары.
3. Открыть товары.
4. Перейти.
5. Смотреть коллекцию.

6. Выбрать товары.
7. Напишите нам.
8. Вперед.
9. За скидками.
10. За [ночными/праздничными/летними/звездными] скидками.

11. К товарам со скидкой.
12. Получить секретную скидку.
13. К акционным товарам.
14. Поймать растаявшие цены.
15. Все акционные товары.
16. Узнать больше акций.
17. За покупками.
18. Найти ближайший магазин.

19. Купить в рассрочку.
20. Оформить заказ.
21. Заказать.

22. Выбрать другой товар.
23. Выбрать свой гаджет.
24. Стать обладателем [Apple Iphone XR 64 Gb].
25. Выбрать [конструктор].
26. Хочу.
27. Выбрать и купить.
28. Примерить онлайн.
29. Узнать, что сегодня.

30. Просмотреть.
31. Больше [товар/ТМ] для [детей/женщин/мужчин] (например, INTERTOP: Больше Geox для детей).
32. Оформить заказ.
33. Просмотреть всю витрину.
34. Купить для нее/Купить для него.
35. Больше предложений.
36. Успейте купить.

37. Участвовать в розыгрыше.
38. Заглянуть в другие категории.
39. Начать поиск подарков.
40. Порадовать деток.
41. Найти свои [L.A.P.T.I.]

42. Оформить заказ/предзаказ.
43. Начать шоппинг.
44. Скорее купить новинки.

45. Выбрать образ.
46. Купите образ.

47. Беру!
48. Подобрать варианты.
49. Нужно брать.
50. Купите стили с Instagram.

Конечно, это далеко не полный список вариантов, и то, что работает для одной аудитории — не работает для другой. Поэтому при выборе кнопок СТА для рассылки можно сделать Google опрос среди коллег, чтобы собрать интересные идеи и выбрать лучшую формулировку. А еще лучше провести полноценное А/Б тестирование. Особенно это касается нестандартных вариантов. В отчетах системы eSputnik по карте кликов можно отслеживать самые конверсионные призывы, а также: проанализировать лучшее место СТА в структуре письма, определить работающие формулировки, цвет и графическое оформление.

Рассылки с тестированием CTA

Попробовать

Гармоничное оформление

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

Линия шоколадной диеты выдержана во всех блоках письма:

Кроме прямого призыва “Начать…”, в письме использован триггер любопытства, специально для тех, кто так и не решился его приобрести после блока с доказательствами пользы шоколада.

Заметьте, ни одна формулировка кнопки не повторилась — всё время используются разные обороты.

Учимся у Ив Роше

Открываем 10 писем подряд и видим, что они всё время используют разные призывы. Нет никаких навязчивых “Купи”.

Примеры формулировок СТА:
  1. Создать летний макияж.
  2. Начать летний шоппинг.
  3. Открыть все коллекции.
  4. К покупкам.
  5. Побаловать себя.
  6. Хочу украшения в подарок.
  7. Создать набор.
  8. Голосовать.
  9. Подобрать свой оттенок.
  10. Подготовиться к празднику мам и т.д.

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

50 СТА для продажи услуг

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

1. Получить скидку.
2. Забрать свою скидку.

3. Использовать промокод на 20% скидки.
4. Хочу с подарками.
5. Присоединиться.
6. Узнать цену.
7. Получить доступ.
8. Узнать больше.
9. Смотреть сейчас.
10. Забронировать место.

11. Оставить заявку.
12. Подобрать самостоятельно.
13. Спросить на Facebook.
14. Хочу стать участником [тренинга/розыгрыша].
15. Хочу участвовать.
16. Выбрать лучший пакет для участия со скидкой 30%.
17. Оформить участие в тренинге прямо сейчас!
18. Забрать билет за 2019 грн!
19. Зайти в комнату вебинара.
20. Хочу [ставить цели правильно/овладеть ораторским искусством/…].
21. Нажмите, чтобы узнать больше.
22. Принять участие.
23. Прокачать свои знания.
24. Довериться профессионалам.
25. Мгновенный доступ к материалам.

26. Принять участие в online-встрече.
27. Присоединиться к [трансляции/группе].
28. Протестировать платформу в деле.
29. Получить консультацию эксперта.
30. Я буду участвовать!
31. Открыть для себя […].
32. Оставить заявку.
33. Найти свой идеальный [тур/тариф].
34. Подобрать [тур/тариф].
35. Больше информации.
36. Узнать больше.
37. Изучить программу [тура/встречи].
38. Воспользоваться возможностью.
39. Действовать!
40. Торопитесь, предложение заканчивается через [таймер].
41. Оформить [заявку/кредит/…] за 20 секунд.
42. Заказать [выезд мастера/консультацию эндокринолога].
43. Послушать подкаст.
44. Перейти к кейсу.
45. Заполнить опрос.
46. Поделиться мнением.
47. Стартовать вместе с […].
48. Выбрать время приема.
49. Записаться на […].
50. Провести время в […]

Оформление СТА

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

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

1) Текст-ссылка

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

2) СТА-кнопка

Позволю себе ошибиться в статистике, но хотя бы одна кнопка есть в 99,9% рассылок моего почтового ящика. Кто-то призывает просто “Посмотреть” или “Купить”, кто-то подходит к задаче более творчески.

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

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

Является ли креатив стопроцентным залогом достижением цели? Нет, конечно. В рассылке издательства МИФ используется обычный СТА “Купить”, но альтернативность вариантов осуществления покупки повышает вероятность продаж.

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

3) Призыв-баннер

Один из способов подвести клиента ближе к “корзине” на сайте — это использование кликабельных картинок. Данный способ визуализации call to action пришел из нейромаркетинга. Именитые компании пользуются тем, что большинство людей визуалы. Почему бы и нам не взять это на вооружении и сделать свои рассылки эффективней?)

Пара примеров из рассылки магазина “Антошка”:

“Оформи предзаказ” — конверсионный призыв для магазинов техники, ведь быть в ряду первых покупателей новинки для кого-то очень важно. Пример Citrus:

Или другой пример от Citrus с баннером-призывом: “Выбери своего робота!”

Пример из рассылки интернет-магазина Sea-tools:

4) Гиф+Баннер с СТА

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

В этом блоке не обойтись без примеров от Цитруса:

Как всегда, яркими и интересными рассылками радует Антошка:

Gif-СТА от европейского интернет-магазина:

Оригинальных идей можно подсмотреть в письмах Comfy:

5) Gif+кнопка

К яркому оформлению призыва к действию относится и следующий пример:

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

Создай своё первое письмо


Вместо выводов оставляем мини чек-лист по добавлению СТА в email, чтобы повысить их эффективность:

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

Чтобы каждый ваш призыв был услышан читайте также статью: CTA: 10 лучших практик, которые не подведут. Конверсий вам, да побольше!)

15 примеров призывов к действию (CTA), которые действительно работают

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

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

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

Напомним, что призыв к действию (CTA, call-to-action) — это кнопка или ссылка, размещенная на странице, предназначение которой — указать целевому посетителю, какое действие ему необходимо совершить далее на следующем этапе взаимодействия с ресурсом.

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

Читайте также: 17 призывов к действию, перед которыми невозможно устоять

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

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

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

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

Чтобы призывы справлялись с возложенной на них задачей, вам не следует забывать и о таком факторе, как путешествие покупателя (buyer’s journey — тот маршрут, которым следует потенциальный клиент до совершения сделки).

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

Чтобы ваши призывы были эффективными в деле генерации лидов, следуете следующим проверенным практикой принципам:

1. Призывы должны ориентировать на действие.
2. Текст должен быть убедительным.
3. Призыв должен быть визуально привлекательным.
4. Используйте фактор срочности (ограничьте время принятия решения).
5. CTA должен быть хорошо заметен на странице.

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

1. Netflix 

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

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

2. WordStream

Заголовок: «40 часов PPC-анализа за 60 секунд. Быстро. Безопасно. Бесплатно».
CTA: «Получи свой бесплатный отчет сегодня»

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

Читайте также: Как дизайн CTA-кнопки может увеличить конверсию?

3. Hotjar

Заголовок: «Комплексное решение для аналитики сайта и сбора обратной связи. Hotjar — это новый и простой способ обрести истинное понимание посетителей ваших десктопных и мобильных сайтов. Откройте лучшие возможности для роста уже сегодня. Кредитная карта не требуется».
Надпись на CTA: «Попробуй бесплатно».

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

4. HubSpot Sales

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

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

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

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

Читайте также: 22 эффективных призыва к действию на сложных рынках

5. Campaign Monitor

Заголовок: «Отправляйте письма, которые ваши покупатели не смогут проигнорировать. Простой в использовании, профессиональный инструмент email-маркетинга и автоматизации для современных быстрорастущих бизнесов».
CTA: «Начни бесплатно»

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

6. Kissmetrics

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

Хотите, чтобы ваш призыв был действительно мотивирующим? Добавьте рядом с кнопкой поле для ввода email, чтобы никто из посетителей не покинул страницу, не оставив свой контакт! Пример Kissmetrics в этом плане особенно удачен.

7. Spotify

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

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

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

Читайте также: Какие призывы к действию использовать на каждом этапе воронки продаж?

8. Trello

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

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

9. Lyft

Заголовок для пассажиров: «Поездка в считанные минуты». CTA: «Оформи подписку сейчас».
Заголовок для водителей: «Садись за руль». CTA: «Стань водителем с Lyft».

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

10. Join.Me

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

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

Читайте также: Эффективный подход к созданию кнопки «призыв к действию»

11. IKEA 

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

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

12. theSkimm

Заголовок: «Мы читаем. Вы узнаете самое главное. theSkimm предлагает более простой способ стать умнее. Попробуем проснуться вместе».
CTA: «Присоединитесь к миллионам других».

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

13. COOLS 

Заголовок: «Давай. Оформи подписку, чтобы открыть доступ к выгодным предложениям от ведущих ритейлеров одежды».
CTA: «Присоединиться».

В своем призыве к действию COOLS полагается по большей части на визуальные элементы. Живописная фотография стильно одетой пары, целующейся посередине улицы, наряду с предельно выразительным заголовком «GET IT» (Возьми это), без сомнения, привлекут ваше внимание.

14. Ugmonk

Заголовок: «Мы гордимся своими товарами и хотим, чтобы вы обязательно их оценили лично. 10%-ная скидка на первую покупку. Доступна в течение 48 часов».
CTA: «Да, пожалуйста. Пришлите мне купон». «Нет, спасибо. Мне не интересно».

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

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

15. Influenster

Заголовок: «Изучай. Обозревай. Делись с другими. Присоединись к сервису прямо сейчас, чтобы открыть доступ к миллиону обзоров на товары и новостям потребительского рынка».
CTA: «Присоединись сейчас».

Призыв Influenster несколько отличается от всего списка.

При первом посещении сайта в верхнем углу сайта вы заметите только небольшую кнопку с текстом «Join Now» (Присоединись сейчас), но спустя 30 секунд появляется более крупный CTA, из которого ясно, что компания очень хочет, чтобы вы все-таки присоединились к сервису.

Заключение

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

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

По материалам: impactbnd.com.

24-07-2017

Кнопки призыва к действию: лучшие практики

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

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

Прежде чем разбирать все Call to Actions

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

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

Молодая быстрорастущая CPA-сеть с русскоязычной поддержкой

Лаконичный сайт c приятным флэт оформлением – выглядит достойно и удобен для клиентов. Правильно подобранные UI контрасты позволили добавить дизайну мягкости.


Пример Call to Actions на сайте британского агентства c эффектным дизайном

При цветовом и шрифтовом контрасте, кнопки CTA захватывают внимание где бы не встречались:

  • В первом развороте – на фоне высветленного фото с цветокоррекцией
  • В блоках с различными бэкграундами
  • В последнем экране, где контраст усиливает отрицательное пространство

Виды и назначение CTA-кнопок

Призыв может быть:

  • Обобщенным — «Подробнее», «Скачать». Более индивидуальным и даже с добавлением микротекста
  • Желаемого / альтернативного целевого действия и второстепенным. Уже стало практикой размещать в первом экране парные кнопки с призывами вида LERN MORE / BUY NOW

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

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

1. Кнопки вида «Sign Up»

Есть два типа кнопок призывающих зарегистрироваться:

  • Перейти к форме регистрации и создать аккаунт
  • Перейти к корзине для последующей оплаты
Сайт старейшей американской компании бизнес-консалтинговых услуг

Стильная индивидуальность в оформлении шапки и футера с шероховатыми текстурами. Кнопка желаемого действия доминирует над остальными СТА-элементами

2. Кнопки «Добавить в корзину»

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

Пример одностраничного лендинга продающего моно-товар — терморучку 3D

Полупрозрачные кнопки на фоне видео продающего терморучку 3D: PLAY – второстепенное действие открывает видеопрезентацию в pop-up окне и не уводит с главного экрана, ORDER – заказ в два клика

3. Кнопки вида «Download»

Побуждая к обладанию, кнопка «Скачать» во многом напоминает предыдущий тип

Модальное окно с призывом «Подписаться» проинформирует о загрузке софта, поблагодарит или уведомит о несовместимостях

4. Кнопки вида «Смотреть», «Узнать больше» и пр. варианты

Этой кнопкой завершают инфо-блоки с тизерными описаниями УТП, обозначают переход к ПОРТФОЛИО, КЕЙСАМ. Обычно их дизайн прост, а размер – достаточный для привлечения внимания. Явного призыва не несут, но продвигают пользователя вперед к цели. Применять рекомендуют с ключевыми словами в окружающем контенте (тематичными сайту, переходу).


Cайт digital-агентства с призрачными кнопками, тонкими эффектами, продуманным UI.

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


Продающий сайт школы бизнеса с разнообразием CTA и стильным флэт-оформлением.

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

Оформительские идеи

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

1. Контрастные формы и цвета

Контраст создают: цвета, формы, пропорции, негативное пространство

Важно:

  • Правильно подобрать акценты для преобладающего цвета
  • Выдержать общий стиль
  • При крупных размерах не использовать ярко выраженного отличия цветов
  • Красивые формы и hover-эффекты увязать с пользовательским опытом (UX)

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

О форме:

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

У бренд агентства из Санта-Моники приятный сайт с продуманным UI

Мягкие тона, контрастная типографика и впечатляющий скролл-эффект тонирования с высветлением /затемнением первого экрана. Анимированная стрелка и затемняющая заливка повышают заметность CTA


Чикагское маркетинговое агентство разрабатывает сервисы под B2B/B2C и сайты для бизнеса

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


Запущенный в 2012 году стартап доставки еды, набрал популярность и оценивается в $3 млрд, растет по 130% в год, в перспективе рынки Азии и Европы.


Сайт американского сервиса доставки еды (продуктовых наборов)

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


Сайт австралийского агентства с красивыми эффектами, округлыми формами и линиями

Сайт запоминается креативно и выразительно оформленным оффером с розовыми CTA элементами


Flywheel – вордпресс хостинг для дизайнеров и агентств

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


Сайт медиасообщества c услугами медийщикам, журналистам и маркетологам ищущим журналистов

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

2. Эффекты и графика (иконки, микроитерации)

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


Wistia – платформа видеохостинга с прочими решениями для малого и крупного бизнеса

На объемном сайте много CTA-призывов. Флэт дизайн позволил визуально разнообразить кнопки и добавить стилевой эффект появления плоской тени


Пример кнопок с иконками, улучшающих UX на сайте рекламной студии

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

Размещение в соответствии с ходом мысли посетителя

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

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

1. Триггеры создающие доверие

Призывы к совершению действия хорошо работают с триггерами доверия. О главном в тезисах:

  • Доверие продает – на практике эта формула опирается на эмоции
  • Кнопка желаемого действия – это однозначный, ясный и побуждающий посыл. Чем меньше эмоциональная привязка, тем скорее кнопка несет лишь функциональное значение
  • Лаконичность заголовка о вашем бизнесе влияет на целевое действие. Упоминая бренд, сообщите главное преимущество – как в слогане: «Ralf Ringer – когда нигде не жмет»
  • Охват нескольких целевых запросов потребует усиления мотивации к действию. Например, правдиво обещающей «зацепкой» в лид-абзаце
  • Социальные подтверждения усиливают доверительный посыл на сайте с коммерческим предложением

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

Доверительное отношение выстраивается многократным обращением к аудитории. Доступным языком объясняется: что в результате получите, сможете, будете знать. Целевое действие с призывом УЗНАТЬ РЕШЕНИЕ завершает важные страницы

Совмещение с социальными доказательствами. Callibri – российский сайт коллтрекинг-услуг и сервисов работы с клиентским потоком.

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

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

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

2. Эмоциональный посыл

Взгляните на ресурс профессионалов айтрекинга, улучшающих UX и конверсию сайтов, тестирующих лендинги.

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

Привлекательный первый экран с Hero изображением и сочными цветами UI-интерфейса  создают оптимистичный настрой


Сайт с карточным дизайном продвигает горнолыжные курорты штата Юта

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

Преимущества мощного призыва

Почему мощный призыв побуждает? Для заинтересованной аудитории элемент сall-to-аction оказывается первым звеном на пути к цели. Поворотный момент: продолжить или воздержаться? У вас не единственного есть такое и в муках выбора пользователь или нет, ему требуется дополнительный стимул.

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

Чтобы CTR (показатель кликабельности) вас радовал, призыв к действию должен сохранять целевого пользователя в зоне комфорта

1. Слово как триггер  

Подходящая фраза в CTA-тексте кнопки служит эмоциональным якорем – акцентирует внимание, уменьшает раздумья и сомнения.

Персональный лендинг: эмоциональный призыв хорош при коротком цикле принятия решения

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

2. Заветное «Бесплатно»

Пользователей Сети бесплатное интересует больше, чем премиум и профешнл. Всем знакомы фразы в призывах: «…Free 14-Day Trial», «…попробуйте бесплатно», «Начните сегодня…со скидкой». Раздающих что-то бесплатно чаще замечают, лучше запоминают, а поисковые системы ранжируют выше. С заветным словом обычно предлагают услугу на ограниченное время, пробное тестирование или бесплатный тариф.

MVP-проект Citrix с лендинговым оформлением

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


Сайт сервиса СМС рассылок с блогом о email маркетинге

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

3. Выразительные глаголы действия. Олицетворение возможностей

Глаголы с побудительным значением или повелительного наклонения (императив 2-го лица) ориентируют на поступок. Намек для каждого – необходимо действовать! Образность лаконичной метафоры затрагивает эмоции посетителя: mclean-dentist.com – «сделайте улыбку светлей».

Неотразимые призывы четко выражают какую-то возможность – не отреагируешь, значит не воспользуешься случаем получить… упускаешь выгоду. Например, вместо «Подробнее» и «Купить», новатор продаж zendesk.com.ru демонстрирует индивидуальность, специфику и свое ХОРОШЕЕ ОТНОШЕНИЕ, что тоже плюс.

Сайт топового интернет-агентства рунета с сильным визуальным контрастом кнопок CTA

Комплиментарные и минимальные контрасты (из родственных цветов) выделяют CTA, не создавая напряженности. Призыв НАЧАТЬ СОТРУДНИЧЕСТВО выражает возможности, а привлекательная функциональная форма заявки усиливает посыл


Cервис удаленного доступа к экрану для видео-конференций и правок

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

 Индивидуальность, самовыражение и нестандартные СТА

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

Тактика без стратегии — это просто суета перед поражением


Трамвай-желаний.рф — проект-победитель «Рейтинга Рунета»

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


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

Нестандартная разметка с уникальным согласованием элементов. Добавляют изящества тонкие эффекты и переходы. Кнопки с призывом обращаются в «призрачные» по наведению


Дизайн сайта пивоваренной компании «Mother’s» с винтажным посылом

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


Fresh Consulting — яркий современный сайт агенства дизайна и разработки

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


Сайт процессинговой компании обслуживающей сети банкоматов

СТА-кнопки закругленные и даже КРУГЛЫЕ – в контурном UI с округлыми геометрическими формами воспринимается гармонично


Функциональный Flat-сайт продает систему управления финансами семейного бюджета

Продающее видео не просто продвигает продукт, а генерирует лиды – когда под ним мотивирующий слоган и CTA-призыв с кратким именем YNAB (аббревиатура от доменного названия You_Need_A_Budget)

Как начать применять лучшие практики

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

CTA (призывы к действию) — секреты использования и примеры

Кнопка призыва к действию – это своего рода «указательный знак», который подсказывает пользователю, куда идти и что делать. CTA (или call to action button) доносит до посетителей сайта ваши цели.
 Попробовать бесплатно
Скачать электронную книгу
Купить здесь

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

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

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


Почему CTA (кнопка призыва к действию) играет важную роль?

CTA (call to action) повышает конверсию и привлекает больше лидов. Показатели даже выше, чем у Adwords! По данным WordStream, средний показатель кликабельности у Adwords составляет 2 процента, в то время как у CTA – почти 3,5 процентов.

Использование кнопки call to action не просто является рекомендуемой практикой, в 2020 году это обязательный элемент сайта. Более того, пользователи настолько привыкли видеть кнопку CTA, что без нее они могут просто потеряться на сайте.

Кнопки призыва к действию (call-to-action) на лендингах подталкивают пользователей к более близкому знакомству с сайтом, поскольку содержат в себе конкретные команды: подписаться, указать email, вписать url-ссылку или сделать любое другое действие.

Взгляните на домашнюю страницу Hulu, которая одновременно является лендингом.

CTA (call to action button) здесь звучит очень четко: Попробовать бесплатно (Start your free trial). Вы знаете, что от вас требуется и что для этого нужно сделать.

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

Первая CTA-кнопка выделена зеленым цветом: Посмотреть лучшие дизайны интерьера (See winning designs). Там есть и другие, второстепенные кнопки CTA, но именно эта является главной. Она находится выше остальных и оформлена в виде зеленого прямоугольника. Также кнопки призыва к действию могут находиться внутри контента.

Вот пример из блога Neil Patel.

Здесь кнопки call to action размещены справа и сверху над панелью навигации. Оба блока зафиксированы при прокрутке страницы и задают вам конкретный вопрос: Вы хотите больше трафика? (Do you want more traffic?)


Кнопка CTA — как достичь высокой конверсии?

Благодаря чему cta кнопка успешно конвертирует клиентов? Все эффективные CTA кнопки имеют следующие характеристики:

  1. Кнопки заметны и очевидны

    Кнопки призыва к действию (Call to action button) выглядят одинаково и имеют вид кнопок. Они противопоставляются контрастному фону и достаточно крупные для их быстрого обнаружения, но при этом не слишком большие, чтобы не мешать восприятию сайта пользователем.

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

Конкретно эта CTA-кнопка приглашает посмотреть их видео (Watch the video).

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


2. Кнопки убедительны

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

Вот пример кнопки CTA (call to action) от сервиса маркетингового анализа контента MarketMuse.

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


3. Кнопки персонализированы

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

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

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

  • Коммерческие клининговые компании;
  • Частные лица, приобретающие пылесос для дома.

Обе аудитории могут нажать на CTA на лендинге со следующей формулировкой “Узнать больше о наших продуктах”.

Но в то же время потенциальные коммерческие клиенты охотнее нажмут на CTA-кнопку “Узнать больше о наших профессиональных пылесосах”, а частные — на cTA-кнопку “Узнать больше о домашних системах уборки”.

Самый простой пример персонализированной кнопки призыва к действию — это кнопка для новых и для существующих пользователей:

  • нового пользователя система попросить зарегистрироваться;
  • а существующего — войти в систему.


4. Кнопки не теряются в потоках текстовой информации

Эффективная CTA кнопка выделяется на странице. Она не «похоронена» под бесчисленными абзацами текста.

На лендинге нет места скучному описанию компании. Приберегите этот текст для страницы «О нас» и «Наши продукты».

Вот, например, домашняя страница Apple.

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

Тем временем в Microsoft началась распродажа продуктов. Они по-другому оформили лендинг.

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

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


5. Кнопки находятся в правильном месте

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

Ни одна из этих кнопок:

  • Не была в нижней части страницы, доступной только после прокрутки;
  • Не находилась сбоку или в углу;
  • Не была посередине текста.

Продуманное размещение CTA — это попытка предугадать, в каком месте пользователь ожидает ее увидеть.


Советы по размещению CTA кнопки

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

Хорошие новости: CTA можно разместить в любом логичном месте, где их легко найти.

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

Ниже я приведу несколько примеров кнопок CTA (call to action) для вдохновения:


CTA на домашней странице/лендинге

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

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

Две кнопки call to action находятся прямо под рекламным слоганом компании («невероятная плавность видеороликов») и ценой (покупатели любят честность и открытость!).

Нажав на синюю CTA-кнопку, которая заметнее, вы добавите камеру Hero 7 Black в корзину. Менее заметная кнопка приглашает вас поближе познакомиться с характеристиками камеры перед покупкой (умный ход!).


CTA на текстовых страницах

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

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

Одна из целей Forbes — распространение их материала в интернете. Это стремление имеет под собой основание, ведь они продают рекламные площадки в правой части страницы.

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


CTA в электронной рассылке

По данным вице-директора по маркетингу компании Toast, один мощный призыв к действию в письме может повысить показатель кликабельности на 371%, а продажи — на 1617%.

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

Как и в случае с веб-страницами, пользователи не прокручивают письма до конца. Поэтому если добавить кнопку call to action ближе к началу письма, это обеспечит вам больше кликов.

В этом письме компания Shutterfly разместила привлекающую внимание cta-кнопку в самом верху письма. От вас совсем не требуется прокручивать экран.


7 шагов по оптимизации CTA

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

Если хотите узнать о средних показателях конверсии лендингов в своей отрасли, ознакомьтесь с Глобальным исследованием по email-маркетингу от GetResponse.


Проанализируйте место расположения CTA

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

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


Изучите тепловую карту

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

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

Чтобы вы имели лучше представление о том, как работает тепловая карта, ниже представлены результаты для сайта Crazy Egg:

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

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


Проанализируйте карту скроллинга

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

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

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


Узнайте, на какие ссылки чаще нажимают пользователи (в процентном отношении) с помощью отчета (list report)

Тепловая карта показывает, на какие области страницы пользователи кликают, а отчет (list report) отмечает самые популярные области в процентном отношении.

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


Проанализируйте записи сессий пользователей

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

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

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


Запускайте А/В тесты

Допустим, у вас на домашней странице призыв к действию находится в верхнем правом углу и звучит как «Купить сейчас». Вы проанализировали отчет (list report) и обнаружили, что эта кнопка не получает максимальное количество кликов по сравнению с другими областями сайта. Вы решаете переместить ее ближе к центру, разместив ее на фоне главного изображения (hero image).

Теперь самое время протестировать новую и старую версии дизайна и узнать, на какой из них больше продаж. Это и есть А/В тест.

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

Если нет, придумайте другой вариант дизайна.

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

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

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

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

Вот как выглядела тепловая карта через несколько дней после релиза нового дизайна.

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

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


Бонус: алгоритм действий на платформе GetResponse

Если вы хотите запустить А/В тесты или использовать тепловые карты или карты скроллинга, войдите в Конструктор лендингов GetResponse.


А/В тесты

Если вы подозреваете, что CTA будет работать эффективнее в другом месте лендинга, то нужно создать второй вариант кнопки и запустить А/В тест.

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

Вам остается только отредактировать оба варианта лендинга и опубликовать их.

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

Если у вас только два варианта, система автоматически распределит трафик в пропорции 50/50. Естественно, если вариантов больше (до 10), трафик будет распределен соответственно между ними.


Тепловые карты и карты скроллинга

Для оптимизации CTA (и других элементов лендинга) в GetResponse также доступны тепловые карты и карты скроллинга.

Для этого вам нужно зарегистрировать аккаунт на сторонней платформе, например, CrazyEgg.

После этого вам нужно добавить код отслеживания в контейнер Google Tag Manager (диспетчер тегов) и указать идентификатор Google Tag Manager в настройках лендинга.

Здесь вы узнаете, как создать контейнер Google Tag Manager и как добавить туда коды отслеживания.


Заключение

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

После этого можно запускать тесты и продолжать оптимизацию.

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

Анатомия убойного лендинга 
Тренды в сфере лизайна лендингов: 9 интересных идей
8 вдохновляющих примеров лендинга для вебинара
Как сделать хороший лендинг — 5 простых советов

Автор: Лори Мега — автор статей по контент-стратегии. До того как заняться digital-маркетингом и издательским делом, она 12 лет проработала в издательстве образовательных материалов. Последние 6 лет она сотрудничает с серьезными брендами, помогая повысить эффективность их маркетинговых стратегий.

4 формулы + 21 фишка из практики

Call to action (сокращенно cta) перевод звучит как призыв к действию – элемент, который творит магию в продажах.

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

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

Одна история

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

Когда ему предложили, как один из инструментов, разработку landing page, он сразу же воскликнул: “Есть у меня такая ерунда! Красивый, но не работает!”.

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

Лендинг и вправду был очень красивым и к тому же оригинальным. Но вся проблема лежала на поверхности.

Призывы к действию на сайте отсутствовали. Точнее, на лендинге он был один в конце страницы, и то в виде обратного звонка.

Обратный звонок

Поэтому люди заходили на сайт, получали эстетическое удовольствие и просто уходили со словами “Спасибо, было приятно познакомиться”.

Потому что они не понимали, что могут получить от этой компании и не видели шагов для дальнейших действий.

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

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

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

Нужен готовый Landing page?

Закажите разработку
в нашем агентстве

Посмотреть стоимость

Сделайте сами
на конструкторе

Перейти в конструктор

Почему они нужны

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

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

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

Одно правило

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

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

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

НАС УЖЕ БОЛЕЕ 32 000 чел.
ВКЛЮЧАЙТЕСЬ

Формулы призывов к действию

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

  1. Действие
    Пример: Заказать звонок / Позвоните по телефону
  2. Действие + ограничение по времени
    Пример: Скачать сейчас / Получить на следующий день.
  3. Действие + выгода
    Пример: Получить подборку 5 лучших туров / Закажите бесплатный выезд специалиста.
  4. Действие + выгода + дедлайн (не всегда получается использовать)
    Пример: Получить доступ на 7 дней только сегодня / Сделайте заказ ночью и получите в подарок ____.

ВИДЫ призывов – офлайн

Теперь, зная основные формулы, Вы можете самостоятельно создавать Ваш “автомат денег”. Для вдохновения напишу примеры, а именно список призывов к действию в офлайне (типовые отсутствуют):

  1. Действуйте быстро;
  2. Звоните и узнавайте про наличие;
  3. Купите сейчас, платите потом;
  4. Свяжитесь с экспертом;
  5. Рассчитайте стоимость по телефону;
  6. Зайдите и получите подарок;
  7. Забронируйте себе место;
  8. Позвоните нам;
  9. Делайте, а не думайте;
  10. Приступите к этому вопросу прямо сейчас;
  11. Поверните налево, скорее!
  12. Остановитесь и подумайте о _____;
  13. Хватит хотеть. Возьми и сделай сейчас;
  14. Получите полный каталог в офисе;
  15. Оформите заявку на бесплатный образец до 05.12;
  16. Оставьте заявку на пробное занятие по телефону _____;
  17. Выбери свой подарок на сайте ____.

Используйте все это как шаблон, не благодарите:-)

Виды призывов – онлайн

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

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

  1. Скачать прайс лист. Отличный вариант, если у вас есть достаточно большой каталог моделей с разными ценами. Ну и, конечно же, это самая востребованная кнопка в сфере оптовых продаж.
  2. Узнать подробнее. В случае, если Ваш блок раскрывает не все плюсы Вашей продукции, то разместив такую кнопку, Вы поможете рассказать посетителю больше. Это тот самый пример промежуточного призыва к действию.
  3. Подписаться на _____. Можно, конечно, использовать и более оригинальные варианты из серии “Я в теме”, но смысл один – получение чего-либо полезного.
  4. Получить скидку/подарок. Используется в случае, если находится в том месте, где клиент хочет что-то получить, но не знает как.
  5. Заказать обратный звонок. Баян, баяном, поэтому останавливаться на этом не будем.
  6. Купить/добавить в корзину. Ваш продукт люди покупают эмоционально? Или же Вы интернет магазин? То без этих вариантов Вам просто нельзя жить.
  7. Попробовать 7 дней бесплатно. Можете дать демо-доступ или пробный период на свой продукт, так чего Вы ждёте, скорееееее!!! И само слово “попробовать/испытать” имеет очень мягкий характер, что положительно влияет на показатели.
  8. Рассчитать мой проект бесплатно. Люди любят получать расчёты ещё до заключения договора, так же как и замеры. Тоже стоит однозначно пользоваться.
  9. Получить предложение с полными ценами/книгу на e-mail. У нас эта кнопка на данный момент показала лучший вариант среди а/б тестов, но он не финальный, явно мы найдём ещё лучше. А те, кто не готов ждать, пробуйте.
  10. Хочу работать с Вами. Можно данную кнопку назвать аналогом “Купить”, только актуальна она больше в В2В сегменте.
  11. Заказать ______. Тут на пустом месте может быть сразу Ваш продукт, а может быть часть его из серии “Заказать прототип”, как мы используем это на нашем сайте по созданию лендингов.
  12. Написать вопрос. Удивительно, но не все люди любят звонить. Некоторые стесняются и поэтому пишут, пишут и пишут, стирая руки в кровь, но лишь бы не звонить. Поэтому такой вариант тоже имеет место быть.
  13. Забронировать место / Записаться на семинар. Актуально для мероприятий, как для онлайн, так и для офлайн.

    Причём, как видите, “Забронировать место” более лёгкий вход, чем “Записаться на семинар”. Но опять же, нужно подумать, что Вам важнее – больше трафика или больше целевого трафика.

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

Где должна быть кнопка

Наверное, в данном случае лучше пересолить, чем не досолить. Так как чем больше кнопок, тем больше вероятность, что клиент заметит и нажмёт на неё.

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

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

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

Следующим правилом будет соответствие смысла блока с текстом на кнопке. А то бывают умельцы, на блок “Как мы работаем”, ставят кнопку “Подписаться на нашу рассылку”.

Дизайн кнопки

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

Цвет кнопки

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

  • Общий стиль сайта;
  • Контраст между кнопкой и фоном.

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

И всё же изменение цвета может положительно повлиять на рост продаж, если у Вас сейчас изначально подобран не лучший вариант.

Важно! Можно использовать разные цвета кнопок на сайте, чтобы акцентировать внимание на те или иные призывы.

Размер кнопки

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

Так, компания JustClick удвоила свою конверсию, увеличив в два раза кнопку “КУПИТЬ” у себя на сайте. Так что, размер имеет значение.

Подходящий размерчик
Длина кнопки

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

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

Длинный текст
Форма кнопки

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

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

Хитрости любого call to action

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

1 . Текст от 1-го лица. Так как Вы создаёте сайт для клиентов, то так и хочется написать Ваш, Ваше, Вам, НО, правильнее будет на кнопках писать так, как читает клиент – Мой, Мне, Моя.

Такой подход может увеличить конверсию в 2 раза! На примере, чтобы было понятнее, вариант “Получите Ваш план тренировок” хуже, чем “Получить мой план тренировок”.

Текст от первого лица

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

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

Да как же поймать?

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

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

4 . Усилители. Бывает такое, что клиент хочет вроде бы нажать, но что-то его останавливает.

Для этого многие компании, в особенности под кнопками “Купить” и “Подписаться”, подписывают, например, варианты оплаты или текст из серии “Мы против спама”.

Усилители

5. Срочность. Если человек может предполагать, что Ваш продукт имеет срок действия/жизни, то можно добавить в кнопку слова “Сейчас/Сегодня”, чтобы создать эффект срочности. Пример: “Получить скидку 50% прямо сейчас”.

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

Две кнопки

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

7. Указатель. Можно дополнительно привлечь внимание не только за счёт анимации, цвета и размера, но ещё с помощью дополнительного элемента в виде стрелки, которые кстати можно интересно анимировать.

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

Пример воздуха

Коротко о главном

Ну Вы поняли, что вариантов обыграть Ваше целевое действие просто тьма. И пока Вы не попробуете- не узнаете, лучший ли вариант call to action у Вас сейчас или нет.

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

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

А напоследок чек лист, какой должна быть идеальная кнопка призыва к действию:

  • Понятный призыв;
  • Лёгкий вход;
  • Яркая и привлекающая внимание;
  • Расположенная в нужном месте.

Что такое Призыв к Действию: Определение, Видео — Определение

Призыв к действию (англ. call to action) — это изображение или строка текста, которая побуждает ваших потенциальных клиентов действовать. В буквальном смысле это призыв принять действие. Действие может быть любым: загрузить электронную книгу, зарегистрироваться на вебинар, получить купон, принять участие в мероприятии. 

В этом видео маркетолог SendPulse Катерина Чепурная рассказала, как создать сильный призыв к действию в SendPulse.

Зачем нужен призыв к действию?

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

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

Если вы не знаете, как создать эффективный CTA, проведите A/B тестирование с помощью SendPulse. Сервис поможет определить наиболее результативный призыв к действию для ваших промо-рассылок.

Как создать цепляющий призыв к действию

  1. Выберите продукт или услугу для продвижения
  2. Установите цели
  3. Выберите вид CTA
  4. Выберите месторасположение CTA

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

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

  1. Выберите продукт или услугу для продвижения. Некоторые компании используют один и тот же CTA одновременно для разных продуктов. Однако, необходимо ориентироваться на потребности целевой аудитории. Поэтому, разрабатывайте отдельные CTA для всех ваших продуктов.
  2. Установите цели. Подумайте об основных бизнес-целях, которые вы хотели бы достичь через призыв к действию, и составьте список с указанием приоритетов. Например, если вы хотите построить деловые отношения, используйте что-то вроде «Получить информацию». Тексты кнопок, которые описывают нужное действие, стимулируют пользователей быстро принимать решение, поэтому хорошо работают для лидогенерации и конвертации.
  3. Выберите вид CTA. Самыми распространенными видами призывов к действию являются кнопки покупки, формы сбора информации и подписки, кнопки «Поделиться в социальных сетях», предложения помощи. Наиболее часто встречающиеся тексты CTA — это «Читать дальше», «Купить» или «Попробовать сейчас». Выбор зависит от месторасположения CTA и этапа жизненного цикла клиента. Создайте разные предложения для лидов и постоянных покупателей, чтобы удовлетворить их потребности. Например, новому пользователю нужно больше информации о продукте и бренде прежде, чем он что-то купит.
  4. Выберите месторасположение CTA. От этого зависит количество трафика. Основные места для размещения призыва к действию это email и сайт. CTAа сайте размещают в начале страницы, в конце поста, на приветственной странице и в боковой панели. Чтобы определить оптимальное место, протестируйте несколько вариантов и сравните количество конверсий. Попробуйте создать СТА для каждого из выбранных мест и проанализируйте полученную статистику.

Как написать призыв к действию

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

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

  1. Начать — мотивирует переходить сразу к действию и не тратить время.
  2. Зарегистрироваться бесплатно — подчеркивает выгоду регистрации.
  3. Создать аккаунт — предоставляет возможность стать пользователем прежде, чем купить что-то.
  4. Попробовать демо версию — предлагает клиентам опробовать продукт перед покупкой.
  5. Связаться с нами — показывает клиентам, что они могут получить от вас поддержку.
  6. Узнать больше — предоставляет возможность получить больше информации;
  7. Посмотреть — мотивирует перейти к действию и ознакомиться с предложением.
  8. Найти — отлично подходит для разделов сайта;
  9. Получить скидку X% — демонстрирует аудитории сумму экономии при условии сотрудничества с брендом.
  10. Добавить в корзину — предлагает пользователям продолжать покупки, не боясь потерять выбранные товары.
  11. Заказать — предупреждает пользователей, что время ограничено и мотивирует принять решение как можно скорее.
  12. Новинки и обновления — предлагает клиентам первыми узнать и попробовать что-то новое.
  13. Подписаться — мотивирует стать клиентом и звучит менее навязчиво чем “Купить”.

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

Примеры и рекомендации по созданию эффективного призыва к действию

  • Сфокусируйте внимание клиента на вознаграждении
  • Сделайте призыв к действию максимально простым
  • Акцентируйте внимание на выгоде
  • Персонализируйте сообщение
  • Экспериментируйте с цветом и пространством
  • Предоставьте клиентам право выбора
  • Предложите пользователям пробную версию
  • Разместите СТА на первом экране
  • Используйте оригинальный дизайн и подчеркните простоту продукта
  • Пишите коротко и ясно
  • Выделите основные характеристики
  • Добавьте форму быстрой регистрации

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

Сфокусируйте внимание клиента на вознаграждении

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

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

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

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

Например, образовательная платформа Lingualeo использует для СТА “Попробовать”.

Акцентируйте внимание на выгоде

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

Например, Megogo предлагает новым пользователям попробовать возможности сервиса всего за 1 грн.

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

Персонализируйте сообщение

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

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

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

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

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

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

Экспериментируйте с цветом и пространством

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

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

Разместите СТА на первом экране

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

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

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

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

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

Используйте оригинальный дизайн и подчеркните простоту продукта

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

Посмотрите на текст кнопки призыва к действию. Данный СТА — яркий пример того, как можно повысить вовлеченность. На синем фоне зеленый CTA привлекает внимание.

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

Пишите коротко и ясно

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

Посмотрите, как мотивирует подписаться женский журнал Glamour. В этом примере мы видим стандартный СТА “Подписаться”, который не позволяет пройти мимо благодаря контрасту красного и белого цветов.

Выделите основные характеристики

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

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

Добавьте форму быстрой регистрации

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

Используйте активные глаголы, чтобы мотивировать аудиторию к действию. Избегайте слишком длинных и непонятных фраз — пишите коротко и по сути. Чтобы выявить наиболее подходящий для вашего бизнеса СТА, проводите A/B тестирование.

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

Обновлено: 18.12.2020

Оцените, насколько полезна статья «Призыв к действию»

Как лучше оформить кнопку «о призыве к действию» для мобильных устройств?

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

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

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

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

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

Руководство для кнопок призыва к действию на мобильных устройствах

Мы разделим все идеи на 3 основные категории:

  • размещение
  • текст на кнопке
  • дизайн

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

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

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

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

Почему?

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

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

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

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

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

Всегда тестируйте мобильные кнопки призыва к действию

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

Количество тестов, которые мы могли бы разработать, могло стать бесконечным.

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

Как определить оптимальное размещение мобильных кнопок призыва к действию

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

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

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

Правильно ли это и какие рекомендации вы бы дали относительно размещения кнопок с призывом к действию?

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

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

 

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

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

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

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

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

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

Команда НОК: Можете ли вы рассказать нам больше об этих посетителях мобильных версий интернет-магазинов?

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

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

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

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

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

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

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

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

Команда НОК: Теперь мы знаем, какие призывы оптимизировать. Каков следующий шаг?

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

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

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

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

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

Команда НОК: Как вы узнаёте, где какой призыв к действию расположить на лендинге?

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

Команда НОК: ОК. В принципе, это противоречит всему, что мы читали раньше, верно?

Мэсси: А что все остальные говорили?

Команда НОК: Почти каждая статья повторяет одни и те же идеи. Убедитесь, что взгляд посетителя направлен на самый важный призыв к действию. Учитывайте естественное скольжение взгляда человека.

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

На настольной версии глаза ー «король». На телефонах большой палец ー «королева».

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

Согласно исследованию, проведенному Стивеном Хубером, 75% пользователей касаются экрана только большим пальцем, хотя менее 50% держат телефон одной рукой.

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

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

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

Команда НОК: Мы читали, что по Гутенбергу из левого верхнего в правый нижний угол ー самое важное направление взгляда на мобильном телефоне.

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

Команда НОК: Можете ли вы отслеживать поведение глаз на экранах мобильных устройств?

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

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

Команда НОК: Что происходит, когда люди делают паузу при прокрутке?

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

Команда НОК: Как мы можем использовать отслеживание прокрутки для улучшения конверсии мобильной версии сайта?

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

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

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

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

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

Команда НОК: В большинстве статей говорится об определённой визуальной иерархии кнопок CTA для управления действиями посетителя. Это правда?

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

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

Команда НОК: Всегда ли размещение закреплённой кнопки «Перейти в корзину» в меню гамбургера ー лучший вариант для интернет-магазина?

Мэсси: Возможно, но это не всегда лучшая комбинация.

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

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

Мы называем закреплённую шапку сайта «повязкой на голову», а закреплённый футер ー «липкими ботинками».

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

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

На рис. Пример многочисленных призывов к действию в шапке сайта

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

Команда НОК: В некоторых исследованиях утверждается, что должна быть чёткая кнопка призыва к действию, на просмотр которой у пользователя уходит не более 3 секунд. Правда это или ложь?

Мэсси: Страница должна загружаться быстрее, чем за 3 секунды. Это верно для лидогенерации, но для интернет-магазинов не так важно, и это очень важно для страниц с контентом.

Команда НОК: Можем ли мы разместить более одного призыва к действию на одной мобильной странице?

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

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

Команда НОК: Где лучше всего разместить кнопки призыва к действию?

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

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

Команда НОК: Прежде чем мы перейдём к дизайну мобильных кнопок, межстрочному интервалу и цвету кнопок, какой самый важный совет вы дадите для мобильных кнопок призыва к действию?

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

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

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

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

Надпись на кнопке должна быть описательной. Кнопка призыва к действию сообщает посетителям, что произойдёт, когда они нажмут на неё. Это должно быть актуально, понятно и соблазнительно. Например, «Получить мгновенный доступ» ー убедительно и понятно.

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

Попробуйте создать ощущение срочности и протестируйте это.

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

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

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

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

Размер кнопок действительно важен, особенно на маленьких экранах. Проверьте, чтобы ваш адаптивный дизайн не уменьшал их, и следуйте стандартам IOS по размеру кнопок. В Руководстве по интерфейсу пользователя Apple рекомендует минимальный размер ー 44 пикселя в ширину и 44 пикселя в высоту. Старайтесь избегать текстовых кнопок, поскольку они слишком малы и неудобны для нажатия и могут недостаточно контрастировать с фоном.

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

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

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

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

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

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

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

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

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

Оригинал публикации:

https://conversionsciences.com/mobile-call-to-action-buttons-best-guidelines-for-placement-copy-design/

Перевела Татьяна Пушкина специально для Convert Monster

Подпишись и следи за выходом новых статей в нашем монстрограмме

Остались вопросы?

Не нашли ответ на интересующий Вас вопрос? Или не нашли интересующую Вас статью?  Задавайте вопросы и темы статей которые Вас интересуют в комментариях.

Примеры и передовые методы — Smashing Magazine

Об авторе

Джейкоб Губе — основатель и главный редактор Six Revisions, веб-публикации для веб-разработчиков и дизайнеров, а также заместитель редактора Design Instruct, веб-… Больше о Джейкоб ↬

Призыв к действию в веб-дизайне и, в частности, в пользовательском опыте (UX) — это термин, используемый для элементов на веб-странице, которые требуют действия от пользователя. Самым популярным проявлением призыва к действию в веб-интерфейсах являются кнопки, на которые можно нажимать, которые при нажатии выполняют действие (например,грамм. «Купите это сейчас!») Или перейдите на веб-страницу с дополнительной информацией (например, «Подробнее…»), которая просит пользователя принять меры.

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

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

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

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

Привлечь внимание пользователя размером

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

Размер кнопки призыва к действию по сравнению с окружающими элементами

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

Размер кнопки призыва к действию по сравнению с менее важным призывом к действию

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

Привлекайте внимание пользователей с помощью заметного позиционирования

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

Размещение в выделенной области

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

Размещение вверху веб-страницы

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

Размещение в центре макета

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

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

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

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

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

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

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

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

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

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

Цветовой контраст по сравнению с окружающими элементами

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

Цветовой контраст фона / переднего плана

Valley Creek Church устанавливает ярко-желтую кнопку призыва к действию «Подробнее» над изображением в оттенках серого. Даже с простым дизайном кнопки с призывом к действию поверх сложного элемента (в данном случае фото) он все равно выделяется из-за выбора цвета.

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

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

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

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

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

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

Отображение вторичных действий под основным действием

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

Передайте ощущение срочности

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

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

Часто предложения выполнить действие могут быть эффективными для создания ощущения срочности. Такие слова, как «сейчас», «немедленно» и «прямо сейчас» могут передать такую ​​срочность.Возьмем пример Organizing for America (BarackObama.com), в котором посетителям сайта предлагается «ПОЖЕРТВАТЬ СЕЙЧАС». Если бы вместо этого было просто сказано «Пожертвовать», ощущение срочности исчезло бы, и пользователи с меньшей вероятностью предприняли бы действия.

Сообщите пользователям, что действовать легко.

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

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

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

Расскажите пользователям, чего ожидать.

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

Mozilla Firefox сообщает пользователям, чего именно следует ожидать, нажимая на их кнопку призыва к действию. Кнопка призыва к действию сообщает вам, что вы получите Firefox 3.5, что он бесплатный и (для тех, кто нуждается в большей специфичности), что точная версия — 3.5.3 для операционной системы Windows , язык Английский , и вы должны ожидать загрузки 7,7 МБ .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

GoodBarry В этом призыве к действию вы можете увидеть, насколько эффективны решения с использованием пробелов, размера и разумного цвета, чтобы сделать призыв к действию очень заметным. Подчеркивание того, что действие будет «БЕСПЛАТНЫМ», сообщает пользователям, чего ожидать.

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

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

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

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

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

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

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

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

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

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

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

Дополнительные ресурсы по кнопкам призыва к действию

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

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

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

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

Хорошие кнопки с призывом к действию В UX Booth есть хорошая статья о том, из чего состоит хорошая кнопка призыва к действию.

Firefox показывает, как сильный призыв к действию может повысить производительность целевой страницы Узнайте, как хороший призыв к действию может повысить конверсию. Вы найдете сравнение между кнопками призыва к действию, используемыми в Firefox, Opera и Internet Explorer.

Тенденции веб-дизайна: кнопки призыва к действию Ли Манро собрал демонстрацию кнопок призыва к действию, а также обсудил текущие тенденции дизайна.

50 примеров призыва к действию (и как написать идеальный CTA)

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

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

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

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

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

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

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

Но сначала…

Что такое призыв к действию?

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

Так что же такое призыв к действию? Это фраза, которая используется, чтобы точно сказать пользователю, какое действие нужно предпринять и как его предпринять. Это может быть просто два слова («Купить сейчас») или одно или два предложения («Любите узнавать о маркетинге и хотите узнать больше? Подпишитесь сейчас, чтобы никогда не писать пост!»), И это может быть простой текст с гиперссылка или интерактивная кнопка.

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

Так как же создать убедительный и эффективный призыв к действию?

Мы поговорим об этом позже. Во-первых, давайте поговорим о важности призывов к действию.

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

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

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

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

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

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

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

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

Может ли призыв к действию быть длиннее предложения? Абсолютно да.

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

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

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

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

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

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

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

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

Мы разделили список по группам:

Готовы окунуться в океан CTA? Давайте начнем!

Примеры призыва к действию в Facebook

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

Запишите это.

1. Фиолетовый

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

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

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

2. Animoto

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

Animoto отметили это в своем последнем объявлении:

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

По сути, они говорят: «Примите это действие, потому что вы получите это преимущество». Это ясно, по делу и эффективно.

3. CanvasPop

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

CanvasPop «Получите 60% скидку при заказе сегодня» сразу бросается в глаза, делая его более заметным и мощным , чем если бы он был утоплен внизу в более мелком тексте.

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

4. Shopify

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

, мы почти удивились бы, если бы это не была реклама только для мобильных устройств. «Продавайте свои поделки на FB!» и «Продавайте в Интернете, в магазине и на Facebook…» — все они невероятно краткие, что является серьезным преимуществом на этой платформе, где краткость является ключевым моментом.

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

5. Безбрендовые

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

CTA «Купить сейчас» дополняется заявлением о том, что покупатели могут найти более 300 предметов первой необходимости по цене 3 доллара за штуку.

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

«Бренд» также усиливает свой призыв к действию с помощью социальных доказательств в виде отзывов клиентов.

6. Lyft

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

В случае с вышеуказанной рекламой Lyft использует тот факт, что каждый хотел бы получить бесплатные деньги. Если предположить, что, основываясь на узнавании имен, люди уже знают, что они делают, эта реклама предлагает немного больше контекста. Кнопка с призывом к действию «Установить сейчас» убедительна, потому что вместе с текстом объявления она ведет прямо туда, где новые клиенты могут узнать, как получить свой бесплатный кредит на поездку в размере 50 долларов США.

7. AirBnB

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

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

8.Йети

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

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

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

9. Hulu

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

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

Вернуться к списку примеров призыва к действию

Примеры призыва к действию в рекламе в Instagram

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

10. Instagram

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

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

Тактика точная и очень эффективная.

11. Starbucks

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

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

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

12. MegFitzCooks

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

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

В конце концов, что они потеряли, просто посетив ее профиль?

13.Spotify

Spotify — это Netflix в мире музыки, и чтобы продвигать свои услуги среди слушателей музыки, он придает ему эти два примера призыва к действию. Этот первый из Instagram, ориентированный на мобильных пользователей, использует базовый призыв к действию «Установите сейчас», а также «Музыка, которую вы любите. Свободный.» текстовое наложение действует как ускоритель призывов к действию.

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

14. Dollar Shave Club

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

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

15. Эшай Байнс

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

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

Вернуться к списку примеров призыва к действию

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

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

16. Свисток Компания Whistle, провайдер GPS-навигатора

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

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

17. Де Бирс

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

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

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

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

18. Кровать Bath & Beyond

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

Отличный пример можно увидеть здесь с Bed Bath & Beyond:

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

19. Березовый ящик

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

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

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

Вернуться к списку примеров призыва к действию

Примеры призыва к действию для целевой страницы

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

20. Гальванический

Прямо сейчас там куча коробок для подписки на еду. Я могу вспомнить шесть прямых конкурентов Plated.

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

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

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

21. Монстр

Иногда чем короче утверждение, тем оно мощнее . «Найди лучше» от Monster — отличный тому пример.

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

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

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

Suntrust делает что-то немного иное, что, вероятно, не сработает для многих компаний, но работает для них.

Они начинают с негатива в виде проблемы, говоря, что «финансовую уверенность нельзя купить». Затем они сразу же предлагают себя в качестве решения, «но вы можете создать его на onUp.com».

Продажа проблем / решений — это очень эффективный метод продаж, и он работает и здесь.

Кнопка CTA — вот что такого уникального. Они говорят: «Уверенность начинается здесь» вместо «Начни укреплять уверенность здесь».

Для большинства предприятий (особенно предприятий B2B) использование более пассивного CTA, подобного этому, было бы неправильным выбором.

23. Монетный двор

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

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

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

24. T-Mobile

Это CTA, который стимулирует одну конкретную награду.

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

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

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

25. TurboTax

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

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

Говорят, вы будете готовы к уплате налогов, потому что у вас будет преимущество. А еще лучше — вы сэкономите 10 долларов. Они говорят купить программное обеспечение и подготовить его, чтобы вы были готовы, когда придет время уплаты налогов (как если бы любой из нас когда-либо был готов).

Он предлагает одновременно внешний стимул и внутреннюю мотивацию.

26. Freshbooks

Почти все владельцы малого бизнеса ограничены во времени, и CTA Freshbooks оттачивает эту болевую точку.

В отличие от множества примеров призыва к действию, которые мы видим, FreshBooks становится конкретным.

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

27. Томс У

Toms недавно (на момент написания этой статьи) была распродажа флеш-памяти. Или, как они выразились в своем всплывающем окне, «неожиданная распродажа».

Их CTA использует ярко-синюю кнопку, чтобы выделиться на фоне остального поля.

Копия также хорошо написана , подразумевая эксклюзивность (которая, как мы знаем, всегда продается). «Psssst» делает его секретом, а слово «сюрприз» вместо «вспышка» делает его более интимным.

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

28. Шакр

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

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

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

29. Backlinko

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

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

Вернуться к списку примеров призыва к действию

Примеры призыва к действию на веб-сайте

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

30.

Netflix

Netflix, имя нарицательное в потоковых фильмах и телешоу, сразу переходит к делу со своим CTA:

.

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

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

31. WordPress Engine

Этот призыв к действию серьезен и бросается в глаза, но он ясен. Он использует сильные глаголы действия , такие как «драйв», «строительство», «защита», «рост» и «сила».”

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

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

32. Snappa

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

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

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

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

33. Allstate

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

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

34. VoiceNation

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

Это отличный CTA. «Почувствуйте разницу» — одна из тех строк, которые действительно эффективны в качестве CTA .

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

35. Bigstock CTA

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

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

Это повысит вовлеченность на их сайте, что может привести к платежеспособности клиентов.

36. Rothy’s

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

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

обувной компании Rothy может вдохновить нас на то, как увеличить число подписчиков.

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

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

37. Авангард

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

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

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

38.Salesforce

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

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

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

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

39. Daily Look

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

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

«Оставить время для всего остального» — гениальный ход . Это творческий подход и создает иллюзию болевой точки, которой на самом деле нет прямо перед ярко-синим призывом к действию «Начать сейчас».

40. Dollar Shave Club

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

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

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

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

Вернуться к списку примеров призыва к действию

Другие примеры призыва к действию

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

41. Уильямс Сонома

CTA относятся не только к контенту прямых продаж; Они также могут быть в обычных сообщениях в социальных сетях (как показывают эти примеры призыва к действию Уильяма-Сономы).

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

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

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

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

42. The Great Courses Plus

Провайдер аудио- и видеообучений на дому, на уровне колледжа использовал следующую рекламу на YouTube для продвижения своих курсов:

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

The Great Courses Plus также использует следующую веб-страницу с двойными призывами к действию в верхней части страницы, чтобы подтолкнуть посетителей к подписке на бесплатную пробную версию.

43. Houzz

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

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

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

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

44. МОО У

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

Чтобы преодолеть это и доказать, что они на самом деле лучше, у MOO есть предложение на своем сайте: «Почувствуйте MOO», заказав бесплатный пакет образцов.

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

45. Simple Pin Media

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

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

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

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

Это все еще исключительно лаконичный , но он передает суть.

46. Fairwinds

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

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

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

47. Всемирный фонд дикой природы

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

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

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

48. Care.com

Care.com использует необязательный CTA (бесплатный), который помогает пользователям решить, подходит ли он для их нужд.

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

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

49. Dropbox

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

На светло-синем фоне они используют темно-синюю кнопку с призывом к действию «Попробуйте Dropbox Business бесплатно» ( действительно выделяется, потому что пользователи предпочитают нажимать ) с менее заметной кнопкой с призывом к действию, которая позволяет посетители «Получить Dropbox Basic» в качестве бесплатной альтернативы.

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

50. Trello

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

Расположенная на ярко-синем фоне зеленая кнопка призыва к действию с белым текстом всплывает с контрастным цветом.Использование убедительной копии в белом цвете сообщает о преимуществах продукта, CTA четко сообщает целям, что делать: нажмите, чтобы зарегистрироваться БЕСПЛАТНО.

Вернуться к списку примеров призыва к действию

Ааааи вот и мы. Довольный? Усталый? Вы еще не закончили!

Продолжайте читать, чтобы узнать, как создавать идеальные призывы к действию с высокой конверсией на основе этих примеров призыва к действию.
Текст Ана Готтер

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

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

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

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

5 быстрых советов по созданию отличного призыва к действию

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

  • Начните свой призыв к действию с сильного глагола действия

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

Чтобы вызвать у аудитории сильный эмоциональный отклик, подумайте о создании вызывающих волнение призывов к действию, например: «Получите скидку 75% прямо сейчас!» или что-то вроде «Присоединяйтесь, чтобы мгновенно получить обратно 25 долларов.”

  • Создание причины для принятия мер

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

  • Выберите подходящий цвет для вашего CTA

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

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

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

И действительно, все, что вам нужно сделать, это выполнить эти пять шагов.

Шаг № 1: Сосредоточьтесь на одной цели

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

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

Давайте посмотрим, что произойдет, если вы не соблюдаете этого правила. У Apple есть следующая реклама в Facebook для продвижения нового iPhone:

.

Помимо того, что текст объявления слишком восприимчив и лишен функций, существует разрыв между заголовком и призывом к действию.Мне нравится заголовок «Передай привет будущему. Закажите iPhone X ». Но тогда вместо того, чтобы продавать телефон в описании с перечислением функций, они просто говорят: «Знакомьтесь. Это здесь.» Затем призыв к действию гласит: «Узнать больше», тогда как «Купить сейчас» было бы гораздо лучшим выбором, когда побуждал бы пользователей сделать заказ. Это немного сбивает с толку и тускло. Хотя клиенты могут не анализировать это сознательно, как это сделали мы, вы знаете, что они будут регистрировать, по крайней мере, большую часть этого бессознательно.

Шаг № 2: Используйте слова действия

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

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

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

Шаг № 3: Выберите правильную формулу для правильной среды

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

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

Есть три основные формулы, которые вы можете использовать, чтобы начать создавать свой CTA. Это:

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

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

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

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

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

Шаг №4: Решите, хотите ли вы пойти на позитивный или отрицательный результат

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

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

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

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

Это пример положительного призыва к действию…

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

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

А это пример отрицательного угла для CTA.

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

Шаг № 5: Приоритет краткости

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

Давайте посмотрим на следующий пример от Movement Mortgage, где они продвигают свое ипотечное приложение.

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

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

Кнопки CTA: почему они важны и как их использовать

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

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

Вот почему даже в Facebook есть короткие интерактивные кнопки с призывом к действию, которые вы можете добавлять в каждую рекламную кампанию, и почему вы увидите так много целевых страниц с яркой надписью «Зарегистрируйтесь сейчас!» текст на большой желтой кнопке. Кликабельные кнопки с призывом к действию многократно доказали, что они значительно увеличивают коэффициент конверсии. Одно исследование показало, что добавление кнопки CTA в их шаблоны статей увеличило конверсию на 83% и увеличило конверсию электронной торговли на 22%. Copyblogger нашел нечто похожее; когда их призывы к действию выглядели как кнопки, а не как обычный текст, коэффициент конверсии увеличился на 45%.

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

Facebook реклама

Вы знаете, что нам нужно было начать с рекламы в Facebook!

Вот уже несколько лет в Facebook встроены интерактивные кнопки CTA, встроенные в собственный интерфейс. Варианты кнопок включают «Купить сейчас», «Узнать больше», «Загрузить», «Отправить сообщение» и т. Д. Идея состоит в том, что вы можете использовать эти кнопки CTA для усиления рекламы, увеличивая вероятность конверсии.

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

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

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

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

Мы рекомендуем протестировать различные кнопки CTA с помощью функции сплит-тестирования Facebook (или нашей собственной функции сплит-тестирования с помощью AdEspresso!), Чтобы узнать, на что отреагирует ваша аудитория. Не забудьте взглянуть на то, что приводит к наибольшему количеству конверсий и сколько стоит каждое действие; оба являются важными частями головоломки.

Ваш веб-сайт и целевые страницы

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

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

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

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

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

Последние мысли

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

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

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

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

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

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

СохранитьСохранитьСохранитьСохранить

СохранитьСохранитьСохранитьСохранить

кнопок с призывом к действию: 8 призывов к действию, призванных конвертировать

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

1) Убер

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

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

2) Flex Studios

Кнопки с призывом к действию

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

Прекрасный пример реализации этой идеи можно найти на сайте Flex Studios. Благодаря прокрутке фоновых изображений на странице изменяется текст, который сопровождает каждое изображение, при этом появляется зеленая кнопка с призывом к действию с надписью «Забронировать класс». Что особенно интересно в этом сайте, так это то, что каждый набор экземпляров содержит различные эмоциональные триггеры, которые могут реально заинтересовать кого-то настолько, чтобы записаться на занятия.В первоначальной копии основное внимание уделяется местонахождению Flex на Юнион-сквер в Нью-Йорке, поскольку их целевой клиент находится в этом районе. Для второго изображения и пакета копий они сосредоточены на трех различных тренировках, которые они предлагают, чтобы пользователи увидели, какие разные занятия они могут заказать, щелкнув призыв к действию. Наконец, они подчеркивают свои скидки на первый класс. Таким образом, страница и ее призыв к действию обращаются не только к одному возможному эмоциональному триггеру, который может заставить пользователя щелкнуть по ней, а к трем.Таким образом, страница может захватывать множество разных пользователей с разными потребностями, и именно это делает кнопку призыва к действию на странице одной из лучших.

3) Crazyegg

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

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

4) medCPU

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

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

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

5) Лакмус

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

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

6) Spotify

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

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

7) Отклонить

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

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

8) Подарочная ракета

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

В этом случае кнопки призыва к действию настроены так, чтобы процесс казался простым и не пугающим для пользователей.Хотя вы можете немного исказить сложность отправки подарка, как только вы заставляете пользователя нажимать кнопку с намерением купить кому-то подарок, вы можете положиться на приятную для себя силу этого, чтобы компенсировать незначительное недовольство. искажение того, насколько простым будет этот процесс. Очень немногие компании используют эту стратегию так же эффективно, как GiftRocket. Их призыв к действию «Отправить GiftRocket» резко недооценивает, насколько сложен их сервис. Хотя это не ракетостроение (каламбур), чтобы разобраться в их относительно простых областях — вам потребуется около 5 минут, чтобы сесть и заполнить все.Это не так просто, как щелкнуть пальцами и немедленно отправить GiftRocket, как предполагает CTA. При этом, поскольку ожидание простоты использования устанавливается до того, как пользователь запускает процесс, и они собираются отправить подарок — они придерживаются процесса. В конце концов, кто начинает покупать подарок для близкого человека, а затем останавливается на полпути — даже если призыв к действию немного вводит в заблуждение?

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

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

24 лучших кнопки с призывом к действию для увеличения количества конверсий

Вы помните, как сильно вам хотелось нажимать все кнопки, с которыми вы сталкивались в детстве?

Попасть в лифт было так интересно, , потому что можно было нажимать кнопки, и что-то случалось.

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

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

Но, как и в детстве, не все кнопки одинаковы.

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

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

Все примеры, показывающие, как собирать больше электронных писем, можно БЕСПЛАТНО настроить на своем веб-сайте с помощью Sumo.

СТРАТЕГИЯ № 1: СДЕЛАЙТЕ ВАШИ КНОПКИ НЕВОЗМОЖНЫМИ ДЛЯ ПРОПУСКАНИЯ

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

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

СДЕЛАЙТЕ ЭТО СО СТРАНИЦЫ

В июле прошлого года я просмотрел более 100 веб-сайтов для клиентов Sumo.

Проблема №1, которую я заметил на Welcome Mat , pop-up и Click Trigger , который я рассмотрел, заключалась в том, что мой взгляд не сразу переходил к кнопке призыва к действию, когда появлялся инструмент.

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

Это означает, что ваша кнопка должна , а не , выглядеть так:

Вместо этого заставьте ее спрыгивать со страницы с цветом действия.

Узнайте, как клиенты Sumo The Catch and the Hatch делают это с помощью кнопки призыва к действию:

Красный «выскакивает» из коричневого фона и служит цветом действия.

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

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

Инструмент Instagram marketing Grum тоже хорошо справляется с этой задачей.

Но Грум и другой мой пример используют наиболее обсуждаемые цвета действий: красный и зеленый. Вы должны последовать их примеру?

Может быть. Я объясню …

ВЫБЕРИТЕ СВОЙ ЦВЕТ

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

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

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

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

И SpiceMode использует золотистый / серо-коричневый цвет, который подходит их бренду.

Мы обнаружили, что красный работает для нашей аудитории:

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

И один из единственных способов сделать это с уверенностью — пройти A / B-тестирование .

СТРАТЕГИЯ № 2: БУДЬТЕ ОЧЕНЬ БОЛЬШОЙ ОЧЕНЬ ЗНАЧИТЕЛЬНЫМИ ДЕЙСТВИЯМИ, КОТОРЫЕ ВЫ ХОТИТЕ ПРИНИМАЕТЕ ПОСЕТИТЕЛИ

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

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

Вот несколько способов сделать это.

ИСПОЛЬЗУЙТЕ ВЕДУЩИЕ ЛИНИИ

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

Оказывается, мы берем много направлений от «ориентиров» или «линий видимости». Исследователи показали, что направляющие линии, такие как стрелки (или даже изображение человека, обращенного к призыву к действию), довольно непреодолимы для нас. Мы автоматически следим за ними. [*]

Посмотрите, как Брайан Дин из Backlinko использует направляющие линии, чтобы привлечь внимание посетителей на своей домашней странице:

Стрелка указывает на форму ввода, которая ведет к кнопке.

Не хотите, чтобы выглядел как очевидный ? Вы всегда можете сделать саму кнопку в виде стрелки, как эта кнопка из Dollar Shave Club:

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

ИСПОЛЬЗУЙТЕ ВИЗУАЛЫ

Визуальный контент привлекает внимание. Так почему бы не сработать и на кнопке призыва к действию?

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

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

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

Узнайте, как MarketingProfs использует визуальные элементы в своих кнопках и расширяющиеся линии в качестве визуальных элементов для своих кнопок:

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

ЗАМЕТЬТЕ ФОРМУ

Новости: никто не нажмет на вашу кнопку, если не ясно, что это кнопка.

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

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

Это презентация PowerPoint не для 4-го класса.

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

Взгляните на эту потрясающую кнопку, которую создал Хьюмор:

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

СДЕЛАЙТЕ ЭТО БОЛЬШОЙ

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

Так почему же на Божьей зеленой земле вы делаете пуговицу настолько маленькой, что вам понадобится увеличительное стекло, чтобы ее увидеть?

Есть причина, по которой кнопка с призывом к действию на вашей странице Facebook вызывает ужасно низкие конверсии:

Это потому, что она настолько мала, что просто сливается со страницей.

Чем больше кнопка, тем она больше привлекает внимание.Обратите внимание на размер кнопки во всплывающем окне Loaded Lifting:

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

СТРАТЕГИЯ № 3: СДЕЛАЙТЕ КНОПКИ НЕУДАЧНЫМИ ДЛЯ НАЖАТИЯ

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

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

ИЗМЕНИТЕ КОПИЮ КНОПКИ

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

Фактически, мы провели A / B-тест и обнаружили, что просто изменив копию кнопки на одном из наших приветственных ковриков, мы увеличили конверсию на 182%.

Мы не изменили ни одной вещи , кроме копии, и мы собрали на 182% больше писем, просто протестировав это одно небольшое изменение.

Слово «дай» может не работать для вашей аудитории, но, проведя A / B-тестирование, мы обнаружили, что оно очень хорошо работает с нашей аудиторией.

Хотите саботировать конверсию?

Сделайте копию кнопки «подписаться» или «отправить» на кнопке призыва к действию.

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

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

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

Даже в нашем примере «Дай мне» делает то же самое.

A / B-тест, что работает с вашим целевым рынком (мы никогда бы не узнали, что «Gimme» работает так хорошо, если бы мы не проводили наш A / B-тест), но помните ген «что это для меня?

ИСПОЛЬЗУЙТЕ ПЕРВОГО ЛИЦА

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

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

В одном A / B-тесте Unbounce обнаружила, что простая замена копии кнопки с «Начать бесплатную 30-дневную пробную версию » на «Начать мою 30-дневную бесплатную пробную версию » увеличила конверсию на 90%: [*]

Так что замените «ваш» и «наш» на «я», «мой», чтобы увеличить конверсию.

Вы можете почерпнуть вдохновение на веб-сайте тренеров по теннису Fuzzy Yellow Balls:

Сравните «Да, я хочу на 10-15 миль в час больше» с «Получите наш бесплатный трюк», и вы поймете, почему сайт выбрал первое.

ИСПОЛЬЗУЙТЕ ПСИХОЛОГИЮ МАРКЕТИНГА

Понимание психологии маркетинга — самый важный навык, которым вы можете овладеть как предприниматель.

Но если вы не хотите становиться экспертом в этом вопросе, вы можете неплохо справиться, просто используя слово «бесплатно» в своем тексте.

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

Headspace, приложение для медитации, использует психологию «бесплатно» в своей копии кнопки:

Говоря «Зарегистрируйтесь бесплатно».

Мы использовали слово «БЕСПЛАТНО» на приветственном коврике для Шпаргалки по психологии маркетинга :

И обнаружили, что , просто добавив слово «бесплатно» к заголовку, мы можем получить на 15% больше конверсий.

Используйте эту мудрость в своей копии кнопки (или рядом с вашей кнопкой), и вы тоже увидите повышение.

ИСПОЛЬЗУЙТЕ СОЦИАЛЬНОЕ ДОКАЗАТЕЛЬСТВО

Кто правит миром?

Ой, подождите…

Люди, использующие социальное доказательство.Вот кто правит миром. Прости, Бей.

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

Признайся. Если вы впервые встретите его, у вас гораздо больше шансов подписаться на список рассылки Пола Джарвиса , зная, что почти 29 773 человека уже сделали это, верно?

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

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

ДОБИРАЙТЕСЬ К ТОЧКЕ

Мама такая ленивая…

Что она, скорее всего, прочитает менее 5 слов на кнопках с призывом к действию.

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

HubSpot рекомендует не более 5 слов в призыве к действию, что имеет смысл, потому что вы не хотите, чтобы ваши кнопки выглядели так: [*]

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

Ваша копия кнопок не должна казаться утомительной для чтения.Ближе к делу.

СТРАТЕГИЯ № 4: КАПИТАЛИЗИРУЙТЕСЬ НА КНОПКЕ «НЕТ СПАСИБО»

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

Как этот:

Обычно вы видите скучные кнопки с надписью «Нет, спасибо».

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

Итак, я собираюсь показать вам, как делать их правильно.

Заставьте их почувствовать боль

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

Так как сказать «нет, спасибо» меньше работы, чем ввести свой адрес электронной почты (а затем обычно набирать , подтвердить свой адрес электронной почты ), это может быть сложно.

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

Что они теряют, нажимая кнопку «нет», а не кнопку призыва к действию?

ConversionXL отлично справляется с этой задачей с помощью своего всплывающего окна:

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

Raphael Paulin-Daigle использует аналогичный подход:

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

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

СДЕЛАТЬ ЭТО ИСЧЕЗИТ

Вы же не хотите, чтобы посетители нажимали кнопку «Нет, спасибо», верно?

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

Это именно то, чем вы хотите заниматься.

Взгляните на то, как в «Рекомендуем» кнопка «Нет, спасибо» на своем List Builder всплывала того же цвета, что и фон всплывающего окна:

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

Это просто. Ваша кнопка призыва к действию должна спрыгнуть со страницы. Ваша кнопка «Нет, спасибо» не должна.

ПОЛУЧИТЕ БОЛЬШЕ КЛИКОВ НА КНОПКАХ ПРИЗЫВА К ДЕЙСТВИЯМ

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

Меньше нажатий на эти кнопки = меньше:

  • Подписчики электронной почты

  • Лиды

  • Клиенты

  • Продажи

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

Шаг 1 : Убедитесь, что посетители действительно могут найти вашу кнопку CTA.

Шаг 2 : Призовите их к действию.

Шаг 3 : Прекратите отталкивать людей своей копией кнопки.

Шаг 4 : Используйте кнопку «Нет, спасибо» в ваших интересах.

Шаг 5 : Загрузите наш БЕСПЛАТНЫЙ контрольный список оптимизации коэффициента конверсии, чтобы убедиться, что ничто не ускользнет от нас.

Шаг 6 : Прибыль.

Возьмите бесплатный контрольный список!

Пс. Если вы хотите использовать БЕСПЛАТНЫЙ инструмент с профессионально разработанными кнопками призыва к действию и формами для захвата сообщений электронной почты, попробуйте Sumo.

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

Посетители, которые не нажимают, не конвертируются.

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

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

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

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

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

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

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

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

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

Мелочи имеют значение, когда дело доходит до создания отличного пользовательского опыта.В отчете об исследовании пользовательского опыта Econsultancy было обнаружено, что «более [95% респондентов] согласились с утверждением о том, что« хороший пользовательский опыт имеет смысл ».

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

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

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

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

Когда вы видите кнопку на веб-странице, что заставляет вас думать, что на нее можно нажимать? Что побудило вас нажать?

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

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

Типичный пример кнопки CTA с как минимум четырьмя из вышеперечисленных функций можно найти на Entrepreneuronfire.com.

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

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

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

Посмотрите, насколько кликабельными выглядят кнопки CTA на DigitalMarketer.com.

Еще одна кнопка действия, которая выглядит интерактивной, — это кнопка на сайте Джеффа Гоинса.Его обложка даже приглушена:

2. Позиционирование имеет значение: размещайте кнопки там, где люди нажимают

Очевидно, от того, где вы разместите кнопки действий, будет зависеть, сколько кликов они получат от посетителей. Исследование, проведенное Nielsen Norman Group по отслеживанию глаз, показало, что люди следуют F-образному шаблону при чтении веб-страниц. Цвет шрифта так важен, чтобы на нем сосредоточить внимание.

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

Из 232 пользователей, которые были зарегистрированы в ходе исследования, Нильсен Якоб заметил, что поведение пользователей при чтении было довольно постоянным на многих различных веб-страницах

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

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

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

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

Чтобы доказать, что размещение кнопок действий над сгибом — не всегда лучший вариант, Content Verve провела тест на целевой странице B2C.

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

В другом варианте кнопка CTA располагалась над сгибом.В конце теста вариант с призывом к действию ниже сгиба показал рост конверсии на 304%.

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

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

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

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

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

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

Не так давно Artsy Editor, премиальный редактор WordPress для писателей, провел исследование своей целевой страницы.

Они немного обновили целевую страницу (они все еще проходят A / B-тестирование), отрегулировав размер обложки и поместив кнопку CTA прямо под заголовком.Это привело к увеличению CTR для их страницы с ценами на 47%.

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

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

3. Имейте привлекательную и короткую копию

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

У Adidas есть прекрасный пример короткой убедительной копии кнопки CTA.

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

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

Вы, наверное, уже знаете, что в заголовках сообщений в блогах не должно превышать 60 символов. . Если вы это сделаете, Google покажет многоточие (…) в конце. Это бесполезно для SEO или удобства пользователей.

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

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

Сравните копию выше с копией Криса Дакера:

Это короткий текст, слова легко читаются.Ни одно из слов не содержит более двух слогов.

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

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

Чтобы показать вам, как релевантная копия дает наилучшие результаты, Fitness World, крупная сеть спортзалов в Скандинавии, увидела 213.Увеличение конверсии на 16% за счет замены CTA-копии с «Получить членство» на «Найди свой тренажерный зал и получи членство».

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

4. Используйте ключевые слова в копии кнопки

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

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

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

Согласно BufferApp, вот список слов, которые конвертируются.

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

Десятилетия назад, когда Британия боролась за свое выживание, Уинстону Черчиллю ничего не оставалось, кроме как вдохновлять своих соотечественников на доблесть и величие.

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

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

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

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

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

Навид Моаззез использует сильные слова, чтобы привлечь подписчиков по электронной почте. Взгляните:

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

Есть ли правило употребления силовых слов?

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

Например, я даю бесплатный курс, который показывает моей аудитории, как « Двойной трафик за 30 дней».

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

Силовые слова, которые я использовал: «Да» и «Бесплатно».

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

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

Peep Laja увеличил конверсию на 332% за счет дефицита и срочности.

Срочность — сильный катализатор.Peep Laja недавно протестировал два варианта текста цен на целевой странице. Единственная разница в том, что один сообщает о срочности и количестве приобретенных товаров, а другой — нет. Вот исходный вариант «без срочности»:

.

Вот второй вариант, который содержит срочность:

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

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

Пока люди ощущают некоторую срочность в отношении вашего предложения, ваша цель достигнута.

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

Powtoon создает срочность, используя временное слово «сейчас» на кнопке призыва к действию:

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

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

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

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

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

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

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

Sprout Social также вызывает положительные эмоции в своем тексте призыва к действию, который сочетает в себе позитив с одним из самых сильных слов силы — «бесплатно.”

7. Разместите кнопку CTA в самом сильном положении с учетом посетителей

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

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

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

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

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

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

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

8. Используйте формулу «Попробовать бесплатно [ВРЕМЯ]»

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

Вот пример из Freshbooks:

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

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

9. Создайте предвкушение в своей копии

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

Пора собирать истории и воспоминания и жить в ожидании.

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

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

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

Тимоти Сайкс обещает показать людям, как превратить 12 415 долларов в 4 333 000 долларов, торгуя пенсовыми акциями. И, чтобы принять участие, вы должны «Подать заявку на участие» в ожидании того, что будет дальше.

10. Проверьте и используйте правильный цвет шрифта

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

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

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

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

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

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

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

Многие люди задают вопрос: «Какой цвет преобразуется лучше?» Некоторое время назад Unbounce объявил, что будущее призыва к действию — за БОБ — большой оранжевой кнопкой.Вот почему многие целевые страницы используют оранжевый фон с белым цветом текста.

A Small Orange, поставщик доменов и услуг веб-хостинга, использует оранжевый цвет на всей своей целевой странице. Что еще более важно, цвет кнопки оранжевый.

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

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

После нескольких дней трафика они получили 2000 посещений — и красная кнопка работала лучше, чем зеленая, на 21%. Ключевым моментом является то, что HubSpot не предполагал, а скорее протестировал оба, чтобы быть уверенным.

11. Добавьте изображение продукта над кнопкой

Дизайн играет ключевую роль, когда дело доходит до нажатия кнопки с призывом к действию.Было время, когда я проводил A / B-тест системы Quick Sprout Traffic System, чтобы увидеть, как я могу улучшить получаемые нами результаты.

Изначально копия кнопки была просто «добавить в корзину».

Полученные мной конверсии не внушали оптимизма.

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

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

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

12. Не показывать CTA при использовании видео

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

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

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

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

Ответ — отложенное удовлетворение. Вот как это определяет Study.com:

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

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

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

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

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

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

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

13. Скажите, чтобы люди не нажимали

«Не нажимайте здесь».

«Не нажимайте эту кнопку».

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

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

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

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

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

Кнопки являются частью большой последовательности конверсионных воронок.

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

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

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

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

15. Размещайте призыв к действию стратегически

Технология Exit-intent позволяет конвертировать уходящих посетителей.

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

По статистике от 70 до 90% посетителей покинут ваш сайт, даже не вернувшись.По данным института Baymard, 67,89% всех тележек для покупок брошены.

В тот момент, когда посетитель собирается нажать кнопку «Назад» или кнопку [x], появляется всплывающее окно выхода. Если вы оказали им большую пользу, они с гораздо большей вероятностью подпишутся на вашу рассылку.

16. Оставляйте много пробелов вокруг CTA

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

Исследование UX (Lin, 2004) показало, что правильное использование пробелов между абзацами, а также на левом и правом полях увеличивает понимание почти на 20%.

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

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

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

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

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

Заключение

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

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

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

Когда вы используете местоимение от первого лица, такое как «I» в тексте кнопки, вы предоставляете контроль пользователю. Это именно то, чего хотят люди: быть ответственными и выбирать, что они хотят — щелкать или нет.

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

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

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика. Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четким ROI.

Заказать звонок

25 проверенных слов призыва к действию для увеличения конверсии

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

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

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

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

Давайте приступим к делу.


1. Начало работы

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

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

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

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

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

3. Создать учетную запись

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

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

4. Посмотреть демонстрацию / Забронировать демонстрацию

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

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

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

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

Создание пользовательских форм с помощью Wishpond

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

Попробуйте Wishpond бесплатно!

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

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

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

7. Присоединяйтесь бесплатно

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

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

8. Купить сейчас

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

Если у вас несколько продуктов или категорий продуктов, неплохо добавить название продукта или категории в CTA — например, «Магазин для женщин» или «Распродажа».

9. Изучите

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

10. Откройте для себя

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

Целевые страницы, которые увеличивают количество потенциальных клиентов.

Интуитивно понятный конструктор целевых страниц

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

Попробуйте Wishpond бесплатно!

11. Получите скидку X%

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

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

12. В корзину / В корзину

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

13. Новый _______

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

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

14. Купить

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

15. Записаться / заказать _______

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

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

16. Войди сейчас

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

17. Попробовать бесплатно

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

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

Целевые страницы, которые увеличивают количество потенциальных клиентов.

Интуитивно понятный конструктор целевых страниц

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

Попробуйте Wishpond бесплатно!

18. Присоединяйтесь к _______

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

Им кажется, что они становятся частью чего-то эксклюзивного, и им кажется, что они чего-то упускают, если они не скрывают .


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

19.% или

$

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

20. Попробуйте

Как я уже упоминал в совете № 17, слово «Попробуй» привлекает, потому что оно не требует особой приверженности. Добавление этого к вашей бесплатной пробной версии или бесплатному предложению класса CTA-кнопки — хороший способ привлечь людей к двери.

21. Сейчас

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

22. Бесплатно

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

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

23.Сохранить

Это слово должно быть основным в ваших призывах к действию для скидки или предложения. Будь то распродажа или купон на% скидку, вы можете использовать слово «сэкономить», чтобы сообщить посетителям, что они будут экономить деньги, если нажмут, и упустят потенциальную экономию, если они этого не сделают. Я предпочитаю такой призыв к действию, как «Сэкономьте 10% сейчас», чем что-то вроде «Получить купон».

24. Я / Мой / Вы / Ваш

Одна вещь, которая характерна для большинства призывов к действию, заключается в том, что они могут казаться безличными. Использование местоимений или определителей, таких как «я» или «мой», может превратить CTA в личный призыв к действию, увеличивая эмоциональную или когнитивную связь посетителя с вашей кнопкой.Например, «Загрузить электронную книгу» бледнеет по сравнению с «Загрузите мою бесплатную электронную книгу!».

25. Старт / стоп

Такие слова, как «начало» и «стоп», также отлично подходят для призывов к действию. Они работают в самых разных контекстах — например, в спортзале можно использовать «Начни менять свою жизнь» как эмоционально управляемый призыв к действию. Слово «стоп» также может быть очень сильным в правильном контексте — например, Wishpond может иметь призыв к действию для своих всплывающих окон с надписью «Хватит тратить трафик моего веб-сайта!».


Вот и все — 25 проверенных слов и фраз, которые можно использовать для кнопок с призывом к действию.Я что-то пропустил? Дайте мне знать в комментариях ниже и не стесняйтесь задавать любые вопросы.

Посмотрите всплывающие окна, которые превращают посетителей веб-сайта в потенциальных клиентов и продавцов.

Wishpond упрощает создание всплывающих окон, которые можно легко добавить на свой веб-сайт, в блог или в интернет-магазин. Попробуйте Wishpond бесплатно!

Призыв к действию

Что такое призыв к действию?

Призыв к действию (CTA) — это приглашение на веб-сайте, в котором пользователю предлагается выполнить определенное действие.Призыв к действию обычно записывается как команда или фраза действия, например «Зарегистрируйтесь» или «Купите сейчас», и обычно принимает форму кнопки или гиперссылки. В цифровом маркетинге это может быть текст на кнопке (кнопка CTA) или веб-ссылка, а в кампаниях по электронной почте CTA часто представляют собой ссылки на веб-страницу, где пользователь может предпринять дальнейшие действия.

Почему так важен призыв к действию?

Призыв к действию — это ключевой элемент на веб-странице, действующий как указатель, который позволяет пользователю знать, что делать дальше.Без четкого призыва к действию пользователь может не знать, что делать дальше, чтобы приобрести продукт или подписаться на рассылку новостей, и, скорее всего, покинет сайт, не выполнив свою задачу.

Призыв к действию дает понять потенциальным клиентам, какие действия следует предпринять дальше, и помогает устранить трение при продвижении пользователя по воронке продаж. На странице также может быть несколько призывов к действию, если пользователю нужно выполнить несколько действий.

Например, если читатель попадает на статью в блоге, а внизу сообщения нет четкого призыва к действию, вполне вероятно, что читатель покинет сайт, не выполнив никаких других задач.Однако, если внизу сообщения есть CTA с просьбой прочитать больше статей или подписаться на рассылку новостей по электронной почте, это может побудить их продолжить взаимодействие с сайтом.

Примеры призывов к действию

Призыв к действию может относиться к любому запросу или запросу, который вы делаете пользователю на сайте, поэтому призыв к действию может принимать разные формы в зависимости от контекста. Призыв к действию может быть заключительным заявлением в сообщении блога, строкой в ​​электронном письме или кнопкой CTA на веб-сайте.

Вот несколько примеров призыва к действию, которые вы обычно можете увидеть в блоге:

Для компании B2B кнопки призыва к действию могут содержать текст, например:

  • Начать

  • Зарегистрироваться

  • Бесплатная пробная версия

  • Связаться с отделом продаж

Эффективный призыв к действию четко сообщает, что пользователь может ожидать, когда он нажимает кнопку или предпринимает следующее действие, что может улучшить показатель CTR.

В то время как на сайте электронной коммерции призывы к действию могут быть более коммерческими:

  • В корзину

  • Касса

  • Купить сейчас

  • Добавить в список желаний

В каждом случае призывы к действию на странице сообщают пользователю, какое действие следует предпринять, чтобы продолжить взаимодействие с сайтом и продвинуться дальше по воронке конверсии.

Как создать убедительный призыв к действию

Маркетологи используют ряд стратегий для создания эффективных призывов к действию.Ниже приведен список наиболее распространенных:

  • Хороший дизайн: лучшие призывы к действию должны привлекать внимание пользователя, поэтому яркий цвет кнопки, контрастирующий с цветом страницы или электронного письма, является эффективной стратегией.

  • Высокая видимость: поскольку призыв к действию должен быть самой заметной вещью на странице, размер шрифта должен быть достаточно большим, чтобы привлекать внимание.

  • Ясное преимущество: указание явной выгоды, которую пользователь получит от завершения транзакции, является эффективным способом заставить его щелкнуть.

  • Интерактивный текст: призыв к действию, как следует из его названия, предназначен для принуждения пользователя к действию, поэтому эффективный призыв к действию должен использовать слова действия, такие как «узнать», «узнать больше» и «купить сейчас».

  • Коротко по длине: Хороший призыв к действию должен быть короткой фразой, а не предложением. Большинство из них не длиннее пяти-семи слов.

  • Чувство срочности: пользователи легко отвлекаются в Интернете, поэтому сильное чувство срочности, такое как ограниченное по времени предложение, может помочь заставить пользователей действовать немедленно, а не откладывать их.

Как использовать A / B-тестирование для тестирования CTA

Каждая аудитория по-разному реагирует на различные призывы к действию. Нет никакой гарантии, что один призыв к действию превзойдет другой.

Общий успех призыва к действию можно измерить с помощью формулы коэффициента конверсии, которая рассчитывает количество кликов, разделенное на количество показов, или количество просмотров CTA.

Чтобы проверить эффективность различных призывов к действию на вашем веб-сайте или целевой странице, вы можете использовать платформу A / B-тестирования, такую ​​как Optimizely.Это избавит вас от каких-либо догадок и предоставит вам подкрепленную данными информацию, которая поможет вам оптимизировать CTA с наибольшей конверсией.

.

Leave a Reply