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

Статья написана:
  • Дизайн веб-сайта
  • Обновлено: октябрь 25, 2018

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

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

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

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

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

Пример #1 - Беспокойный Chipotle

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример #3 - WHSR

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

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

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

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

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

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

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

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

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

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

Хотя вы можете предположить, что 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 для ряда клиентов. Ей нравится слушать ее читателей.

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