×

Правила идеальной CTA-кнопки: создаем притягательную кнопку для сайта в 2021 году

Россия +7 (909) 261-97-71
Шрифт:
0 6787
Подпишитесь на нас в MAX

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

создаем притягательную кнопку для сайта 

Что такое CTA-кнопка 

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

создаем притягательную кнопку для сайта

Нажми на кнопку – получишь результат 

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

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

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

Как повысить кликабельность кнопки на лендинге? 

Есть несколько правил, которые каждый интернет-маркетолог должен выучить как аксиому: 

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

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

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

создаем притягательную кнопку для сайта

Хороший пример совпадения текста-призыва к действию и текста на кнопке 

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

5. Кнопки могут конкурировать друг с другом, поэтому мы не рекомендуем размещать сразу 2 кнопки в одном блоке. 

Правила идеальной CTA-кнопки

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

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

Рекомендации по тестированию кнопок на сайте от американских маркетологов 

Как понять, что именно тестировать? И как оценить текущие кнопки на сайте? Разобраться помогут рекомендации от американских маркетологов с сайта http://www.convinceandconvert.com

создаем притягательную кнопку для сайта

1. Изучайте интересные результаты тестов, которые проводили владельцы других сайтов. 

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

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

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

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

3. Соблюдение принципа социального доказательства поможет убедить пользователя действовать. Social proof на сайте работают не только в виде отзывов, кейсов, логотипов крупных клиентов. В CTA тоже стоит задействовать принцип социального доказательства, например, заменив текст «Регистрация» на ««Присоединяйтесь к X числу ваших коллег». 

4. Не решайте за пользователя, а тестируйте элементы. Считается, что значки Visa Verified и текст «Мы против спама» как бы успокаивают клиентов и повышают конверсию во взаимодействие с формой захвата. Однако, пометка «спама не будет» по результатам теста может снизить конверсию почти на 19%. 

Вместо выводов 

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

Остались вопросы? Задайте их в комментариях в блоге Convert Monster

Источник: блог Convert Monster

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


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Как ИИ усиливает маркетинг и помогает общаться с пользователем
Иван
1
комментарий
0
читателей
Полный профиль
Иван - Классная статья, забрал Хотелось бы услышать еще от эксперта мнение про модели в таком случае и дисперсию
Тренды e-commerce 2026: рынок ждет отток с маркетплейсов?
Арина
1
комментарий
0
читателей
Полный профиль
Арина - Мы пробовали разные сервисы, но уже давно используем этот сервис tryon.mall-er.com у них есть и Визуальный поиск и Виртуальная примерка. Мы пользуемся Виртуальной примеркой очков и поиском и внедрили себе на сайт, сейчас порядка 80% нашего трафика с удовольствием пользуются данными функциями.
Накрутка ПФ vs Бизнес: как накрутка поведенческих факторов «убьет» ваш бизнес в интернете
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Вообще бред несут-пункт позиции и там и там суотрудничать,банов нет,риски и остальные пункты просто смешно,пф гораздо эффективнее чем платить в пиксель)))
Что будет с SEO в 2026: эксперты рынка подводят итоги и делают прогнозы на этот год
Марал Гаипова
142
комментария
0
читателей
Полный профиль
Марал Гаипова - Дмитрий, спасибо, эксперты и правда - топ)
Мы сократили рутину SEO-специалиста на 95% – вот архитектура, которая это сделала
Гостьkorayaskin
2
комментария
0
читателей
Полный профиль
Гостьkorayaskin - Можно также посмотреть разбор инструментов типа KeywordKick — помогает быстрее понять, где именно конфликт сигналов.
GEO-продвижение: гайд повышения видимости бренда (сайта) в нейросетях
dayitrix
3
комментария
0
читателей
Полный профиль
dayitrix - Спасибо за разбор. Сейчас как раз в процессе изучения GEO-продвижения, хочется разобраться, как вообще попадать в ответы нейросетей. Ну и смотрю, уже услуги по такому продвижению начали появляться, типа Zenlink Geo. Но пока по большей части информацию собираем, что это и стоит ли в это лезть. Но учитывая то, что люди сейчас в основном через нейронной информацию ищут, было б неплохо, чтоб нейросети нас упоминали)
Где взять данные о GEO-видимости: 9 инструментов в одной статье
Евгений Молдовану
1
комментарий
0
читателей
Полный профиль
Евгений Молдовану - Хороший список, но используя подобные чекеры помните, что в GEO важен консенсус и если его нет, то на каждый запрос может формироваться свой ответ.
Конференция GEO 2026: как брендам попасть в ответы нейросетей
Дмитрий Севальнев
0
комментариев
0
читателей
Полный профиль
Дмитрий Севальнев - Мощно, мощно!
Что прямо сейчас можно сделать сайту регионального СМИ, чтобы получить мощный приток органического трафика
Дмитрий Севальнев
0
комментариев
0
читателей
Полный профиль
Дмитрий Севальнев - Максим, молодец! Хороший материал
Сервисы для создания квизов: сравнение по конверсии, гибкости сценариев и интеграциям
Виктор
1
комментарий
0
читателей
Полный профиль
Виктор - Без сервиса FormDesigner.ru эта подборка будет не полной. Удивлен, почему вы его не включили в список?
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
393
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
142
Комментариев
130
Комментариев
121
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
66
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!