Содержание

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

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

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

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

Способы выделения кнопки «призыва к действию» (Call To Action, CTA)

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

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

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

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

//www.mozilla.com/ru/firefox/

Рассмотрим подробнее:

  1. Кнопка имеет большой размер и выполнена в цветовом решении, отличном от остальной гаммы страницы (если углубиться, то можно увидеть и психологический аспект выбора цвета — зеленый относится к «спокойным», «безопасным» цветам и вызывает большее доверие со стороны пользователей).
  2. На ней указана абсолютно вся информация, которая необходима пользователю: наименование, логотип, ОС, локализация ПО (язык).
  3. Четкий призыв к действию «Загрузить бесплатно» (который также говорит о том, что это предложение экономически выгодно), а также пиктограмма загрузки, представленная в виде стрелки.

Практически то же самое можно наблюдать при рассмотрении CTA-элемента на сайте браузера Opera. Однако имеется ряд отличий:

//ru.opera.com/

  1. Кнопка выполнена в гамме основного меню сайта (что, к слову, делает ее менее заметной, но более «стильной») и логически связана с общей композицией — в нашем случае, фото девушки с мобильным устройством и призыв скачать мобильную версию популярного браузера (чего никак нельзя сказать о загадочных фантастических существах вгрызающихся в окно браузера на сайте Mozilla).
  2. На кнопке предоставлено меньше информации: логотип, пиктограмма и версия.
  3. Призыв к действию «Загрузить» имеет более обобщенный характер. Грубо говоря, не указана «выгода», хотя аналогично с продуктом из предыдущего примера он распространяется бесплатно.

Вариант 2. Кнопка с призывом «общего характера».

Обратите внимание: призывы «общего характера» («Скачать», «Загрузить» и тому подобные) не подойдут для целевых страниц, предлагающих скачать ПО и не предоставляющих достаточной информации о его разработчике (конечно, если вы не Билл Гейтс или Линус Торвальдс:)), так как это может вызвать недоверие со стороны пользователей и, как следствие, увеличить число «отказов».

И тут мы снова обратимся к широко известным продуктам — страницам загрузки веб-браузера Internet Explorer от компании Microsoft и проигрывателя iTunes от Apple.

//windows.microsoft.com/ru-RU/internet-explorer/downloads/ie

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

То же самое касается кнопки скачивания на сайте Apple:

//www.apple.com/ru/itunes/download/

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

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

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

Рассмотрим этот вариант на примерах таких брендов как Skype и Groupon (сервиса коллективных скидок).

И так, что мы можем сказать про кнопку на сайте Skype?

//www.skype.com/intl/ru/home/

  1. Кнопка имеет продолговатую форму со скругленными боками (ее форма повторяет очертания основного меню сайта и является своего рода «проекцией», не создает дисбаланс в композиции страницы), ярко-зеленого цвета (цвет так же уравновешивается незначительным элементом остального графического оформления сайта).
  2. Призыв содержит указание на получение явной материальной выгоды и буквально «кричит»: «Зачем ждать? Начни прямо сейчас!». Шрифт используется стандартный, символы того же цвета, что и весь остальной текст на страницы.

Обратите внимание, что на странице присутствует «вспомогательный» элемент, с которым непосредственно связан призыв — расположенный в центре страницы круг с указанием на размер «выгоды», выделенный особым цветом (а их используется всего 4, что упрощает восприятие). Он фокусирует внимание — и, увидев заманчивое предложение со скидкой, пользователь уже ищет взглядом, как поскорее ее получить. Кнопка сработает непременно — здесь она логическое завершение посещения страницы. В данном примере формула AIDA реализована на все 100%.

На сайте Groupon применяется несколько иной прием:

//www.groupon.ru/signup

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

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

Вариант 4. Кнопка призыва к действию расположена в верхней части страницы.

Для примера возьмем 2 продукта всем известной компании Google — программу для обработки и просмотра изображений Picasa и веб-браузер Chrome.

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

//picasa.google.com/

//www.google.com/chrome?hl=ru

  1. «Аскетичный» синий CTA-элемент, выполненный в форме «классической» кнопки (с эффектом объема, тенью). Для того, чтобы кнопка не затерялась на белом фоне, разработчики сделали небольшую прямоугольную «подкладку» промежуточного тона под нее (в эту же область разместили информацию о требованиях к ОС, а для браузера Chrome — призыв к действию, указывающий на положительные стороны предложения).
  2. Надпись на кнопке дает конкретные указания к загрузке определенного продукта последней на данный момент версии, то есть несет чисто функциональную нагрузку. Используется один шрифт (изменяется лишь начертание — выделенное или обычное), цвет символов создает контраст к цвету кнопке и является аналогичным цвету основного фона страницы.

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

Так каким же должен быть CTA-элемент?

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

При разработке целевой страницы соблюдайте 9 основных правил:

  1. Кнопка должна быть похожа именно на кнопку, выглядеть привычной для пользователя.
  2. Кнопка не должна быть маленькой по отношению к остальным объектам (блокам текста, изображениям, заголовку и прочему).
  3. Цвет CTA-элемента должен быть ярким, но при этом согласоваться с общим дизайном и гаммой сайта — в противном случае он «потеряется» (не будет восприниматься адекватно).
  4. Используйте стрелки, указывающие на кнопку (в случае, если вы предлагаете пользователю что-то скачать, непосредственно на самом элементе) — это помогает «подвести» пользователя к ней.
  5. Тщательно продумайте формулировку призыва к действию и согласуйте ее с контекстом предложения.
  6. Используйте контрастный тон (светлый на темном и наоборот) и цвет для надписи на CTA-элементе.
  7. Используйте шрифт, который уже присутствует на странице — в случае необходимости выделите его (начертание «жирный» или «bold»).
  8. Это правило имеет общий характер, однако не снижает его важности: в оформлении страницы старайтесь использовать не более 4 цветов. (Профессиональные кулинары говорят: «Если салат, содержит более четырех компонентов — это уже силос».)
  9. Дерзайте и экспериментируйте! Тестируйте различные варианты CTA-элементов, чтобы определить, какие из них наиболее эффективны.

13-07-2011

10 столпов эффективности / Хабр

Расскажу о первых факторах которые, по моему мнению, влияют на эффективность CTA (call to action) кнопки, она же «купить» в икоммерц-проектах.
Никаких советов и кейсов, скриншоты только для иллюстрации текста. Гипотезы каждый может построить сам и проверить их сплит-тестами.

1) Расположение

Первый экран наше всё. В зависимости от проекта, до 50% пользователей не скроллят страницу вниз. То есть, если мы располагаем главную кнопку на втором экране — то сами, своими руками, снижаем конверсию.
Проверить легко: Смотрим на каком пикселе сверху кнопка и сверяем с высотой экранов юзеров по ГА. Например, если нижний край кнопки 900-й пиксел, то 30% юзеров получают ее (или ее часть) на втором экране.
То есть, в общем случае, чем выше CTA-кнопка, тем лучше. Традиционно ее место справа т.к. пользователи правши, а контент на большинстве сайтов слева.

Пример: На сайте Ламоды сапог в первом экране виден не весь, но кнопка на месте.

2) Размер

Размер это акцент, акцент это приоритет, приоритет это что? Да — кто здесь главный. Если мы хотим продавать, то СТА-кнопка должна быть главной, то есть большого размера.
Но, не слишком большого, чтобы не выпадать из дизайна и не занимать половину экрана.

На сайте Yoox нет сомнений какой элемент интерфейса главный.

3) Цвет

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

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

4) Текст (содержание)

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

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

Сюда же: Стрелка спецсимволом (→) в кнопке, если после ее нажатия происходит переход и ее отсутствие если перехода нет.

На сайте Утконос решили вообще обойтись без текста. Хорошее решение? Не думаю.

5) Форма

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

На сайте Боско кнопка круглая, это непривычно. Я бы проверил ее на эффективность.

6) Интерактивность / тактильность

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

Букинг.ком по наведению предлагает нажатием на кнопку перейти к новому шагу.

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

7) Повторение

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

На сайте Онлайнтурс вверху страницы кнопка и внизу такая же.

8) Качество исполнения

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

Блёклые, шаблонные кнопки из 90-х на сайте Никса, сразу видно делали программисты.

9) Изменяемость

При перезагрузке или скроллинге вниз и кнопа меняет цвет. В какой-то момент она цепляется за экран. Кому от этого плохо? — Никому. Привлекает внимание? — Да.
Прием для сплит-теста годится, пробуем.

10) Взаимосвязь с другими CTA-кнопками

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

На сайте BEBAKIDS они чуть разные по размеру, но уж очень похожи.

Заключение

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

Всем рабочих кнопок!

что это и как повысить его эффективность

Москва
г. Москва, ул. Нобеля 7, п. 56
+7 (800) 700-59-30


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 – это триггер, побуждающий пользователя совершить то или иное действие. И чем оригинальнее и интереснее будет данный триггер, тем больше людей по нему кликнут.

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

Хотите больше подписчиков на своем профиле в Instagram или Facebook? Привлечение больше клиентов и увеличение продаж? Вы не получите их без правильного призыва к действию (call to action, СТА).

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

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

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

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

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

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

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

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

Многие компании просто вставляют в о

6 особенностей высококонверсионных СТА-элементов на лендинге


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


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

Содержание:

CTA-кнопки должны оставаться кнопками

Текст должен побуждать к действию

CTA-кнопка должна быть расположена логично

Лучше использовать контрастные цвета

CTA-кнопки тесно связаны с предыдущим действием

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


1. CTA-кнопки должны оставаться кнопками


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


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


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


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


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


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


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


Такое же разочарование можно испытать в отношении еще одного известного бренда в сфере интернет-маркетинга — Levy Online. И хотя они позиционируют себя как самую надежную компанию в области интернет-рекламы, воспользоваться их услугами довольно сложно. Не стоит ждать, когда клиенты свяжутся с вами по телефону, ведь сегодня на это просто не хватает времени. Нужны CTA-элементы.


Следующий пример, лендинг Capgemini, кажется, пытается подтолкнуть посетителя к какому-то действию. Но к какому? Куда надо нажимать — на одну из панелей в стиле Windows 8? Странный подход для агентства интернет-рекламы.


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


South University стоит на ступеньку выше, чем iCrossing: на их лендинге есть кнопка. Да, небольшая и малозаметная. Но, по крайней мере, это кнопка.


Constant Contact знают, что делают. На их ресурсе есть большая и яркая кнопка призыва к действию. А главное — она сразу бросается в глаза.


В общем и целом, хорошие CTA-кнопки обладают следующими характеристиками:


  • у них есть четкая форма и границы,

  • они отличаются по цвету от остальных элементов интерфейса,

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


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

Назад к содержанию


2. Текст должен побуждать к действию


Как бы то ни было, а текст на СТА-кнопке гораздо важнее ее цвета, размера и расположения на странице.


CTA-кнопка на Hootsuite — пример эффективного подхода. Такой СТА-элемент стимулирует к совершению действия.


На кнопке Sunglass Warehouse написано просто: «Do It» («Сделай это»). Такой текст усиливает привлекательность СТА-элемента для пользователя.


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


Надпись должна быть короткой. Предложения, которые содержат больше 10–15 слов слишком длинные. Простые фразы — лучшее решение.


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


Можно разместить на кнопке и два предложения, только если они небольшие. Например, так сделали в oDesk: «Post a job. It’s free!» («Опубликуйте вакансию. Это бесплатно!»).

Назад к содержанию


3. CTA-кнопка должна быть расположена логично


В соответствии с законом Фиттса (Fitt’s law) кнопка должна располагаться по траектории движения взгляда пользователя. Рассмотрим данное утверждение на примере. Текст на сайдбаре размещен так, что совпадает с траекторией взгляда читающего — сверху вниз. И кнопка призыва к действию расположена в самом низу. Все логично.


Конечная цель — поместить CTA в то место, где посетитель вероятнее всего захочет перейти дальше. Словом, нужно уметь прогнозировать и предвидеть поведение пользователей.


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


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


А вот пример хорошего размещения CTA-кнопки.


СТА на Social Media Examiner вышел удачно. Нарисованная стрелка — одна из причин, по которой лид-форма столь успешно справляется со своей задачей. И хотя она даже не расположена в центре страницы, стрелка указывает на нее, направляя взгляд от рекламного текста к форме захвата.


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


Большинство успешных лендингов имеют следующую структуру:


  • заголовок,

  • текст преимущест,

  • форма захвата и CTA-элемент.


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


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

Назад к содержанию


4. Лучше использовать контрастные цвета


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


Эффективные кнопки всегда имеют контрастный оттенок по сравнению с остальными элементами интерфейса.


Приведем пример из email-маркетинга — ведь рекомендация относительно цветовой гаммы справедлива не только для лендингов. Перед вами письмо из CrazyEgg. Самое первое, что бросается в глаза по мере скроллинга — вот эта желтая кнопка в конце.


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


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


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


Похоже на то, что красный и оранжевый — самые популярные оттенки для кнопок. Посмотрите еще один пример на сайте Disruptive Advertising.


А эта оранжевая кнопка размещена на Social Media Examiner.


Неоновый зеленый на голубом фоне, как у Toonimo? Тоже неплохо.

Назад к содержанию


5. CTA-кнопки тесно связаны с предыдущим действием


СТА-кнопки стимулируют к активности в силу того, что находятся на пути движения взгляда и действий посетителя.


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

Назад к содержанию


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


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


Ниже приведен пример того, как делать не надо. Понятно, что кнопка «View our work» («Посмотреть наши работы») отвлекает внимание посетителей от кнопки «Get started today» («Приступить к работе»). Вместо того чтобы зарегистрироваться, пользователь только потратит время, просматривая предложенные кейсы. К чему такое соревнование? В этом нет необходимости.


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


На странице в Facebook СТА-кнопка очень важна. Ничто не привлекает внимание посетителя так сильно, как призыв «Create Ad» («Создать объявление»).


То же самое касается и сервиса Formstack. Все незаполненное пространство обслуживает большую оранжевую кнопку Call-to-Action.

Назад к содержанию


Выводы


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


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


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

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

05-01-2015

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

Стань автором нашего блога. И зарабатывай на этом

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

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

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

Одна история

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

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

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

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

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

call to action форма заказать звонокОбратный звонок

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Одно правило

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

call to action расположение кнопкиПризыв к действию на первом экране

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

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

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

Цвет кнопки

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

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

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

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

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

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

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

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

call to action размер кнопки имеет значениеПодходящий размерчик

Длина кнопки

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

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

call to action длина кнопкиДлинный текст

Форма кнопки

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

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

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

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

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

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

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

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

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

call to action анимацияДа как же поймать?

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

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

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

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

call to action усилителиУсилители

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

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

call to action две кнопки рядомДве кнопки

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

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

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

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

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

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

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

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

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

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

Призыв к действию (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: все окружающие элементы страницы имеют черный цвет, в то время как призыв к действию – ярко-синего цвета. Самый невнимательный пользователь не промахнется мимо нужно

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

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

Верхнее фото Сергея Миронова

Сколько раз вы на самом деле нажимали кнопку с надписью «НАЖМИТЕ ЗДЕСЬ»?

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

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

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

1. Продать выгоду

How to Write Calls to Action That Get People to Click and Convert – Sell the Benefit

Изображение через Netflix

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

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

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

2. Начните с сильного, действенного глагола

Изображение из Путеводителя по хорошей кухне Западной Австралии

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

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

Как выглядит действенный глагол? Примеры призывов к действию:

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

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

3. Будьте краткими и прямыми

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

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

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

4. Сообщите пользователям, что именно делать

Изображение с увеличением

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

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

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

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

5. Добавьте звездное изображение

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

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

6. Создайте эмоциональную связь

Изображение через Adopt a Love Story

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

Adopt a Love Story, веб-сайт, который помогает семьям финансировать усыновление, наполнен видеоизображениями семей с маленькими детьми. Призыв к действию — «отдайте усыновление» — конкретно говорит о том, что он просит посетителей сайта, помогая им почувствовать, что они могут быть частью этих усилий по объединению семей.

Целевая страница

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

7. FOMO is Real

Изображение предоставлено Banana Republic Factory

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

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

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

  • «Распродажа заканчивается сегодня!»
  • «Осталось только 10»
  • «Покупайте, пока есть запасы»
  • «Доступно первым 200 клиентам»

8. Упростите нажатие или прикосновение

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

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


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

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

.

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

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

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

  • В корзину кнопки
  • Кнопки регистрации бесплатной пробной версии
  • Кнопки загрузки

Кнопки CTA имеют очень конкретную цель: заставить вашего посетителя щелкнуть и совершить конверсию.

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

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

  • Попробуйте нашу бесплатную пробную версию
  • Забронируйте место
  • Загрузить технический документ

Текст на кнопке Udemy «Take This Course» — отличное действие, связанное с предложением.

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

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

# ThingsOnly90sKidsWillUnderstand

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

Зеленый и фиолетовый — контрастные цвета — плюс эти динозавры очаровательны

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

Посмотрите эту классную инфографику по психологии цвета от Kiss Metrics, когда у вас будет такая возможность.Это довольно интересное исследование того, как разные цвета вызывают разные эмоции!

3. Эффектные формы кнопок. Форма кнопки также может сыграть большую роль при попытке создать идеальную кнопку CTA. Вам нужно будет подумать, хотите ли вы использовать более округлую форму кнопки или кнопку с квадратными краями. Сложно сказать, что здесь лучше, так как оба стиля общие и b

.

Как создать отличный призыв к действию (CTA) для электронной торговли: 9 советов

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

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

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

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

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

Средний коэффициент конверсии электронной торговли составляет 2% #ecommerce #stats #CTA #ConversionRate Click To Tweet

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

Это широко распространенный термин, но что на самом деле означает «призыв к действию» ?

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

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

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

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

9 советов по созданию отличных призывов к электронной торговле

1. Используйте проверенные фразы с призывом к действию
2. Сделайте так, чтобы мобильные призывы к действию занимали всю ширину экрана
3. Проверьте различные цвета, формы и размеры призывов к действию
4. Используйте императивную фразу в призыве к действию
5. Не заставляйте посетителей прокручивать страницу ниже сгиба, чтобы увидеть CTA
6. Разместите важную информацию рядом с основным CTA на страницах продукта
7.Ограничьте беспорядок (особенно на мобильных устройствах)
8. Отображайте защитные пломбы рядом с призывами к действию
9. Включите элементы здания срочности рядом с призывами к действию

Итак, без лишних слов, перейдем к самим наконечникам…

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

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

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

  • Подробнее — «Мягкая» фраза, которая не требует обязательств и может использоваться для рекламы предложений, скидок, распродаж и т. Д.
  • Присоединяйтесь бесплатно — Слово «бесплатно» всегда верный вариант. Используйте его для призывов к действию, которые побуждают посетителей присоединиться к программе лояльности.
  • Купить сейчас (одним щелчком мыши) — Фраза «Купить сейчас» проста и понятна. Вы также можете предоставить опцию в один клик, например Amazon, чтобы сделать процесс покупки еще более простым.

Amazon включает опцию покупки в один клик на многих страницах своих продуктов.

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

2. Заставьте мобильные призывы к действию заполнять весь экран

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

3. Тестирование различных цветов, форм и размеров CTA

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

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

Ключевое слово здесь — тестирование. Легко проводить сплит-тесты A / B и оценивать различные цвета, формы и размеры. Что касается цвета, вообще говоря, лучше всего подходят синий, красный, зеленый и оранжевый.Но передовой опыт может значительно отличаться от сайта к сайту.

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

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

Хотите больше подобных идей?

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

Woohoo! Вы только что зарегистрировались. Проверьте свой почтовый ящик, чтобы подтвердить подписку.

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

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

В электронной торговле «Купить сейчас» и «Добавить в корзину» являются примерами часто используемых императивных фраз. #ecommerce #stats #CTA #CallToAction Нажмите, чтобы твитнуть

Не беспокойтесь о том, чтобы обидеть клиентов — при правильном использовании призывы к действию не будут интерпретироваться как команды.Данные показывают, что они более эффективны, чем альтернативы для увеличения количества кликов. Фраза, подобная «Узнать больше», гораздо более точна и убедительна, чем вопрос вроде «Хотите узнать больше?»
Более длинные призывы к действию оказывают большее влияние, чем фразы из одного или двух слов, если они отвечают на вопрос: «Какая выгода от этого для покупателя? Почему они должны щелкнуть здесь? » Источник.
Кроме того, попробуйте вплетать проверенные слова и фразы, подобные тем, которые указаны в совете номер один, в свои обязательные призывы к действию. «Купи сейчас и сэкономь 20%» более эффективен, чем просто «Купи сейчас».

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

Разместите CTA «над сгибом». Только 20% посетителей увидят призыв к действию в нижней части страницы! # EcommerceTips #ecommerce # CTA Click To Tweet
Практически все крупные интернет-магазины признают универсальную важность размещения CTA в верхней части страницы — от eBay до Home Depot.

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

6. Разместите важную информацию рядом с основным призывом к действию на страницах продукта.

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

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

  • Цена (с учетом скидки)
  • Наличие
  • Политика доставки
  • Сводные обзоры
  • Варианты цвета, размера и количества.

7. Ограничьте беспорядок (особенно на мобильных устройствах)

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

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

8. Отображение защитных пломб рядом с призывами к действию

Включение пломб и логотипов платежных систем на страницы продуктов и оформления заказа для укрепления доверия — один из самых простых способов преодолеть сомнения покупателей, возникающие из соображений безопасности.Включение их специально на страницы продуктов также убеждает клиентов в том, что они могут оформить заказ с помощью предпочтительного метода оплаты — будь то PayPal, Visa, Mastercard и т. Д.
Простая защитная пломба, такая как «Norton Secured», отображаемая REI, может творить чудеса. .

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

Срочность строительства — один из самых надежных способов мотивировать клиентов к покупке. Интернет-магазины, которые эффективно создают срочность через страницы своих продуктов, увеличивают конверсию до 12% (ознакомьтесь с нашим примером использования в Будапеште).
Включите на свои страницы некоторые из следующих элементов, повышающих срочность:

  • Индикаторы низкого запаса — Отображение того, что у вас осталось только определенное количество товаров, и даже то, что некоторых товаров нет в наличии, означает, что продукт популярен.

На сайте Vans четко указано, какие товары есть в наличии, а какие нет.

  • Даты окончания продаж — Укажите даты окончания распродаж рядом с призывами к действию, чтобы напомнить клиентам, что у них ограниченное время для действий.
  • Таймеры обратного отсчета — Вы можете даже подумать о том, чтобы показывать даты окончания распродажи с помощью таймера обратного отсчета, поскольку это дает крайний срок более оперативно.
  • Недавние покупки и текущие зрители — Сайты бронирования используют эту тактику до мелочей. Когда кто-то просматривает комнату на таком сайте, как Booking.com, рядом с основным призывом к действию будет отображаться уведомление.

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

Summing Call to Action (CTA) up!

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

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

Кроме того, если вы хотите узнать, как получить в 3 раза больше дохода от мобильных устройств, посмотрите наше видео на YouTube с советами!

Последний призыв к действию: хотите повысить коэффициент конверсии, среднюю стоимость заказа и прибыль? Скачать Контрольный список для электронной торговли из 115 пунктов

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


Блог об электронной торговле Growcode /

Оптимизация электронной торговли /

Как создать отличный призыв к действию (CTA) для электронной торговли: 9 проверенных советов


Оставьте свой комментарий

.