CTA: что это и как повысить его эффективность. Призыв к действию (CTA) - примеры, взятые из практики

Вопрос кажется довольно очевидным. Но что же такое Call-to-action или CTA? Очень часто мы не смотрим глубже в него и не рассматриваем его как потерянную возможность для привлечения читателей или слушателей глубже в ваш бренд.

Что же такое Call-to-action? Обычно это часть экрана, призывающая читателя кликнуть, чтобы вовлечь его дальше в процесс покупки/бренда. Иногда это может быть изображением, иногда просто кнопкой или просто поле содержащее какую-либо информацию, которая призывает к действию. Кстати Call-to-action в переводе означает – призыв к действию. По факту не только сайты имеют call-to-action, на самом деле любой тип контента может рассматриваться как призыв к действию.

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

Так ли нужно всему иметь Call-to-action? Вы найдете не так много контента, который имеет свои Call-to-action и вообще его не очень много в сети. Не всё, что вы делаете должно пытаться продавать, некоторое из вашего контента всё-таки должно выстраивать доверие и авторитет с лидами и покупателями. Всегда продавать – может быть мантрой в многих продающих и маркетинговых компаниях, но именно акцент на продажах может отбивать охоту конвертироваться у многих пользователей. Главное правило – всегда иметь Call-to-action, когда ваша цель мотивировать посетителя пойти дальше в вовлеченности в ваш продукт.

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

Существуют доказанные методы эффективного использования CTA стратегии. Вот некоторые из них.

Всегда держите Call-to-action на виду. Расположение CTA должно быть рядом или на одной линии с местом, где фокусируется читатель. Чаще всего призывы к действию вставляют в правую часть контента, таким образов естественное движение глаз пользователя по странице зацепляет его. Некоторые сайты делают плавающие CTA, так что когда пользователь скроллит, само CTA остается с ним.

Оставляйте свои Call-to-action простыми. Не важно, изображение это или предложение в вашей речи, убедитесь в том, что детали объясняются очень доступно. Чем проще и понятнее вы объясните суть пользователю, тем выше будет число тех, кто кликнет или позвонит, в общем сконвертится на вашей CTA.

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

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

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

Планируйте путь к конверсиям. К примеру, для постов в блоге, путь часто прост. Читать -> увидеть CTA -> зарегистрироваться на landing page -> Конверсия. Ваш путь к конверсии может отличаться, но визуализация и планирование пути, который должен пройти пользователь по вашему контенту помогут вам лучше представить ситуацию и увеличить конверсии посредством Call-to-action стратегии.

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

Тестируйте свои предложения. Free trial, бесплатная доставка, 100% удовлетворенности гарантируется, скидка и т.п. Вам всегда следует пробовать несколько разных соблазнительных предложений, которые увеличат ваши конверсии. Убедитесь, что вы можете измерять всю эффективность каждого предложения, с учетом удержания покупателя и его последующих конверсий. Множество компаний предлагают невероятную скидку прямо с первых страниц, чтобы затем потерять покупателя в конце всего пути покупки. На такой подход часто рассчитывают неопытные маркетологи, полагающие, что хоть какой-то, но процент покупателей будет сконвертирован в покупки. Однако такое мнение ошибочно, площадка мало того, что потеряет покупателя на стадии конверсии. Он больше никогда не вернется на неё. Это просто убивает репутацию и траст к ресурсу.

Представляем вам наглядную инфографику о том, что делать и не делать в целях эффективности создания Call-to-action.

7 сентября 2012 в 12:56

Как писать call-to-action, которые повысят конверсию (с примерами)

  • Чулан

Что нужно понимать про CTA

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

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

Незначительно изменение на странице = Значительное влияние на процент конверсии

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

Вот пример из исследования кейса, где изменение одного слова в CTA на B2B (wiki) сайте привело к 38.26% повышению конверсии.

У заказчика был портал, через который бизнесмены находили офисы под аренду. Сайт предоставлял тысячи офисов, которые потенциальные покупатели могли посмотреть. Когда клиенты находили подходящий офис, они должны были нажать на главный CTA (находившийся на всех страницах) чтобы получить на e-mail больше информации об арендном предложении.

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

It’s all about value and relevance

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

Ответ в посыле кнопки. «Закажите» («Order») подчёркивает что вам нужно сделать - а не то, что вы собираетесь получить. При этом «Получить» («Get») подчёркивает что вы собираетесь получить, нежели то, что вам нужно сделать для этого. Другими словами трактовка текста отражает смысл.

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

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

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

Несмотря на тот факт, что «Получить мгновенный доступ сейчас» («Get Instant Access Now») передаёт смысл (можно было бы сказать «Купить доступ»), оно не сравнимо с «Читать полное эссе сейчас» («Read Full Essay Now»).
Этот CTA размещён на 120.000+ лендинг пейджах, поэтому правильное его использование имеет важнейшее значение для общей конверсии сайта.

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

Заказчик пожелал остаться анонимным, но я могу сказать, что это крупная сеть спортзалов в Скандинавии. Пример взят из PPC (wiki) лендинг пейджа, где цель - добиться от потенциального клиента кликов по процессу оформления заказа, в котором они смогут выбратьспортзал и подписаться на членство в нём.

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

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

Выводы из анализов: 4 года исследований вылились в один простой оптимизационный принцип

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

Все исследования, которые я сделал, можно сжать в один простой оптимизационный принцип:
Смысл + Уместность = Больше Конверсии

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

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

Когда вы найдете CTA, который вы хотите оптимизировать, задайте себе два вопроса:
- Какая мотивация у клиента нажать эту кнопку?
- Что клиент получит, если нажмёт её?

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

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

Текст кнопки: «Найди зал и получи членство»

Немного вдохновления для следующих CTA

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

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

Ваш верный помощник в завоевании клиента - меткий call to action (призыв к действию). В этой статье собрано 100 действенных примеров.

7 примеров call to action с одним целевым действием

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

  1. День принадлежит вам. Начните пользоваться Uber. Скачайте приложение .

2. Мгновенный доступ к миллионам песен - от старых фаворитов до последних хитов. Просто нажмите play , чтобы начать слушать все, что вам нравится.

3. У вас есть видение. У нас - способ создать желаемое. Посмотрите , как мы можем вам помочь.

4. Прокачайте ваш маркетинг с помощью функционала GetResponse.

5. Бронируйте уникальное жилье и смотрите на город глазами местных.

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

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

Призыв к действию с лендинга, который мы делали для услуги «Туры в Египет»

10 примеров call to action со словом «бесплатный»

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

Примеры сильных call to action:

8. Бесплатный тест-драйв беспроводной мыши для ноутбука в течение 30 дней. Оцените свойства товара до покупки.

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

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

11. Уроки рисования акварелью в Москве! Запишитесь на первое занятиебесплатно . Все, что вам нужно - это 1 час свободного времени и желание творить.

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

13. Стартуйте сегодня. Откройте для себя новый подход к ведению заметок. Зарегистрируйтесь бесплатно .

14. Закажите бесплатный анализ вашего сайта и получите перечень SEO-фишек, которые вам срочно нужно внедрить на вашем сайте. До конца акции осталось [время].

15. Это стоит [цена], но сегодня вы можете приобрести его бесплатно . Спешите оформить заказ.

16. Первые 10 покупателей получат личную 60-минутную консультацию со мной бесплатно .

17. Помните все. Лучшие идеи приходят в голову неожиданно. Evernote позволяет сохранять, развивать и делиться идеями на всех устройствах.

Пример УТП для услуги «коронки». В призыве к действию на форме есть слово «б»

В) 10 примеров call to action с одним предложением

Наверное, вы слышали это и не раз: чем больше вариантов выбора имеет человек, тем чаще посетитель ничего не делает. К примеру, вы предлагаете три продукта: статья в блоге, видео на YouTube и платный курс. Как вы думаете, что выберет ваш потенциальный клиент? Скорее всего вариант № 4 - закрыть страницу.

Запомните: 1 страница / письмо / пост - 1 предложение - 1 call to action .

18. Ищете, где остановиться? Снимайте жилье у реальных людей в 25 000 городах и 190 странах.

19. Забронируйте ваше участие по лучшей цене и получите одно из мощнейших выступлений на почту.

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

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

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

23. За 90 минут узнайте пошаговый план, как внедрить эффективный и продающий email-маркетинг в ваш бизнес.

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

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

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

27. Яхтинг для предпринимателей от Yachting Club. Профессиональный отпуск на одной волне.

3 примера call to action, которые выделены с помощью контраста

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

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

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

Если вы решили разместить 2 кнопки (например, «купить» и «узнать больше») на одном экране, сделайте одну из них менее заметной (например, прозрачной), а вторую выделите цветом.

12 примеров call to action с ограничениями

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

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

31. Если вы оставите заявку сегодня , получите [ценный подарок].

32. Осталось всего 3 места . Торопитесь - они могут закончиться в любой момент.

33. Только до 20:00 вы можете приобрести этот товар по супернизкой цене - всего за [цена].

34. Получите дополнительные подарки стоимостью [суммарная цена бонусов] при регистрации в течение 30 минут . Спешите - осталось [таймер].

35. Почувствуйте разницу сегодня. Успейте заказать до 00:00 .

36. Закажите [товар / услугу / продукт] в ближайшие 36 часов и получите скидку до 90%.

37. Вы готовы к активным действиям? Спешите - это предложение в силе еще [таймер] .

38. Кликайте сейчас, пока вас не опередил другой счастливчик и не забрал последний [ваш продукт].

39. Предложение действует только 12 часов . Только для моих друзей! Торопитесь!

40. Количество мест ограничено . Забронируйте ваше участие в мероприятии прямо сейчас.

41. Финальный день распродажи. Скидка 15% на все. Спешите.

42. Получите немедленный доступ к GM Бизнес Академии. Доступно еще: [таймер].

9 примеров call to action с простым следующим шагом

Покажите посетителям, что ваш продукт доступен всем, а процесс регистрации занимает считанные минуты (а лучше даже секунды). Используйте фразы: «вам не нужно быть профессиональным маркетологом / гением SEO-оптимизации / копирайтером с 5-летним стажем”, «если вы впервые…», «за … секунд/минут», «мгновенно».

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

44. Скажите «Прощай» комментариям со спамом. Всего 3 шага, чтобы начать использовать сервис.

45. Узнайте, как мы можем повысить продажи вашего бизнеса. Заполните форму - все остальное мы сделаем сами.

46. Зарегистрируйтесь в нашей программе за несколько секунд.

48. Скачайте за 15 секунд «Проверенный план успешного продвижения в соцсетях». Платите 1 раз - используйте бесконечно.

49. Узнайте, как уже завтра заработать первую $1.000! Я живу, дышу и доказываю, что это работает…

50. Хотите [крутая цель]? Звучит идеально, но слишком хорошо, чтобы быть правдой? Докажите, что это не так.

51. Вы еще не участник Marketing Monsters Club? Серьезно? Получите доступ к материалам клуба на 7 дней за 1 рубль.

6 примеров call to action для лид-магнита (добавляйте их на финальную страничку книги, отчета или чек-листа)

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

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

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

55. Хотите зарабатывать от $5.000 в месяц? Создайте автоматизированную воронку продаж вашей экспертности. Узнайте больше о курсе.

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

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

Лид-магнит на странице 5-дневного интенсива по привлечению трафика от Convert Monster

7 примеров call to action для видео

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

59. Вы хотите стабильно зарабатывать на любимом деле? Узнайте, как - смотрите это видео.

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

61. Было полезно? Ставьте пальцы вверх.

62. Расскажите друзьям. Пусть они тоже внедрят эти советы в свой бизнес.

63. Дочитали описание до конца? У меня есть для вас подарок. Кликайте по ссылке, чтобы его получить.

64. Как именно ведет себя девушка, что говорит и почему ей удается получить работу мечты? Смотрите в видео!

12 примеров call to action с общим врагом

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

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

66. Худеть, наводить порядок, экономить… Ищите мотивацию вместе с нами!

67. Спланируйте свое вкусное и полезное утро на июль - узнайте, как создать сильную команду. Регистрируйтесь на секретную встречу.

68. Вы готовы действовать быстро? Марафон по повышению продуктивности стартует уже завтра. Успейте занять свое место.

69. Как повысить эффективность в разы. 3-дневный интенсив, который изменит ваш подход к работе.

71. Ваше время под контролем. Новая эффективная методика, которая поможет вести параллельно 3 и больше проектов.

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

73. Путь ленивого человека к лидерству в [ниша]. Разбор реального кейса.

74. Изучить [ниша] действительно легко, если за вашей спиной стоит эксперт. Я стану вашим проводником на пути к успеху.

75. Как вы можете получить [все, что угодно] менее чем за 72 часа.

76. Как я купил машину своей мечты за 6 месяцев.

Анонс нашего вебинара, который помогает специалистам по контексту тратить меньше времени на отчеты

6 примеров call to action с персонализацией

77. [Имя], избавьтесь от проблем поиска новых клиентов в одно мгновение.

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

79. [Имя], только для вас я сегодня проведу сессию «Вопрос - ответ», как настроить автоматическую email-рассылку в нашем сервисе.

80. Скажите «Да», и я отправлю вам одну из самых обсуждаемых мини-книг, которые когда-либо писали.

81. Закрытый мастер-класс только для своих. Получите секретную ссылку.

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

10 примеров call to action с любопытством

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

83. Может ли лишняя $1.000 улучшить вашу жизнь?

84. Хотите, я сделаю всю работу за вас?

85. Вы, наверное, и не думали, что это будет так просто.

86. Сделайте нас частью вашей истории успеха.

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

88. Откажитесь от 2-го места, используйте только лучшие материалы.

89. Хотите узнать наиболее действенные и мощные стратегии в [ниша]?

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

91. Итак, чего вы ждете? Вы всего в нескольких секундах от [цель]!

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

8 примеров call to action с социальными доказательствами

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

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

95. 97,4% участников программы считают ее самым сильным образовательным бизнес-продуктом на рынке.

96. ВАЖНО: 300+ предпринимателей уже используют эти фишки и выходят в ТОП-3 поисковой выдачи. Не отставайте!

97. Ваш первый массовый поток клиентов из интернета. 2.000+ наших учеников уже внедрили эти тактики и получили результат.

98. Вы с нами. 2.500+ людей уже подключились к прямому эфиру в нашей группе в Faceboook. Мы ждем только вас. Присоединяйтесь.

99. Нас выбирают бизнесмены со страниц Fobes . Вступите в элитный клуб уже сегодня.

100. Простое доказательство на лендинге 5-дневного интенсива «Мощный поток целевых клиентов Яндекс.Директ, Facebook и Instagram»

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

Главное, помните:

четко прописывайте выгоду и выделяйте ключевые слова;

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

не ставьте 2 призыва к действию рядом, лучше разделите их несколькими экранами;

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

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

Что такое CTA или Call to Action?

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

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

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

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

Как правильно составить CTA

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

Как же правильно сформулировать призыв CTA, где разместить и как проверить его эффективность?

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

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

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

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

Напомнить о скидках и акциях можно дополнительно — например, при помощи .

Есть определенные правила, как разработать эффективный СТА:

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

Важно грамотно составить текст СТА. Как это сделать?

  • Текст СТА должен указывать на ценность продукта и объяснять, зачем он нужен пользователю;
  • Текст должен быть «срочным», то есть указывать на сезонность, период окончания действия предложения. К примеру: «Только сегодня», «Только до конца декабря» и т.д.
  • В тексте напишите, сколько людей уже воспользовалось вашими услугами и включите отзывы довольных клиентов;
  • Одни призывы заменяйте другими. К примеру: пользователь зарегистрировался. Пришлите на e-mail письмо с благодарностью за регистрацию и возможностью скачать бесплатно что-либо;
  • Используйте новости, фотографии знаменитостей, светскую хронику и приводите это все в пример в СТА (проще продать джинсы, в которых на фото — идущая по улице Анджелина Джоли);
  • Пишите текст уважительно, не просите и не приказывайте. Вы даете человеку то, что ему необходимо.

Где разместить призывы к действию?

На главной странице сайта нужно расположить не менее трех СТА. Также не будет лишним разместить СТА на целевой странице, на которую вы непосредственно приводите пользователя, чтобы он совершил покупку, регистрацию и т.д. С этой странички нужно убрать все, что может отвлечь клиента (баннеры, ссылки, отзывы). СТА должны соответствовать содержанию самой страницы. Если это страница продаваемого продукта, то именно на ней лучше разместить призыв «Бесплатно протестировать продукт», а не на главной странице.

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

Если пользователь подписался на рассылку, скачал инструкцию или записался на курс – его взаимодействие с вашими СТА не должно на этом закончиться. Размещайте СТА во всех материалах, которые вы отправляете пользователю. Ваша активность — это залог успеха.

Основные правила

Чтобы CTA-кнопка привлекала к себе внимание, необходимо придерживаться определенных правил размещения:

  1. СТА должен подходить к общему дизайну сайта, но при этом эффектно выделяться на фоне остальных элементов;
  2. Кнопка должна быть похожа на кнопку, быть привычной пользователю;
  3. Она должна быть оптимального размера. Не занимать полстраницы, но и не быть незаметной;
  4. Цвет СТА должен быть ярким, но при этом подходить к цветовой гамме сайта;
  5. Используйте указатели, стрелки, которые показывают на СТА;
  6. Используйте контрастный фон как для самой кнопки, так и для текста на ней;
  7. Шрифт текста должен быть таким же, какой уже присутствует на странице. Можно сделать его жирным или подчеркнутым;
  8. Используйте не более 4 цветов при оформлении СТА.

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

Посмотрите, на каком пикселе вверху находится ваша кнопка, и сверьте ее с высотой экранов юзеров по Google Analytics. Если нижний край кнопки находится на 900-м пикселе, то треть юзеров получает ее на втором экране. Вы должны понимать, что, чем выше находится кнопка СТА, тем лучше. Учитывая, что большинство людей правши, кнопка должна находиться немного правее от центра экрана.

Правила эффективного CTA (+ примеры)

Факторы, которые влияют на эффективность СТА:

  1. Расположение кнопки на странице, о чем шла речь выше.
  2. Размер кнопки играет большую роль. Она не должна быть слишком маленького размера или огромного, не должна занимать пол экрана. Нужно, чтобы сразу было видно, что она на странице — главная. Кнопка должна быть информативной, большой, контрастной, содержать необходимую информацию для пользователя и иметь четкий призыв к действию.
  3. СТА должна выделяться на фоне страницы, но не выпадать из общего дизайна. Хотя иногда, креативность самого дизайна и кнопки создает благоприятное впечатление, как на этом сайте.

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

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

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

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

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

  9. Повышает эффективность прием изменяемости кнопки. К примеру, человек прокручивает страницу вниз, и в это время кнопка меняет цвет. Это помогает привлечь внимание пользователя.
  10. Если на одной странице вы размещаете несколько кнопок СТА, то необходимо, чтобы они отличались друг от друга. Две похожие кнопки рядом снижают их CTR. Ниже – хороший пример отличающихся кнопок:


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

    На сайте wincdemu кнопка яркая, вписывается в гамму сайта. Это допустимо для раскрученного бренда, когда не нужно дополнительной информации и рекламы.
  12. СТА-кнопка, которая подчеркивает уникальность и выгодность предложения, например, скидок.


    Здесь видно явный призыв, который показывает пользователю выгоду и говорит: «Зачем ждать? Начни прямо сейчас!».
  13. Кнопка СТА, которая расположена в верхней части страницы в форме объемной классической кнопки. Сама надпись на кнопке указывает на конкретные указания к загрузке.

Основные особенности CTA

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

Постоянным читателям нашего блога хорошо известно, что такое “элемент призыва к действию” (Call to Action Button) целевой страницы, и насколько велика роль этого элемента веб-интерфейса в деле .

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

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

Метод 1: привлекайте внимание пользователя, увеличивая размер CTA-кнопки.

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

Пример 1: кнопка призыва к действию превышает размером окружающие элементы.

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

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

Пример 2: если на целевой странице есть несколько кнопок призыва к действию - более важная кнопка должна быть больше по размерам.

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

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

Метод 2: завладейте вниманием пользователя, используя общеизвестные правила размещения CTA-элемента на веб-странице.

Место размещения CTA на целевой странице имеет решающее значение для привлечения внимания посетителей.

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

Пример 1: разместите призыв к действию «на уровень выше», чем все остальное содержимое целевой страницы.

Несложный, но крайне эффективный способ выделить CTA-элемент - поместить его «над поверхностью» страницы. Вы можете видеть эту идею воплощенной на практике на сайте dailymile, где кнопка призыва к действию как бы «летит» над другими элементами страницы (диаграммами). Подобный эффект легко может быть достигнут при верстке страницы с использованием каскадных таблиц стилей (CSS).

Пример 2: CTA в верхней части целевой страницы.

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

Пример 3: CTA в визуальном центре.

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

Этот способ отлично сработал для страницы PicsEngine, однако помните, что выбранное вами место расположения не должно находиться слишком далеко от верхней части (header) веб-страницы.

Метод 3: используйте пустое пространство.

Использование пробелов (пустого, или «мертвого» пространства) отлично работает на таких целевых страницах, где поблизости от CTA-кнопки расположено много других элементов.

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

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

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

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

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

Метод 4: используйте высококонтрастные цвета для создания и выделения CTA.

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

Пример 1: используйте цвета, контрастирующие с окружающими элементами страницы.

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

Пример 2: используйте контраст между цветом кнопки и цветом окружающего ее фона.

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

Метод 5: предложите посетителю воспользоваться дополнительной /альтернативной кнопкой призыва к действию.

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

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

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

Предоставьте ему такую возможность, установив на странице еще одну CTA-кнопку, позволяющую посетителю, например, просмотреть видеоролик, разъясняющий ценовую политику данного сервиса.

Пример 1: размещение вторичного элемента рядом с основной CTA-кнопкой.

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

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

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

Пример 2: размещение вторичного CTA-элемента под главной кнопкой призыва к действию.

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

Обратите внимание: дополнительное действие выделяется еще и применением «затемненного» (по сравнению с остальным пространством страницы) фона.

Метод 6: поторопите посетителя вашей страницы.

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

Например, на странице tap tap tap.com идею «поторопить пользователя» реализовали весьма остроумным способом: размещенное в непосредственной близости от CTA-кнопки с призывом «купите сейчас», объявление гласит, что на товары действует некая «начальная цена».

Тут задействован довольно тонкий механизм создания «тревожного ожидания»: сопоставляя слова «сейчас» и «начальная цена», пользователь начинает подозревать, что он рискует заплатить больше, если заплатит за товар позже, когда «начальные цены» (которые покупатель подсознательно ассоциирует с началом самого простого отсчета от малых к большим числам: 1, 2, 3…) непременно изменятся в сторону увеличения. ;)

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

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

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

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

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

Метод 8: открыто и подробно объясните пользователям, что они получат, воспользовавшись вашей CTA-кнопкой.

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

Специалисты Mozilla Firefox, например, смогли поместить всю самую необходимую для пользователей информацию на поверхности кнопки для загрузки приложения: информацию о стоимости продукта (бесплатно), сведения о версии предлагаемого продукта (веб-браузер версии 3.5.3, предназначенный для ОС Windows с англоязычным интерфейсом) и размер загружаемого установочного файла (7.7 Мб).

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

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

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




Top