Картинка акция для сайта: D1 80 d0 b5 d0 ba d0 bb d0 b0 d0 bc d0 bd d1 8b d0 b5 d0 b0 d0 ba d1 86 d0 b8 d0 b8 картинки, стоковые фото D1 80 d0 b5 d0 ba d0 bb d0 b0 d0 bc d0 bd d1 8b d0 b5 d0 b0 d0 ba d1 86 d0 b8 d0 b8

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

Не забывайте, что кнопки с призывом к действию — это просто обычные ссылки (с некоторым дополнительным кодом CSS, чтобы они выглядели более заметными), все платформы веб-сайтов позволяют вводить настраиваемый контент и добавлять ссылки.

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

Не беспокойтесь, вы можете использовать бесплатный онлайн-генератор кнопок, например:

Если у вас есть некоторые знания HTML, но вы хотите узнать больше об управлении всеми деталями кода CSS, начните с этих ресурсов:

Можно, да.

Но вы можете добиться почти всего с помощью небольшого количества кода CSS, и это не повлияет на производительность (как изображения). Кроме того, кнопки HTML легче редактировать и позволяют определять состояние наведения.

Если вы все же решите использовать кнопки с изображениями, сохраняйте размер файла как можно меньше (обычно лучше всего подходит 8-битный PNG).

Единственное действие, которое вы хотите, чтобы люди там предприняли, — это связаться с вами. Таким образом, единственный призыв к действию — это кнопка отправки в контактной форме, и ничего больше.(На самом деле, называйте это не «Отправить», а что-то вроде «Отправить» или «Отправить сообщение»).

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

Да, стоит.

Либо направьте людей обратно в ваше основное портфолио (где они могут просмотреть другую галерею), либо попросите их связаться с вами.

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

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

Забудьте о складке; В наши дни люди привыкли к прокрутке, уделяйте больше внимания качеству вашего контента (чтобы дать им повод для прокрутки).

CTA обычно размещаются в конце страниц (а не в верхней части страницы). Вы хотите, чтобы люди выполняли определенные действия после того, как они просмотрели ваш контент, а не вместо него!

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

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

Если у вас приличный объем трафика, вы должны заметить улучшения в отчетах «Страницы / сеанс» и / или «Показатель отказов» в Google Analytics, что в конечном итоге приведет к большему количеству просмотров ваших «целевых» страниц (например, страницы контактов). .

Но если трафик по-прежнему очень низкий (что делает отчеты Analytics несущественными), вы можете рассчитывать только на то, что заметите больше результатов с вашего сайта (продажи, запросы по электронной почте и т. Д.).

Дополнительная литература — дополнительные идеи по созданию кнопок CTA:

Заключение

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

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

8 типов призывов к действию, которые должны быть на вашем веб-сайте

Что такое CTA?

Призыв к действию (CTA) — это изображение или строка текста, которые побуждают ваших посетителей, потенциальных клиентов и клиентов к действию.Это буквально «призыв» к «действию». Пример CTA — «нажмите здесь».

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

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

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

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

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

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

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

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

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

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

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

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

Видите, как форма захвата лида и кнопка ниже гораздо более действенны и интересны, чем кнопка «Отправить»?

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

Вот как выглядит кнопка «читать дальше»:

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

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

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

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

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

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

Самое лучшее в этом типе CTA — это то, что его действительно легко настроить.

Вот как это может выглядеть:

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

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

Вот яркий пример того, как один выглядит:

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

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

Это пример того, как будет выглядеть CTA, ориентированный на продажи:

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

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

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

Вот простой пример события CTA:

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

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

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

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

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

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

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

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

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

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

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

• Начать

• Зарегистрироваться

• Бесплатная пробная версия

• Связаться с отделом продаж

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

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

• В корзину

• Касса

• Купить сейчас

• Добавить в список желаний

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

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

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

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

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

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

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

• Short in Length: Хороший призыв к действию должен быть короткой фразой, а не предложением. Большинство из них не длиннее пяти-семи слов.

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

Как использовать A / B-тестирование для тестирования CTA

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

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

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

15 примеров призыва к действию (и как написать идеальный призыв к действию)

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

По данным eMarketer, в 2021 году ожидается, что расходы на рекламу в социальных сетях в США приблизятся к 49 миллиардам долларов.Маркетологи тратят на рекламу, и они тратят очень много.

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

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

Приступим!

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

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

• Текстовая гиперссылка
• Кнопка
• Обычный текст без ссылки

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

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

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

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

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

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

Как написать призыв к действию для социальных сетей

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

Там тяжело.

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

Используйте сильные слова действия

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

Вот два примера призыва к действию к приведенному выше утверждению: «Купите сейчас» или «Загрузите эту электронную книгу сейчас».

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

Совет: сравните свой призыв к действию с моделью LIFT (см. Ниже).

Источник

Если бы мы взяли наш пример сверху, это выглядело бы примерно так:

Скачать = актуальность

эта электронная книга = ясность

сейчас = срочность

Загрузить эту электронную книгу = ценностное предложение

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

• Уменьшите отвлекающие факторы (например, удалите ненужные ссылки, изображения и т. Д.)
• Легкость беспокойства (например, добавьте отказ от ответственности «кредитная карта не требуется»)

Вызвать эмоции или энтузиазм

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

Вот несколько примеров:

• Добавьте числа: «Купите сейчас и получите скидку 50%!»
• Добавьте прилагательные: «Найдите дом своей мечты вместе с нами!»
• Пообещайте: «Худеем всего за 6 недель!»
• Влиять на их FOMO: «Ограниченное по времени предложение. Получи свою бесплатную футболку! »
• Разыграйте свое УТП: «Закажите мыло ручной работы прямо сейчас!»

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

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

Придумай свой собственный

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

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

Затем преобразуйте глаголы и модификаторы в призыв к действию из 2-5 слов. При необходимости добавьте соответствующую информацию → « Получите грязевую маску бесплатно» или « Побалуйте себя сегодня!»

Пример:

«Period better» — Thinx выбрали уникальное использование слова «период» в качестве глагола в своем призыве к действию.

Источник

Совет: никто не понимает CTA с первого раза. Проведите хотя бы один A / B-тест (но желательно больше) для своего объявления, чтобы оценить силу вашего призыва к действию.

15 лучших примеров призыва к действию в 2021 году

В следующем разделе вы увидите, как упомянутые выше техники выглядят на практике. Украдите и настройте лучшие примеры CTA для своих кампаний!

Facebook Ad CTAs

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

ClickUp

Это объявление от ClickUp, вероятно, является частью кампании ретаргетинга. Даже если вы не смотрите видео, рекламный текст сам по себе предлагает множество призывов к действию.

Почему это работает

• Тот же призыв к действию в заголовке и первом предложении объявления = предложение четкое («Получите скидку 15%»).
• CTA поддерживается заявлениями по устранению возражений, такими как «экономия 1 день в неделю», «гарантировано» и списком функций.
• Кнопка призыва к действию «Подробнее» гарантирует аудитории, что они получат дополнительную информацию, прежде чем совершить покупку.

Академия Шоу

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

Почему это работает

• Красивые контрастные цвета с выделяющимся призывом к действию
• Множественный призыв к действию
• Чувство срочности действий

Баббель

Babbel — это приложение для изучения языков, которое предлагает вам различные призывы к действию для своего предложения на Facebook.Это работает, потому что, даже если вы не знаете это приложение, оно быстро устанавливает фактор доверия («более 500 000 5-звездочных отзывов»). Затем пост привлекает вас с привлекательным предложением.

Почему это работает

• Основной призыв к действию четкий и прямой: «Получите скидку до 60%!»
• Они используют кнопку с призывом к действию «Получить предложение», чтобы вызвать у аудитории чувство удовлетворения.
• Включение слова действия «присоединиться» + количество отзывов в одном предложении — это способ вызвать чувство принадлежности к сообществу.

Hootsuite

Hootsuite делает его кратким и лаконичным с несколькими целевыми призывами к действию.

Почему это работает

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

Instagram Ad CTAs

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

Свободное пространство

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

Почему это работает

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

Элемент

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

Почему это работает:

• Два самых привлекательных элемента в объявлении — это заголовок и кнопка призыва к действию. У них обоих одинаковые контрастные цвета, которые выделяются на темном фоне.
• Обе кнопки призыва к действию («Сохраните место» и «Забронируйте сейчас») очень краткие и прямые.
• Олдскульный стиль значка «сохранить» рядом с кнопкой CTA хорошо работает с целевой аудиторией (вероятно, состоящей из более технических специалистов).

Nøie Skincare

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

Почему это работает

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

Курс VAI

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

Почему это работает

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

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

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

Черные иллюстрации

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

Почему это работает:

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

Джувия Плейс

Juvia’s Place соответствует лучшим практикам, используемым косметическими компаниями: большие, яркие цвета и макет, похожий на журнал. Основная кнопка — отличный пример призыва к действию того, как компания электронной коммерции может настроить свою стратегию CTA.

Почему это работает:

• Кнопка с призывом к действию («Используйте код: NEWLOOK») использует код купона, чтобы побудить покупателей сразу перейти в магазин.
• В цветовой схеме этого письма вся основная информация выделена одинаковым оранжевым цветом, чтобы выделяться («Место Джувии», «Скидка 35%», кнопка CTA).

Audiense

Инструмент анализа аудитории Audiense предпочитает длинный путь призыва к действию в своем электронном маркетинге.Такие фразы, как «покажите мне…» или «отведите меня к…», создают четкое ценностное предложение и помогают пользователю чувствовать, что все под контролем.

Почему это работает:

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

Свобода

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

Почему это работает:

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

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

Целевые страницы — отличные предметы для проведения теста CTA или двух. Ниже приведены отличные примеры призыва к действию для вашей следующей кампании.

Тим Феррис

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

Источник

Почему это работает:

• Страница без отвлекающих факторов позволяет сосредоточиться на главном призыве к действию: подписаться на рассылку новостей
• Черный заголовок и черная кнопка CTA резко контрастируют с белым фоном.
• «Получите доступ» — отличный призыв к действию, если вы хотите создать у пользователя ощущение получения эксклюзивного контента.

радость

Joy — канадская компания, предлагающая услуги подписки на бритвы для женщин.Их целевая страница лаконична и умещает всю информацию в видимой области. Кнопка CTA выделяется тем, что это самый темный элемент на странице.

Источник

Почему это работает:

• Контрастный цвет кнопки помогает пользователям легко перейти к следующему шагу
• Сама копия CTA соответствует лучшим практикам электронной коммерции: «Добавить в корзину» — это легко узнаваемая кнопка в отрасли.
• Небольшая надпись (которая соответствует бренду) придает уникальный вид широко используемому CTA
.

Heifer International

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

Источник

Почему это работает:

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

Питатель

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

Источник

Почему это работает:

• Кнопка CTA — единственный зеленый элемент на странице
• «Get the Guide» привлекает пользователей четким предложением

Веб-сайт CTA

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

Touchland

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

Источник

Почему это работает:

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

Airbnb

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

Источник

Почему это работает:

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

Smartlook

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

Источник

Почему это работает:

• Яркая кнопка призыва к действию резко контрастирует с серым и синим фоном — сразу бросается в глаза.
• Использование красного и желтого цветов на кнопке вызывает смесь волнения и оптимизма у колеблющихся посетителей.
• Копия кнопки гласит: «Создать бесплатную учетную запись», а вспомогательный текст под ней: «Кредитная карта не требуется.Обе копии направлены на преодоление подсознательных возражений потенциальных пользователей (Будет ли это мне чего-нибудь стоить? Спишут ли они деньги с моей кредитной карты?)

Ecom World

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

Источник

Почему это работает:

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

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

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

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

Вот почему даже в Facebook есть короткие, нажимаемые кнопки с призывом к действию, которые вы можете добавлять в каждую рекламную кампанию, и почему вы увидите так много целевых страниц с яркой надписью «Зарегистрируйтесь сейчас!» текст на большой желтой кнопке. Кликабельные кнопки с призывом к действию многократно доказали, что они значительно увеличивают коэффициент конверсии.Одно исследование показало, что добавление кнопки CTA в их шаблоны статей увеличило конверсию на 83% и увеличило конверсию электронной торговли на 22%. Copyblogger нашел нечто похожее; когда их призывы к действию выглядели как кнопки, а не как обычный текст, коэффициент конверсии увеличился на 45%.

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

Реклама в Facebook

Вы знаете, что нам нужно было начать с рекламы в Facebook!

Уже несколько лет в Facebook встроены интерактивные кнопки CTA, встроенные в собственный интерфейс.Варианты кнопок включают «Купить сейчас», «Узнать больше», «Загрузить», «Отправить сообщение» и т. Д. Идея состоит в том, что вы можете использовать эти кнопки CTA для усиления рекламы, увеличивая вероятность конверсии.

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

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

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

В целом, лучший исполнитель (загрузка) получил 49 конверсий на 5 долларов.По 10 каждый, в то время как самый плохой призыв к действию (без кнопки) достиг всего 20 конверсий по цене 12,50 долларов США.

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

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

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

Ваш веб-сайт и целевые страницы

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

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

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

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

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

Далее: составляйте собственные призывы к действию с высокой конверсией!

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

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

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

Какие уникальные примеры призыва к действию сработали для вас? Делитесь в комментариях ниже!

СохранитьСохранитьСохранитьСохранить

СохранитьСохранитьСохранитьСохранить

Как создать идеальный призыв к действию (11 примеров)

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

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

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

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

А пока начнем с основ.

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

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

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

• Купить товар
• Скачать
• Подпишитесь на информационный бюллетень
• Прочитать остаток статьи
• Поделиться контентом в социальных сетях

И многое другое.

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

Остальные слабые, скучные и непривлекательные.

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

5 общих типов призывов к действию

Каждый раз, когда вы создаете контент, вы, вероятно, захотите вставить призыв к действию.Это верно для сообщений в блогах, видео на YouTube, сообщений в социальных сетях, эпизодов подкастов и т. Д.

Но вот 5 самых распространенных мест, где вы можете увидеть CTA в Интернете:

• Кнопки веб-страницы
• Кнопки кампании Optin
• Якорные тексты в сообщениях блога
• Кнопки или текст в сообщениях электронной почты
• Текст в сообщениях в соцсетях

Давайте быстро рассмотрим каждый тип.

1) Кнопки веб-страниц

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

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

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

Интернет-копия приводит ваш взгляд к призыву к действию: Get OptinMonster Now .

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

2) Кнопки кампании Optin

Когда вы показываете рекламную кампанию (например, всплывающее окно, выдвижное окно, плавающую панель и т. Д.), Ваша копия будет невероятно важной. Он должен быть коротким, запоминающимся и убедительным.

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

Изображение выше из всплывающей кампании, созданной с помощью OptinMonster менее чем за 10 минут.

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

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

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

3) Якорные тексты в сообщениях блога

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

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

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

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

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

4) Кнопки или текст в сообщениях электронной почты

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

• Читать статью полностью
• Скачать ресурс
• Воспользуйтесь скидкой или халявой
• Получить дополнительную информацию о теме электронного письма

Вот отличный пример от нашего менеджера по работе с клиентами Энджи:

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

5) Текст в сообщениях в социальных сетях

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

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

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

Возьмите этот пример из сообщения OptinMonster на Facebook:

Призыв к действию: Прочтите это, а затем приступайте к делу! Это очень просто.

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

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

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

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

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

1. Используйте слова действий

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

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

Обратите внимание, что CTA ясен и точно сообщает пользователю, что делать: Присоединяйтесь к вебинару сегодня !

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

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

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

2. Ориентация на ценность

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

Вот пример с домашней страницы TrustPulse:

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

3. Воспитывать любопытство и предвкушение

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

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

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

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

4. Создайте свои кнопки с призывом к действию

Дизайн также является важной частью правильного CTA.

Но как выделить свой призыв к действию? Давайте взглянем на несколько ключевых элементов дизайна CTA.

Большинство маркетологов согласны с тем, что вам следует:

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

Опять же, мы пытаемся отметить все эти флажки здесь, в OptinMonster:

Обратите внимание, что на изображении выше происходят 2 вещи:

• Каждый тарифный план имеет свой CTA (чтобы оставаться организованным)
• Каждый призыв к действию выделяется на фоне

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

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

5. Проверьте свои призывы к действию

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

Вам нужны данные, чтобы увидеть, как работает ваш CTA.

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

Вам скажут данные. 🤓

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

Затем замените 1 элемент и запустите тест.Когда вы закончите, выберите тот, у которого самый высокий коэффициент конверсии. Наконец, промойте и повторите, заменив 1 другой элемент .

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

Сплит-тестирование — важная часть создания идеального CTA. Для начала ознакомьтесь с нашим списком A / B-тестов для всплывающих окон, чтобы привлечь больше подписчиков.

И все. Теперь вы знаете основы написания идеального призыва к действию!

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

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

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

1) Crossrope

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

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

Crossrope фактически построил эту (и другие) кампанию с OptinMonster. Затем они увидели рост своих подписок по электронной почте на 900%.

2) Shockbyte

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

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

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

3) Университет сингулярности

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

У них есть отличная рекламная кампания, чтобы напомнить посетителям о своих вершинах:

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

В результате Singularity University получил более 960 новых лидов от одной кампании.

4) Cracku

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

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

Слово «сейчас» побуждает читателей действовать быстро. Неудивительно, что Cracku использовал эту кампанию, чтобы увеличить количество конверсий на 300%.

5) Навалом

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

Они предложили бесплатный курс электронной почты со следующей кампанией:

Обратите внимание, что с призывом к действию они сделали 2 вещи:

• Сказал пользователям, что именно они получат (урок)
• Сделал альтернативный звук отталкивающий

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

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

Это было настолько эффективно, что Bulkly увеличил количество регистраций бесплатных пробных версий на 135%.

6) OptinMonster

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

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

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

7) Sendinblue

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

Sendinblue усиливает беззаботный текст призыва к действию: « Пройдите бесплатный тест-драйв!»

Это ясное, привлекательное сообщение с акцентом на ценность (со словом «бесплатно»).

8) RafflePress

RafflePress — отличный онлайн-плагин для раздачи подарков. Это поможет вашим конкурсам стать вирусными, и вы сможете:

• Развивайте подписчиков
• Увеличьте продажи
• Увеличьте посещаемость вашего сайта

И многое другое. Нам нравится их главная страница. CTA:

Это эффективный призыв к действию по 2 причинам:

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

Цвет — еще один компонент, который выделяет его. Фон веб-сайта светло-серый, а цвет кнопки — ярко-оранжевый.

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

9) SEMrush

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

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

Вы просто вводите доменное имя, ключевое слово или URL-адрес, который хотите изучить. Затем следует CTA с Начать сейчас .

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

10) Грамматика

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

Вот призыв к действию из их аккаунта в Twitter:

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

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

11) WordStream

Это отличный пример умного призыва к действию для социальных сетей. Это объявление на Facebook выполняет 2 функции:

• Вызывает любопытство вопросом
• Предлагает разрешить это любопытство, если вы нажмете CTA

Используя фразу « Узнай» , чтобы начать свой призыв к действию, они усиливают FOMO (страх упустить). Это заставляет пользователей хотеть проникнуть внутрь этого секрета.

Вот и все.В этом посте мы рассмотрели:

• Что такое CTA
• 5 распространенных типов призывов к действию
• 5 действенных советов по созданию идеального CTA
• 11 отличных примеров убедительных призывов к действию, которые конвертируют

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

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

Готовы применить эти советы к действию на практике? Зарегистрируйтесь в OptinMonster сейчас и начните создавать кампании с высокой конверсией уже сегодня!

Опубликовано Натан Томпсон

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

примеров и передовых методов — Smashing Magazine

Краткое резюме ↬ Призыв к действию в веб-дизайне и, в частности, в пользовательском опыте (UX) — это термин, используемый для элементов на веб-странице, которые требуют действия от пользователя.Самым популярным проявлением призыва к действию в веб-интерфейсах являются кнопки, на которые можно нажимать, которые при нажатии выполняют действие (например, «Купите сейчас!») Или ведут на веб-страницу с дополнительной информацией (например, «Подробнее…» ), который просит пользователя предпринять действия.

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

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

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

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

Навигация часто бывает слишком сложной и сложной в использовании.Давай исправим это! В « Designing The Perfect Navigation » Виталий исследует сотни практических примеров улучшенных мега-выпадающих меню , гамбургеров, каруселей, модальных окон и фильтров. Онлайн и живут . 31 августа и 1 сентября 2021 г.

Привлекайте внимание пользователя размером

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

Размер кнопки призыва к действию по сравнению с окружающими элементами

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

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

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

Привлекайте внимание пользователей заметным позиционированием

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

Размещение на выделенной территории

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

Размещение вверху веб-страницы

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

Размещение в центре макета

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

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

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

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

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

Изменение количества пробелов для обозначения логического соединения

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

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

Используйте контрастные цвета

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

Цветовой контраст по сравнению с окружающими элементами

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

Цветовой контраст фона / переднего плана

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

Предложить вторичные альтернативные действия

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

Отображение второстепенных действий рядом с основным действием

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

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

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

Отображение второстепенных действий под основным действием

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

Передайте ощущение срочности

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

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

Часто предложения выполнить действие могут быть эффективными для создания ощущения срочности. Такие слова, как «сейчас», «немедленно» и «прямо сейчас» могут передать такую ​​срочность.Возьмем пример Organizing for America (BarackObama.com), в котором посетителям веб-сайта предлагается «ПОЖЕРТВАТЬ СЕЙЧАС». Если бы вместо этого было просто сказано «Пожертвовать», ощущение срочности исчезло бы, и пользователи с меньшей вероятностью предприняли бы какие-то действия.

Сообщите пользователям, что действовать легко

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

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

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

Расскажите пользователям, чего ожидать

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

Mozilla Firefox сообщает пользователям, чего именно следует ожидать, нажимая на их кнопку призыва к действию. Кнопка с призывом к действию сообщает вам, что вы получите Firefox 3.5, что он бесплатный и (для тех, кто нуждается в большей специфичности), что точная версия 3.5.3 для операционной системы Windows , что язык English , и вы должны ожидать загрузки 7,7MB .

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

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

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

Монитор кампании Этот набор кнопок призыва к действию представляет два возможных действия пользователя: «Попробовать бесплатно» и «Просмотреть функции».Пользователи, которые уже знают о Campaign Monitor и хотят попробовать его сейчас, могут предпринять основное желаемое действие, в то время как другие, которые хотели бы изучить, прежде чем выделить время, могут предпринять второстепенное действие — просмотреть функции веб-приложения.

Fileshare HQ Эта кнопка с призывом к действию сообщает пользователям, чего ожидать («начните делиться файлами через несколько минут»).

Livestream.com Этот набор кнопок призыва к действию использует вертикальную группировку, чтобы указать желаемый порядок важности действий, представляемых пользователю.Желаемое первичное действие — получить оценку, затем получить подробную информацию об услуге и, наконец, сравнить и сопоставить разные планы.

Traffik CMS Эта кнопка призыва к действию размещается на видном месте в самом верху веб-страницы и выделяется относительно окружающих элементов по размеру и использованию цвета.

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

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

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

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

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

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

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

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

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

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

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

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

GoodBarry В этом призыве к действию вы можете увидеть, насколько эффективны решения с использованием пробелов, размера и разумного цвета, делая призыв к действию очень заметным. Подчеркивание того, что действие будет «БЕСПЛАТНЫМ», сообщает пользователям, чего ожидать.

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

ОН! СМИ Эта кнопка призыва к действию действительно выделяется на странице из-за ее положения, пробелов вокруг нее и, что наиболее важно, выбора цвета. Глядя на страницу, глаза обращаются непосредственно на призыв к действию.

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

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

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

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

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

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

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

Коммерческий IQ Размер и видное расположение этой кнопки призыва к действию привлекают внимание пользователей. Значок увеличительного стекла добавляет контекст к цели действия. Добавление текста «Бесплатно для поиска» предвосхищает вопрос, который может возникнуть у пользователя о стоимости действия.

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

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

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

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

Вдохновляющие кнопки в веб-дизайне — Pattern Tap Если вам нужно вдохновение для хорошего дизайна кнопок, посмотрите эту коллекцию Pattern Tap.

10 техник эффективного «призыва к действию» Пол Боаг обсуждает некоторые методы создания хороших кнопок призыва к действию.

Хорошие кнопки с призывом к действию В UX Booth есть хорошая статья о том, из чего состоит хорошая кнопка призыва к действию.

Firefox показывает, как сильный призыв к действию может повысить производительность целевой страницы Узнайте, как хороший призыв к действию может повысить конверсию. Вы найдете сравнение кнопок призыва к действию, используемых в Firefox, Opera и Internet Explorer.

Тенденции веб-дизайна: кнопки призыва к действию Ли Манро собрал демонстрацию кнопок призыва к действию, а также обсудил текущие тенденции дизайна.