Всем, кто занимается продажами в сети, знаком термин «Call-to-action», что означает «призыв к действию». На каждой странице сайта, который что-то продает, должен быть этот элемент. Как правильно его создать, где разместить, чтобы он эффективно работал, вы узнаете в этой статье.
Что такое CTA или Call to Action?
CTA – это графический элемент, который мотивирует и призывает посетителей сайта совершить конкретное действие, к примеру: купить, скачать, подписаться на рассылку и т.д. СТА подсказывает, что именно должен сделать посетитель и чего от него ожидает разработчик этой страницы. Кнопка может «предложить» сделать заказ на услугу или товар, пройти регистрацию или получить бесплатную аналитику: например, с помощью (на сайтах маркетинговых сервисов) и т.п.
Целевое действие повышает конверсию, увеличивает продажи и облегчает продвижение товара.
Элементы для сайта, в виде кнопки CTA, должны быть заметными на странице, выделяться, чтобы человек сразу обратил на них свое внимание.
Наиболее популярным элементом СТА являются кнопки, на которых нанесена надпись, которая поясняет, что будет после ее нажатия. К примеру: «Зарегистрироваться», «Скачать», «Получить скидку» или кнопка «Купить» т.д. Кол ту экшн может переадресовывать клиента на другую страницу, где он может получить более подробную информацию. Тогда уместна надпись «Узнать подробнее», «Получить информацию» и т.д.
Как правильно составить CTA
Именно призыв к действию мотивирует лида стать реальным покупателем. Если же покупатель не решился сделать заказ и ушел с сайта, инструментом для его возвращения станут (в 10 раз дешевле привлечения новых лидов).
Как же правильно сформулировать призыв CTA, где разместить и как проверить его эффективность?
Идеально, если на сайте будет размещено несколько призывов, которые проведут покупателя последовательно от выбора до покупки товара.
Для начала нужно определиться, к каким объектам вы будете делать колл-ту-экшн.
Это могут быть товары или продукты , эксклюзивные товары или уникальные услуги.
Также вы можете изучить поведение пользователя, куда они заходят после посещения вашей страницы и предложить им эту информацию в CTA. Такую статистику можно посмотреть в Google Аналитике. Можно разместить кнопку CTA с предложением подписки на новости сайта, информацию о скидках на странице, где вы благодарите клиента за совершение покупки.
Напомнить о скидках и акциях можно дополнительно — например, при помощи .
Есть определенные правила, как разработать эффективный СТА:
- Призыв должен быть понятным и кратким, призывать только к одному действию (купи, скачай, закажи и т.д.);
- Призыв должен отличаться от остального содержания страницы и быть выделен яркой кнопкой, текстом, ссылкой или баннером.
- СТА должен быть в поле зрения посетителя. Поэтому не рекомендуется размещать его внизу или справа;
- Призыв должен соответствовать стадии покупки пользователя.
Важно грамотно составить текст СТА. Как это сделать?
- Текст СТА должен указывать на ценность продукта и объяснять, зачем он нужен пользователю;
- Текст должен быть «срочным», то есть указывать на сезонность, период окончания действия предложения. К примеру: «Только сегодня», «Только до конца декабря» и т.д.
- В тексте напишите, сколько людей уже воспользовалось вашими услугами и включите отзывы довольных клиентов;
- Одни призывы заменяйте другими. К примеру: пользователь зарегистрировался. Пришлите на e-mail письмо с благодарностью за регистрацию и возможностью скачать бесплатно что-либо;
- Используйте новости, фотографии знаменитостей, светскую хронику и приводите это все в пример в СТА (проще продать джинсы, в которых на фото — идущая по улице Анджелина Джоли);
- Пишите текст уважительно, не просите и не приказывайте. Вы даете человеку то, что ему необходимо.
Где разместить призывы к действию?
На главной странице сайта нужно расположить не менее трех СТА. Также не будет лишним разместить СТА на целевой странице, на которую вы непосредственно приводите пользователя, чтобы он совершил покупку, регистрацию и т.д. С этой странички нужно убрать все, что может отвлечь клиента (баннеры, ссылки, отзывы). СТА должны соответствовать содержанию самой страницы. Если это страница продаваемого продукта, то именно на ней лучше разместить призыв «Бесплатно протестировать продукт», а не на главной странице.
На всех страницах нужно продумать СТА, чтобы они направляли пользователя, куда ему двигаться дальше по вашему сайту и что он может получить. Это своего рода путеводитель по сайту: чтобы человек задержался на сайте, а не ушел с него, закрыл и больше никогда не вспомнил.
Если пользователь подписался на рассылку, скачал инструкцию или записался на курс – его взаимодействие с вашими СТА не должно на этом закончиться. Размещайте СТА во всех материалах, которые вы отправляете пользователю. Ваша активность — это залог успеха.
Основные правила
Чтобы CTA-кнопка привлекала к себе внимание, необходимо придерживаться определенных правил размещения:
- СТА должен подходить к общему дизайну сайта, но при этом эффектно выделяться на фоне остальных элементов;
- Кнопка должна быть похожа на кнопку, быть привычной пользователю;
- Она должна быть оптимального размера. Не занимать полстраницы, но и не быть незаметной;
- Цвет СТА должен быть ярким, но при этом подходить к цветовой гамме сайта;
- Используйте указатели, стрелки, которые показывают на СТА;
- Используйте контрастный фон как для самой кнопки, так и для текста на ней;
- Шрифт текста должен быть таким же, какой уже присутствует на странице. Можно сделать его жирным или подчеркнутым;
- Используйте не более 4 цветов при оформлении СТА.
Мало кто из пользователей скроллит страницу вниз, поэтому кнопку СТА нужно размещать на первом экране, иначе вы снизите конверсию.
Посмотрите, на каком пикселе вверху находится ваша кнопка, и сверьте ее с высотой экранов юзеров по Google Analytics. Если нижний край кнопки находится на 900-м пикселе, то треть юзеров получает ее на втором экране. Вы должны понимать, что, чем выше находится кнопка СТА, тем лучше. Учитывая, что большинство людей правши, кнопка должна находиться немного правее от центра экрана.
Правила эффективного CTA (+ примеры)
Факторы, которые влияют на эффективность СТА:
- Расположение кнопки на странице, о чем шла речь выше.
- Размер кнопки играет большую роль. Она не должна быть слишком маленького размера или огромного, не должна занимать пол экрана. Нужно, чтобы сразу было видно, что она на странице — главная. Кнопка должна быть информативной, большой, контрастной, содержать необходимую информацию для пользователя и иметь четкий призыв к действию.
- СТА должна выделяться на фоне страницы, но не выпадать из общего дизайна. Хотя иногда, креативность самого дизайна и кнопки создает благоприятное впечатление, как на этом сайте.
- Текст в кнопке должен быть конкретным, точно указывать на действие и содержать призыв.
- Форма кнопки также играет важную роль. Она должна быть привычной для пользователя. Чаще всего кнопка имеет прямоугольную форму, но иногда дизайнеры делают ее круглой, овальной, продолговатой. В этом случае кнопка СТА должна четко подходить под дизайн страницы.
- Тактильная кнопка работает более эффективно. Нужно сделать ее выпуклой, за счет тени.
- В лидогенерации кнопку СТА лучше повторить, чтобы человеку не пришлось заново двигаться вверх по странице. Никогда не будет лишним еще раз напомнить пользователю, зачем он на этой странице.
- Кнопка должна быть красивой, яркой, правильной формы. На такие кнопки нажимают чаще. Помните, что это лучше доверить опытному дизайнеру, чем программистам. Ниже – яркий пример неудачных кнопок:
- Повышает эффективность прием изменяемости кнопки. К примеру, человек прокручивает страницу вниз, и в это время кнопка меняет цвет. Это помогает привлечь внимание пользователя.
- Если на одной странице вы размещаете несколько кнопок СТА, то необходимо, чтобы они отличались друг от друга. Две похожие кнопки рядом снижают их CTR. Ниже – хороший пример отличающихся кнопок:
Все эти основные факторы очень влияют на конверсию, поэтому, прежде чем размещать кнопки СТА, следует тщательно все продумать. - Кнопка СТА с призывом «общего характера», такими как «Скачать», «Загрузить». Такая кнопка не подойдет для целевых страниц, так как может вызвать недоверие у пользователя.
На сайте wincdemu кнопка яркая, вписывается в гамму сайта. Это допустимо для раскрученного бренда, когда не нужно дополнительной информации и рекламы. - СТА-кнопка, которая подчеркивает уникальность и выгодность предложения, например, скидок.
Здесь видно явный призыв, который показывает пользователю выгоду и говорит: «Зачем ждать? Начни прямо сейчас!». - Кнопка СТА, которая расположена в верхней части страницы в форме объемной классической кнопки. Сама надпись на кнопке указывает на конкретные указания к загрузке.
Основные особенности CTA
У всех призывов к действию есть обязательные общие черты.
Несмотря на то, что многие не знают этого, кнопки «призыв к действию» являются мощным инструментом маркетолога.
«Призыв к действию» – это слово или картинка, благодаря которым люди делают то, чего от них хотят владельцы сайта. То, как вы оформляете и размещаете их, является очень важным.
Неважно, хотите ли вы, чтобы люди подписались, скачали или же купили что-то, кнопка должна всегда выглядеть убедительно.
Изучение более 200 малых предприятий, базирующихся в США, показало, что более 70% из них не имеют четких и понятных кнопок «призыва к действию».
Исследователи также обнаружили некоторые интересные факты, приведенные ниже:
- 82% испытуемых не ссылались на профили фирм в социальных сетях.
- у 72% из них не было кнопок «призыва к действию» на сайтах.
- 27% не отображали номер телефона на главной странице.
- 70% из тех, у кого все же был указан номер телефона, не размещали его на видном месте.
- 96% из них не размещали информацию о навигации по сайту на домашней странице.
- 68% не указывали свой адрес электронной почты на главной странице.
- 38% из тех, кто указывал адрес электронной почты, не размещали его на видном месте.
Как видите, многие предприятия пренебрегали убедительными «призывами к действию». Это означает, что они не дают посетителям достаточно указаний о том, что делать дальше. В результате этого посетители покидают сайт.
Примеры и типы «призывов к действию»
Так как именно вы будете создавать убедительные кнопки на вашем сайте?
Посмотрите на эти 24 простых совета по улучшению вашего «призыва к действию», в результате чего вы получите больше кликов по нему:
1. Выберите правильный цвет
Выбор подходящего цвета играет огромную роль. Некоторые цвета, как известно, привлекают внимание больше, чем другие. На сайте компании SAP оранжевый цвет увеличил количество переходов по кнопкам на 32.5%.
Зеленый и оранжевый являются одними из лучших в этом деле цветов. Тем не менее, нужно подбирать цвета в соответствии с главным дизайном сайта. Всегда выбирайте те цвета, которые выделяются и привлекают внимание.
2. Используйте легко читаемый текст
Убедитесь, что текст на кнопке достаточно большой для того, чтобы посетители его заметили. В то же время, не делайте его слишком большим, потому что он может выглядеть отталкивающим.
3. Напишите конкретное содержание
Тексты, в которых указаны явные преимущества, помощь и другая важная информация, соберут больше кликов.
Hubspot является хорошим примером этого:
4. Используйте точную и понятную информацию
Текст на вашей кнопке не должен быть длинным. Сделайте текст кратким и понятным. Используйте от двух до четырех слов.
5. Будьте ориентированными на конкретные действия
Каждая кнопка «призыва к действию» должны заинтриговать и побудить посетителей сайта к действию. Попробуйте заменить слишком частое использование таких слов, как “войдите” и “подтвердите” словами “присоединитесь” и “согласитесь”. Выбирайте слова, которые относятся к вашему предложению, например “получить бесплатную пробную версию” или “скачать бесплатный образец”.
6. Добавьте специальные эффекты
Дополнительные эффекты могут быть отличным способом для того, чтобы привлечь внимание пользователя. Например, можно создать кнопку, которая шевелится, когда посетители нажимают на нее.
7. Используйте пробел
Старайтесь не добавлять слишком много элементов вокруг вашей кнопки. Оставляя пустое место возле «призыва к действию», вы автоматически выделяете его.
8. Создайте эффект срочности
Эффект лимита заставит посетителей принимать срочные решения: «первые 100 подписчиков получат бесплатную электронную книгу».
9. Будьте конкретны
Не путайте посетителя кнопкой, которая не содержит важную информацию. Постарайтесь быть более конкретными, указывайте важные детали вашего предложения.
10. Помните, что размер имеет значение
Ваша кнопка «призыва к действию» должна быть достаточно большой для того, чтобы посетители без труда могли найти ее. Однако не делайте ее слишком большой, потому что это может отпугнуть посетителя.
11. Выберите подходящую форму
В основном используются прямоугольные кнопки, но не стоит забывать, что округлая форма тоже может быть эффективной. Если кнопка как бы вогнута внутрь, то посетители обратят больше внимания на ее текст.
12. Используйте точную информацию
Сделайте кнопку «призыва к действию» актуальной, покажите, почему именно ее должен нажать пользователь. Вместо того, чтобы использовать общий текст («увидеть больше»), 9gag использует фразу «Хочу больше веселья». Это заставляет пользователей нажимать на кнопку, если они хотят увидеть больше забавных фотографий.
13. Используйте доказательства
Заставьте посетителя думать, что нажать на кнопку – в его интересах. Покажите это на конкретном примере. Консультант по маркетингу может привести в пример выгоду, которую получил покупатель, воспользовавшийся его услугами. Это убедит большее количество людей нажать эту кнопку.
14. Общайтесь с посетителями
Не перекладывайте все на технику, потому что пользователи хотят взаимодействовать с реальными людьми. Попробуйте разобраться в мыслях своих посетителей, это поможет достучаться до их чувств. Например, сайт по недвижимости может использовать такие слова, как «Начните свой виртуальный тур» или «Отправьтесь в тур сегодня»
15. Используйте обратную психологию
В то время как на большинстве сайтов написано “нажать здесь”, вы можете получить больше кликов, написав, чтобы они не нажимали кнопку. Эта стратегия была реализована фирмой TimothySykes, на сайте которой было написано “не нажимайте, если вы ленивы”. В результате этого переходы по этой ссылке увеличились на 39%
. 
16. Будьте креативными
Ваши «призывы к действию» не обязательно должны быть кнопками. Подумайте над другими вариантами, которые могли бы заставить людей перейти по ссылке. Вы можете попробовать сделать ссылку в видео, что привлечет внимание посетителей.
17. Распределите время
Вы можете разместить «призыв к действию» внизу, чтобы пользователь нажал его после того, как получит точное представление о том, что Вы предлагаете. Пользователи чувствуют, что вынуждены нажать кнопку, если она появляется перед главной информацией, именно это может оттолкнуть их.
18. Сосредоточьтесь на дизайне
То, как вы оформляете вашу кнопку, может сильно повлиять на количество нажатий на нее. Добавление картинок поможет пользователю получить лучшее представление о том, что он покупает.
19. Говорите от первого лица
Исследования, проведенные Майклом Аагордом из Content Verve, показали, что переход от второго лица к первому увеличивает количество кликов на 90% в среднем. Используйте личные местоимения для того, чтобы показать, что посетитель общается с реальным человеком.
20. Расставьте приоритеты
У вас могут быть другие кнопки на вашем сайте, которые не являются основными кнопками «призыва к действию». Убедитесь, что ваш главный «призыв к действию» привлекает больше внимания, чем другие вторичные кнопки.
21. Добавляйте картинки
Добавление привлекательной графики имеет большое значение. Однако важно, чтобы картинки, которые вы добавляете, имели непосредственное отношение к информации, которую вы хотите донести.
22. Создавайте опросы
Нет универсального образца кнопки, который бы подходил ко всем «призывам к действию». Поэтому важно создавать опросы для понимания, какой цвет, форма и текст больше всего подходят для вашей компании.
23. Используйте правила минимализма
Помните о старой пословице, что меньше значит больше. Ваш «призыв к действию» должен быть короткими, чтобы не вводить пользователей в заблуждение многовариантностью. Если вы хотите добавить несколько вариантов, ограничьте их до трех или четырех.
24. Выберите правильную позицию
Место размещения – это один из самых важных элементов, который влияет на количество кликов. Есть много мест, где вы можете добавить вашу кнопку «призыва к действию» в зависимости от ее типа. Попробуйте разместить ее в разных местах, чтобы понять, где она функционирует лучше.
Где разместить «призыв к действию»
Как уже говорилось в последнем пункте, позиционирование вашей кнопки может оказать огромное влияние на количество кликов. Расположение кнопок должно зависеть от контента и информации, а также дизайна Вашего сайта.
Тесты, проведенные Content Verve, показали, что кнопки, размещенные ближе к концу страницы, получили на 304% больше переходов, чем те, что размещены вверху страницы.
В случаях, когда предложение или продукт являются многовариантными, пользователям нужно изучить много информации, чтобы принять обоснованное решение. Именно в этом случае, кнопку следует разместить снизу. Для единичных предложений лучше поместить кнопку сверху.
В целом, видное расположение вашего «призыва к действию» играет ключевую роль в количестве переходов по нему.
Испытывали ли вы трудность с тем, чтобы убедить посетителей вашего сайта совершить необходимое вам действие? Возможно, вы бы хотели, чтобы они оформили подписку на вашу новостную рассылку или оставили запрос на демо-версию продукта, но отчего-то все ваши старания не приводили к желаемому результату.
Причин, объясняющих такое поведение посетителей, можно найти несколько и даже написать об этом целую книгу, но в этой статье будет рассмотрена, пожалуй, одна из самых распространенных: неэффективные призывы к действию.
Но вместо «голой» теории вашему вниманию будут предложены 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 (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 должны учитывать специфику аудитории и интересы пользователя. Цвета и изображения должны отражать ваш бренд и нести смысл. Анимация работает здесь отлично, только если она уместна. Текст должен быть емким, коротким и строго по делу.
Приведенные выше примеры призыва к действию делают свое дело просто и эффективно. Они доказывают, что вам не нужно нечто многословное или сложное, чтобы подтолкнуть пользователей к действию.
Перевод — Дежурка
Ваш верный помощник в завоевании клиента - меткий call to action (призыв к действию). В этой статье собрано 100 действенных примеров.
7 примеров call to action с одним целевым действием
Не перегружайте людей множеством звонких призывов к действию. Избегайте двух call to action рядом, например «напишите нам» и «закажите звонок». Выберите один, а второй разместите несколькими экранами ниже.
- День принадлежит вам. Начните пользоваться 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 призыва к действию рядом, лучше разделите их несколькими экранами;
выделите кнопку с помощью цвета, формы, места расположения.
