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

Обновлено: 25 октября 2018 г. / Автор статьи: Лори Соард

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

По словам Джейкоба Губе для журнала Smashing:

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

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

беспокойный чипот
Захват экрана от Restless Chipotle

Пример # 1 - Restless Chipotle

Blogger Marye Audet-White, владелец Беспокойный Чипотлеиногда использует призыв к действиям и добился определенных успехов с ними и другими методами, чтобы привлечь внимание посетителей.

Audet-White поделился этим советом мудреца:

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

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

«На боковой панели есть подписка на новостное письмо, а на боковой панели - ссылка на мою книгу, но я не подталкиваю туда посетителей».

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

В случае Одет-Уайт она предлагает им уведомление о новых рецептах и ​​дополнительных рецептах и ​​советах, которые есть только в новостной рассылке.

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

  • Бесплатный путеводитель
  • Бесплатная электронная книга с подпиской
  • Популярный рецепт, которого нет на сайте
  • Доступ к конференц-связи, где вы предлагаете советы для инсайдеров

Пример №2 - Seven Oaks Consulting

консультации по семи дубам

Жанна Грунер, владелец Seven Oaks Consulting, управляет успешным маркетинговым бизнесом с различными типами клиентов.

Частотные вопросы

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

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

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

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

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

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

Пример # 3 - WHSR

Еще один способ сделать ваши CTA эффективными - предложить что-то реальное для читателя.

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

cta whsr
Скриншоты формы подписки WHSR.

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

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

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

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

Создание большей части ваших CTA

1- Размещение

Unbounce взглянул на лучшее место для размещения вашего CTA на вашем сайте.

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

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

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

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

2- Размер

cta seven oaks consultingЭта статья Smashing Magazine, о которой я упоминал выше, рассмотрел размер вашего CTA.

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

С другой стороны, вы могли бы выделить свой CTA, создав большую графику, текст и заголовок, как делает Жанна Грунер на своем успешном сайте Seven Oaks Consulting. Используя текст, Грюнерт дает понять читателю, какая польза ему.

3- Цвет

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

  • Красный цвет лучше, чем зеленый
  • Синий предпочтительнее оранжевого цвета
  • Желтый лучше, чем зеленый

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

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

Применение наших результатов к вашему сайту

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

Примените некоторые результаты этих тематических исследований, а затем выполните тщательное тестирование A / B, при необходимости внеся необходимые корректировки.

Мы хотели бы услышать о вашем опыте с CTA. Если вы успешно добавили CTA на свой сайт, поделитесь тем, что сработало для вас.

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

О Лори Соард

Лори Сэард работает независимым писателем и редактором с 1996. Имеет степень бакалавра в области английского образования и степень доктора журналистики. Ее статьи появились в газетах, журналах, онлайн, и она опубликовала несколько книг. С 1997 она работает веб-дизайнером и промоутером для авторов и малых предприятий. Она даже работала на коротких веб-сайтах рейтинга популярной поисковой системы и изучала глубокую тактику SEO для ряда клиентов. Ей нравится слушать ее читателей.

Подключение: