МЕНЮ

СTА-элементы, которые привлекут в 2 раза больше клиентов

СTА-элементы, которые привлекут в 2 раза больше клиентов
Время чтения: 17 минут

Нет времени читать?

CTA-элементы (Сall To Action) – это призывающие к действию элементы на целевой странице. Многие до сих пор недооценивают влияние на конверсию данных элементов интерфейса. В этой статье мы расскажем, что нужно для создания кнопки призыва к действию (CTA Button), которая на 100% привлечет внимание посетителей и сможет сильно увеличить генерацию лидов и коэффициент конверсии.

Из этой статьи вы узнаете:

  1. Что такое CTA-элементы
  2. Какие цели преследуют CTA-элементы
  3. Как выглядят элементы call to action – примеры
  4. Создаем кнопку с призывом к действию
  5. 5 признаков успешной кнопки call to action на лендинге
  6. Каким должен быть дизайн кнопки call to action
  7. 4 рекомендации, делаем призыв к действию (фразы) эффектным

Что такое CTA-элементы

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

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

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

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

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

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

Какие цели преследуют CTA-элементы

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

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

1. Добавить в корзину

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

2. Скачать

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

3. Пробная версия

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

4. Узнать больше

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

5. Регистрация

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

6. Поиск

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

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

Как выглядят элементы call to action – примеры

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

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

article_banner.png

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

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

Сайт Skype

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

Схожими параметрами обладают CTA-элементы сайта Mozilla, но можно выделить несколько отличий:

Сайт Mozilla

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

Кнопка общего характера

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

Рассмотрим страницы загрузок наиболее известных интернет-продуктов: браузера IE от Microsoft и приложения iTunes компании Apple.

СТА-элемент

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

Похожая ситуация с CTA-элементом на сайте Apple

Cайт Apple

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

Так как ПО является коммерческим, то рядом с CTA-элементом размещены ссылки на «Заявление о конфиденциальности» и форма для согласия с лицензионным соглашением.

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

В этом разделе приведем в пример сайты Mail.ru и Frendi.ru (бывший Группон).

Сайт Mail.ru.jpg

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

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

Сайт Frendi пользуется другим приемом:

Сайт Frendi

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

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

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

Для иллюстрации этого раздела возьмем сайты Ozon и Pinterest. Оформления на их целевых страницах CTA-элементов во многом схожи.

Оформление на целевой странице

Оформление на целевой странице2

  • CTA-элемент выполнен в «строгом» синем цвете, с классической формой кнопки (с эффектами тени и объема). Для контрастного выделения кнопки применили «подкладку» промежуточного тона под кнопкой. Также в этой области разместили призывы для пользователя – «Выбирайте» и «Поиск».
  • Надпись на CTA-элементе недвусмысленна, выполнена в едином стиле, отличается лишь наличием выделения. Цвет текста контрастирует с цветом кнопки и совпадает с цветом фона.

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

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

Шаг 1. Выбираем место, где будет располагаться кнопка.

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

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

Рекомендации:

  1. Оцените количество места вокруг CTA-элемента. Дизайн не должен состоять из нагромождения элементов.
  2. Для определения размера негативного пространства воспользуйтесь правилом золотого сечения или правилом третей.
  3. Негативное пространство должно выделять CTA-элемент среди основного наполнения страницы.

Шаг 2. Определяемся с размером и цветом.

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

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

Рекомендации:

  1. CTA-элемент должен быть самым крупным на странице.
  2. Для маленькой кнопки нужны контрастные оттенки.
  3. Менее контрастные цвета подходят для большого CTA-элемента.
  4. CTA-элементы должны обращать на себя внимание, но не портить общий вид.

Шаг 3. Придумываем текст.

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

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

Рекомендации:

  1. Текст должен быть понятным.
  2. Шрифт лучше выбрать более крупный и заметный.
  3. Надпись на CTA-элементе должна действительно призывать к действию.

Шаг 4. Придаем предложению сочности.

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

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

Рекомендации:

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

Шаг 5. Добавляем дополнительную информацию.

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

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

Рекомендации:

  1. На CTA-элементе должна находиться только необходимая пользователю информация.
  2. Дополнительную информацию требуют не каждые CTA-элементы. Она более уместна для кнопок «Скачать» или «Пробная версия».
  3. Непосредственно призыв к действию должен быть самым заметным текстом на элементе.

Шаг 6. Расставляем приоритеты.

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

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

Шаг 7. Добавляем изображение.

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

Рекомендации:

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

5 признаков успешной кнопки call to action на лендинге

CTA-элемент – это действительно кнопка

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

пример1 СTА-элементы

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

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

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

Можно выделить ряд признаков, которыми обладают хорошие CTA-кнопки:

  • Четкие формы и границы.
  • Контраст с прочими элементами на странице.
  • Наличие призывающего к действию текста.

Наиболее распространенная форма CTA-элементов – прямоугольник, но это не является обязательным условием. Можно добавлять тень, округлять и срезать края и т.д.

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

Пример2 СTА-элементы

Пример СТА-элемента в онлайн-журнале «Генеральный Директор»

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

Не стоит делать фразу слишком длинной. Если в ней содержится более 10-15 слов, элемент будет перегружен текстом. Залог успеха – простые фразы. При этом можно составить и два предложения, если они будут короткими. Например, «Разместите вакансию. Бесплатно!».

CTA-кнопка расположена логично

Расположение кнопок

Пример СТА-элемента на сайте патентного бюро «Царская привилегия»

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

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

  • Заголовок.
  • Описание преимуществ.
  • CTA-элемент и форма захвата.

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

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

CTА-элементы

Пример СТА-элементов на сайте типографии «СловоДело»

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

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

CTA-кнопки не конкурируют с элементами интерфейса

Как говорилось выше, вокруг CTA-элемента должно быть определенное свободное пространство. Кнопка не должна вступать в «соперничество» с прочими элементами страницы.

Каким должен быть дизайн кнопки call to action

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

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

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

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

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

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

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

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

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

  • Всегда выделяйте кнопку

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

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

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

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

  • Добавляйте к кнопке визуальные эффекты

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

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

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

Этот спор был разрешен при помощи А/Б-тестирования, которое признало неправоту дизайнера. После удаления стрелки с кнопки конверсия просела на 12,3%.

Есть и другой пример. Разработчики одного сайта внесли предложение изменить на зеленой кнопке цвет надписи с черного на желтый. По задумке такое изменение должно было увеличить заметность кнопки, следовательно, поднять рейтинг кликабельности. Однако прогнозам не суждено было сбыться, так как кликабельность после применения этих изменений упала на 18,01%.

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

  • Размер кнопки «больше» не всегда значит «лучше»

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

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

  • Текст на кнопке тоже очень важен

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

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

4 рекомендации, как сделать призыв к действию (фразы) эффектным

1. Не используйте раздражающие слова и выражения.

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

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

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

Ниже будут примеры таких слов (список может быть дополнен):

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

2. Не забывайте делать акцент на выгодах.

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

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

Мы рекомендуем завершать текст на CTA-элементе фразой «Я хочу...»:

  • Я хочу посмотреть вебинар.
  • Я хочу получить полный доступ.
  • Я хочу посмотреть инфографику.

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

  • Заменим «Подписаться» на «Начни сейчас».
  • «Зарегистрироваться» на «Присоединись к нам прямо сейчас».
  • Распространенное слово «Скачать» на «Получить (название товара)».

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

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

3. Акцентируйтесь на клиенте.

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

Маркетинговое агентство IMPAC в 2014 году решило оптимизировать страницу своей самой успешной электронной книги. Длительное время наблюдалось отсутствие динамики конверсии, что побудило маркетологов пересмотреть подход. В результате долгих рассуждений было решено сменить на CTA-элементе надпись со «Скачать» на «Покажите мне, как привлечь больше покупателей». Такой прием увеличил конверсию на невероятные 78,5%.

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

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

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

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

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

А начать внедрение мы рекомендуем с аудита сайта, ведь при плохо работающем ресурсе не поможет даже самый суперэффективный СТА-элемент.

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

  • Поднять позиции в поисковых системах;
  • Увеличить число новых клиентов;
  • Уменьшить стоимость привлеченных клиентов.

Аудит сайта необходим вам, если:

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

Что включает в себя аудит от профессионалов агентства «Генератор продаж»:

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

Узнайте больше, позвонив по телефону 8-800-775-43-06 или заказав обратный звонок на сайте.

Если у Вас появились вопросы, то можете проконсультироваться по ним у нашего менеджера. Бесплатный номер: 8 (800) 775 43 06

СTА-элементы, которые привлекут в 2 раза больше клиентов

Описание

2017-06-29

Генератор продаж
Продвижение сайтов
390047
Россия
Рязанская область
Рязань
Куйбышевское шоссе, 25
88007754306
Генератор продаж

Генератор продаж

Генератор продаж

Генератор продаж

Продвижение сайта в Интернете

СTА-элементы, которые привлекут в 2 раза больше клиентов

Генератор продаж

СTА-элементы, которые привлекут в 2 раза больше клиентов

Рост продаж