Призыв к действию (CTA) - примеры, взятые из практики. Что такое Call-to-action и как улучшать его показатели Кол ту экшн примеры

CTA (Call to Action) - это призыв, мотивирующий пользователя к совершению того или иного действия (перейти, заполнить форму, позвонить, купить, узнать и т. д.). Call to Action является заключительным этапом в классической модели AIDA. Грамотно выстроенный CTA должен привлечь внимание, заинтересовать и побудить человека совершить действие. Эффективность CTA-элемента - это важный показатель, который необходимо постоянно отслеживать. Наблюдайте за тем, сколько людей пришло на целевую страницу и сколько из них совершило действие. Если данное значение слишком низкое, значит что-то не так с CTA-элементом.

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

Как повысить эффективность CTA

Существует несколько техник, способных увеличить эффективность CTA.

1. Призыв к действию должен быть всегда на виду. Иногда имеет смысл расположить его на главной странице сайта (в месте, где фокусируется посетитель), чтобы при переходе человек мог сразу же приступить к покупке, оформлению заказа, заполнению формы и т. д.
2. CTA должен быть максимально простым. Чем проще и яснее вы объясните суть, тем лучше будет результат. Можно расписать на всю страницу, почему человек должен нажать эту кнопку, а можно написать одну фразу. Вероятнее, во втором случае переходов будет больше.
3. Цвет – это то, что позволяет вашему призыву к действию привлекать внимание. Используйте цвета, которые будут выделяться на фоне остальных элементов сайта, но при этом вписывающихся в общий дизайн страницы и стиль компании.
4. Привлекайте больше внимания за счет увеличения размеров CTA-кнопки. Сделайте ее шире, больше остальных элементов, чтобы она выделялась. Главное – вписать ее в общий дизайн сайта, чтобы она не смотрелась нелепо.
5. Пробелы помогают выделить кнопку или же привязать ее к какому-либо элементу (например, к тексту, который раскрывает суть кнопки).
6. Всегда используйте такие слова, как «позвонить», «скачать», «заказать», «купить», «узнать», «читать подробнее» и т. д. У пользователя должно возникнуть чувство ясности. Никаких сомнений. Он должен точно знать, что произойдет при нажатии на кнопку.
7. Расскажите клиенту, что он получит, в чем его выгода, вместо того, чтобы расписывать свои плюсы и функционал. Ведь людей всегда привлекала возможность получить выгоду, скидку и т. д.
8. Используйте дедлайн. Call to Action должен побудить сделать что-либо сейчас, а не потом. Покажите, что время акции ограниченно, предложение действует до определенного времени. Дедлайн является важной составляющей практически любого CTA.
9. Тестируйте различные варианты Call to Action. Используйте различные стратегии, предложения, дизайн, расположение и т. д. Отслеживайте эффективность каждого CTA и выбирайте наиболее конверсионные.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Элементы Call-to-Action (CTA, призывы к действию) стали важной частью веба. Они находятся повсюду, чтобы рассказать нам что конкретно делать: купите книгу, скачайте бесплатное руководство, свяжитесь с нами для более подробной информации и т. д. Иногда это выглядит как дешевый маркетинг, написанный и спроектированный людьми оторванными от реальности. Такие примеры чаще всего имеют обратный эффект. Но что делает элемент CTA хорошим, эффективным? Мы собрали 10 примеров призывов к действию с классным дизайном, правильным текстом или просто разработанные с умом.

На первом месте в нашем списке , которые справились с работой по созданию классного CTA хорошо как никто другой. У них на сайте ни один хороший элемент призыва к действию, но лидером стало диалоговое окно “Prepare for Launch” (подготовьтесь к запуску). Которое подписывает вас на e-mail-кампанию.

Даже если бы окно было полностью лишено текста, анимированное изображение нависшего над кнопкой пальца недвусмысленно подсказывает нам что делать. Это просто, увлекательно, и нажав на кнопку “Send Now”, вы испытаете чувство завершенности.

Превратили в CTA большую часть своей домашней странички. Заголовок и описание четко и емко описывают род деятельности компании, и просто просят оставить свой e-mail, чтобы начать. Визуальная часть интересна, и контент бьет прямо в точку.

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

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

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

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

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

Ответвление Bang and Olufsen, сайт продолжает минималистичный дизайн и стиль брендинга родительского сайта. Элементы Call-to-Action — отличный тому пример. Сайт богат красивым промышленным дизайном, а призывы к действию предлагают посмотреть всю коллекцию этих замечательных наушников, или приобрести эту пару.

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

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

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

Nest

Мастера домашней автоматизации Nest отметили День Земли, призвав к экономии энергии. Это послание было изображено при помощи энергосберегающего термостата.

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

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

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

Изображение большое и привлекательное. От него веет дикой природой. Это идеально вписывается в целевую аудиторию.

CTA для кликов

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

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

Перевод — Дежурка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

9. Lyft

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

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

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

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

11. IKEA

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

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

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

13. COOLS

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

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

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

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

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

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

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

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

Заключение

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

Постоянным читателям нашего блога хорошо известно, что такое “элемент призыва к действию” (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% может принести дополнительные тысячи долларов годовой прибыли, служит прекрасной мотивацией для оптимизации конверсии целевой страницы/сайта.