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

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

Фокус на значении призыва

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

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

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

Ответьте на вопросы пользователей

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

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

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

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

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

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

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

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

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

Окружите призыв пустым пространством

Позиционирование призыва к действию имеет огромное значение, но все будет бесполезно, если он затеряется среди других элементов дизайна. Вокруг любого призыва должно быть достаточно пустого пространства – это сделает его более заметным. Чем больше пустоты будет вокруг призыва – тем больше он привлечет внимания. Лучше пояснить это на примере. На картинке ниже мы видим главные страницы поисковых систем Google и Yahoo! И сразу ясно, где призыв к действию более заметен. Конечно, это страница Google.

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

Размер имеет значение

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

Дефицит как средство поощрения

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

• Ограничить предложение по времени
• Ограничить количество товаров
• Показать, как быстро распродается товар

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

Отсутствие отвлекающих факторов

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

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

Не раздражайте пользователей

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

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

Несколько примеров того, как можно использовать эти слова в сочетании с вышеуказанными клише.

"Обратись к нам по бесплатный образец и попробуй новый вкус!"

"Заполни купон, отрежь его и уже сегодня пришли нам!"

"Слушай плеск волн, вдыхает аромат цветов, пей вино и наслаждайся жизнью!"

"Позвони и купи уже сейчас!"

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

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

Эмоциональные слова

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

"Вид из окна спальни".

Эта фраза не очень содержательной. Она не производит впечатления. Если читатель хорошо присмотрится к фотографии, то вид из окна может ему понравиться. Итак, чтобы сделать следующий вывод, читатель должен сделать определенное усилие. Но зачем же его принуждать к этому? За него это может сделать копирайтер, добавив к фразе еще одно слово: "Великолепный вид из окна спальни".

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

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

Что ж, уже "теплее", но этот самый вид является видом на что? Фотография сама по себе ничего не объясняет, то почему бы не сделать это за нее, добавив к описанию еще одно слово:

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

Вот теперь читатель "будет в курсе". Впечатления от текста усиливается и благодаря аллитерации "гора Горн" (см. Пункт 8).

Прилагательных, которые можно использовать в рекламном тексте, относятся:

Можно также использовать и "эмоционально-практические" слова и словосочетания типа:

Экономический Недорогой Выгодный Заслуживает этих денег

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

Аллитерация

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

Players please / "Плеерс, пожалуйста"

Mars are marvellous / "Марс - это чудо"

Let the train take the strain / "Пусть поезд работает!"

Three Nuns, none nicer / "Нет ничего лучше за три Нанс!"

Do not be vague, ask for Ha ig / "He сомневайся, покупай Хейг"

Go well, go Shell / "езжай с ветерком, заправляйся в Шелл!"

If anyone can Canon сап / "Если это возможно - Кэнон это сделает" Аллитерация очень хорошо служит авторам рекламных лозунгов, способствует их запоминанию, но ее можно ненавязчиво использовать также и в текстах. Например, такая фраза:

"Take a ride round the town in the new Crown roadster" / "прокатись по городу на новом велосипеде" Краун ".

Размывание выражения

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

Синтаксис

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

"Сегодня - специальное предложение, - только 50 пенсов, если поторопитесь, - самая большая скидка, которую вы когда-либо видели". Или:

"Сегодня. Специальное предложение! Только 50 пенсов, если поторопитесь. Наибольшая скидка, которую вы когда-либо видели".

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

"Напишите его имя золотом". (Реми Мартен)

"Спасите детей. Немедленно."

Повтори

Можно применять различные типы повторов

а) начинать каждый абзац текста с того же слова;

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

в) название может присутствовать в заголовке, иллюстрациях, подписях, подзаголовке, тексте, рекламном лозунга и логотипе;

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

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

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

Мотивируйте пользователей

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

Тестируйте различные варианты

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

На CTR (Click Through Rate, он же - показатель кликабельности) сайта влияет не только основной контент, но и цветовая схема и дизайн. Протестируйте кнопки различных цветов и с различными призывами к действию. Не знаете, с чего начать? Прочитайте нашу .

Призыв к действию (Call to Action ) - это призыв в форме изображения, кнопки, строки текста, который побуждает клиентов и посетителей (если это веб-ресурс) принять действие: купить товар, зарегистрироваться, загрузить электронную книгу, принять участие и т. д. Главная задача СТА - доставить посетителя к финальной цели - к заказу, причем по кратчайшему пути.

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

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

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

Действенные СТА должны обладать некоторыми особенностями:

1. Броским дизайном. В противном случае СТА будет незамеченным и никто на него не отреагирует. Он должен быть в меру большим, с яркими цветами, которые бы выделялись на общем фоне страницы. Здесь важно не переусердствовать.
2. Содержать глаголы действия для привлечения внимания.
3. Отражать видимую пользу предложения. Человек точно должен знать, что повлечет за собой клик на СТА (загрузка книги, шаблона, обучающего курса и т. п.).

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

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

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

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

Существует множество СТА, которые выдержали проверку временем. Это заготовки на все случаи жизни.

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

• Подписывайтесь, если хотите быть в курсе событий в сфере…
• Хотите быть впереди конкурентов? Регистрируйтесь!
• Станьте успешными, присоединившись к нам!
• Подпишитесь на обновления блога, чтобы не пропускать полезные знания!
• Зарегистрируйтесь и увидите новую коллекцию первыми!
• Станьте профессионалом немедленно!
• Подписывайтесь, если вам нравится ___.
• Хотите вдохновения? Присоединяйтесь!
• Зарегистрируйтесь и получайте ценную информацию бесплатно!

Призывы к действию в продажах, примеры:

• Начать использовать
• Я хочу это!
• Купить по акции
• Закажите…
• Приступить к работе
• Поехали!
• Купите сейчас, сэкономите потом.
• Начать ___ немедленно.
• ___ в один клик.
• Поторопитесь, срок акции истекает.
• Кликни и живи по-новому.
• Забудьте о ____, купите ____.
• Если для вас ценно ___, мы вас ждем!
• Свяжитесь с нами, наши специалисты оперативно отреагируют на все обращения.
• Заказать сейчас. 7 дней бесплатно.

Для комментирования:

• Добавляйте первыми комментарии, не стесняйтесь!
• Что еще добавите к вышесказанному?
• А вы согласны?
• Интересно узнать ваше мнение!
• А что вы скажете по этому поводу?
• Если есть дополнения к публикации, не стесняйтесь!
• Кто оставит комментарий, тому скидка на ___!

Чтобы разделить контент:

• Понравился пост? Поставьте лайк!
• Понравился материал? Не забудьте лайкнуть!
• Понравилась статья? Нажмите сердечко!
• Понравилось? Поделись с друзьями!
• Не ленитесь, поделитесь!
• Понравилась публикация? Поделись!
• Пригодился материал? Поставь «лайк»!
• Понравилась информация? Кликни на сердечко!
• Придай миру красок - поделись с друзьями!

Для запроса информации:

• У кого вопросы? Выкладывайте!
• Узнайте, что об этом думает эксперт!
• Менеджер ответит на все вопросы прямо сейчас!
• Наш онлайн-оператор поможет с выбором. Начать разговор.
• Если нужна помощь? Задайте вопрос!
• Для получения информации, воспользуйтесь формой ниже.
• Тяжело сделать выбор? Спросите у эксперта!
• С вопросами оставляйте заявку и мы перезвоним.
• Вы все знаете, да, с этим не поспоришь, но все же, если есть вопросы, задавайте, не стесняйтесь.

Для расчета стоимости, скачивания пробной версии или заказа консультации:

• Рассчитать стоимость.
• Получить расчет.
• Закажите бесплатный вызов.
• Получите бесплатный анализ.
• Откройте бесплатный счет.
• Используйте наш онлайн-калькулятор.
• Бесплатная консультация – это у нас.
• Бесплатное тестирование.
• Воспользуйся пробной версией без риска и бесплатно!
• Для оценки возможностей ___, получите тестовый доступ бесплатно.

Для просмотра поста целиком:

• Интересно, что будет далее? Жми здесь!
• Читать полностью.
• Для продолжения, жми сюда!
• Продолжение здесь!
• Хочу узнать больше.
• Читать целую статью.
• Продолжить.

Для скачивания контента:

• Эксклюзивная статья. Скачать.
• Скачать бесплатно.
• Скачивание без ограничений.
• Скачать без регистрации.
• Получить каталог на почту.
• Скачать бесплатную электронную книгу.

Для приглашения на событие

• Не пропустите самое яркое событие.
• Мы вас ждем!
• До встречи!
• Мы приглашаем вас …
• Бронируйте место прямо сейчас.
• Семинар для всех желающих.
• Ждем на бесплатном семинаре.
• Жми сюда, и примешь участие.
• Хочешь узнать ___? Приходи! Вход бесплатный.

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

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

Итог

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

Экспериментируйте и все получится.

Обнаружили в тексте грамматическую ошибку? Пожалуйста, сообщите об этом администратору: выделите текст и нажмите сочетание горячих клавиш Ctrl+Enter

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

1. Формы, выражающие призыв к действию, в контрастных цветах

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

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

Второй способ - назовем его «методом двойного контраста» - представляет собой размещение контрастной надписи CTA-элемента на яркой «подложке», контрастирующей с основным фоном:

Лучшее место для размещения CTA-элемента - левая часть целевой страницы/сайта, поскольку в европейских языках чтение традиционно осуществляется в направлении слева направо:

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

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

А вот призыв к действию на подписку паблика. Светлая и теплая оранжевая CTA-кнопка не потеряется на темно-сером фоне:

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

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

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

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

«Скачать с нашего сайта»

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

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

Вот как выглядел старый дизайн:

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

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

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

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

А вот призыв к подписке в группу, обещающий скидку:

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

«Сэкономьте время и деньги на поиске квартиры»

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

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

3. Призывы к действию, демонстрирующие товар/услугу

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

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

На странице приложения Flipboard рядом с анимированной иллюстрацией того, как работает программа, расположено сразу 2 элемента призыва к действию - «получить в App Store» и «получить в Google play».

Таким образом, потенциальный пользователь подвергается двойному воздействию - он получает знания о предлагаемом продукте и подвергается социальному влиянию (он либо примкнет к сообществу пользователей продукции Apple, либо вступит в многочисленные ряды поклонников OS Google Android):

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

Компания Goal Stacker использует скриншот интерфейса своей новой программы, чтобы подвигнуть посетителя на совершение одного из двух рекомендованных действий: оформление бесплатной подписки или просмотр демовидео:

Instagram использует картинки в призыве к действию и наглядно показывает, как выглядит предлагаемое мобильное приложения на дисплеях телефонов от Apple и в среде Google Android:

Создатели приложения Orchestra предлагают пользователям выбрать один из двух вариантов приложения - для web-страниц или для iPhone. Размер и размещение второго призыва к действию (sign up on the web) ясно показывает пользователю, что это дополнительный (не основной) CTA-элемент:

CTA-элементы на странице загрузки мобильного приложения Spotify предлагают пользователям выбор двух основных платформ, на которых будет работать эта программа:

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

4. Призывы к действию, использующие правильно написанные тексты

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

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

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

«Начать — и сказать прощай спаму»

Убедительно звучащая просьба, адресованная потенциальным читателям - нажать, чтобы «заглянуть внутрь книги» - подкрепленная ярко-оранжевой стрелкой, привлекает внимание посетителя страницы Amazon:

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

«Посмотрите, как Боб оптимизирует свой бизнес»

Ценность предложения - возможность 15-дневного бесплатного использования инструментов разработки - выделена через использование курсивного начертания текста:

«15-дневный тестовый период» над кнопкой в правом нижнем углу страницы

Текст, вынесенный за пределы кнопки призыва к действию, служит дополнительным стимулирующим фактором: если вы абсолютно бесплатно (free) можете «создать событие» (гласит надпись на CTA-элементе), то зачем отказываться от столь щедрого предложения?

В скобках рядом с кнопкой: «Это бесплатно»

Хорошо продуманный текст призыва к действию избавляет посетителя от необходимости читать остальной контент страницы — CTA-элемент точно объяснит пользователю, что он сможет получить, нажав кнопку:

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

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

«Подпишись и публикуй бесплатно»

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

«Купить книгу»

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

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

«Подписаться на бесплатные вебинары»

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

«Неограниченный доступ за $149 $50»

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

«Скачать электронную книгу бесплатно»

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

5. Призывы к действию, использующие пространственные эффекты

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

Идеальный пример грамотного использования свободного пространства — CTA-элементы просто нельзя не заметить:

Команда Firefox проделала большую работу, устранив все «шумовые помехи», способные помешать конвертации — изображение удалено от CTA-кнопки, текст не «наползает» на кнопку:

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

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

Страница сервиса Dropbox воплощает собой понятие простоты и ясности — любой пользователь сразу поймет, какие действия ему предлагают совершить:

«Посмотреть видео», «Загрузить Dropbox»

Другой пример использования свободного пространства — вся информация собрана в небольшие визуальные группы, удаленные от главного CTA-элемента (который, по нашему мнению, стоило бы дополнительно выделить «теплым» цветом):

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

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

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

«Скачать приложение»

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

Хотите, чтобы ваш призыв к действию заметили? Отделите его от текстового контента и изображений:

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

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

«Начать работу со Stripe»

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

«Подписаться сейчас» или «Узнать больше»

Естественно, вы можете применить пространственный эффект и на рекламном баннере:

«Скачать приложение Yapta»

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

«Начать»

6. Призывы к действию, создающие ощущение движения

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

Обычно стрелки на CTA-элементах направлены вправо, что соответствует направлению чтения страницы в европейских языках:

Когда 4 стрелки одновременно указывают на один и тот же элемент призыва к действию, трудно не обратить на него внимание!

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

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

Для указания движения взгляду не обязательно использовать роскошные «хвостатые» стрелки - вполне достаточно знака >, как в приведенном ниже примере:

«Бесплатно! Начать >»

Стрелка указывает пользователю на то, что перед ним - главный и единственный призыв к действию (пусть и не очень похожий на привычный CTA-элемент):

7. Подписка, как призыв к действию

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

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

Неплохо иметь в клиентской базе имена и фамилии потенциальных клиентов:

«Послушайте, как ваше имя звучит в исполнении карильона»

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

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

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

Над адресным полем расположен текст, прямо и открыто говорящий о преимуществах оффера:

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

Предоставьте своим пользователям возможность взаимодействовать с вами через аккаунты социальных сетей:

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

8. Призывы к действию, предлагающие основной и дополнительный варианты действий

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

Классический пример: главный элемент призыва к действию выделен цветом (ярко-желтый) и формой (кнопка). Дополнительный элемент представлен как активная ссылка:

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

Чем левее расположен CTA-элемент, тем он важнее:

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

«Посмотреть планы и цены» и «Тур по продукту»

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

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

«Бесплатная пробная версия» и «Тур по продукту»

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

«Подписаться сейчас» и «Посмотреть тур»

Два элемента призыва к действию - и оба холодных оттенков:.

«Написать нам» и «Посмотреть наши работы»

Идеально сделанная страница - теплый оранжевый цвет основного элемента призыва к действию совпадает с цветом логотипа и главного меню, контрастно выделяясь на темно-синем основном фоне:

«Присоединиться сейчас» и «Попробовать бесплатно»

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

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

«Попробовать бесплатно» и «Купить сейчас»

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

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

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

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

«Найти поваров рядом со мной» или «Разместить вакансию повара»
«Создать виртуальный магазин»

Добавив дополнительные пункты (буллеты) в описание каждого элемента к действию, вы сможете увеличить точность сегментации посетителей:

«Мне нужны инструменты, которыми легко пользоваться.

Я хочу сделать большую часть работы самостоятельно.»

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

Фоновые изображения служат для гендерной сегментации посетителей:

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

«Для компаний»
«Для инвесторов»
«Для акционеров»

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