Привет нашим вебмастерам и партнерам! 👋
На лендинге на конверсию влияет каждый элемент, даже, казалось бы, такая мелочь, как текст на кнопке. Односложные шаблонные слова на кнопках CTA вроде "Заказать", "Купить", "Перейти" уже мало цепляют внимание.
В нашем сегодняшнем гайде мы расскажем, как сделать кнопку CTA более заметной и с какими фразами можно поэкспериментировать в рамках A/B-тестов.
Поехали! 🚀
Почему важна кнопка CTA
Обычно при подготовке лендинга тексту на кнопке уделяется мало внимания. Это происходит из-за того, что не всегда правильно понимаются потребности клиента. Но кнопка — важный элемент конверсии, одна из стадий воронки. Когда кнопка заметна и содержит не шаблонный текст — она сразу цепляет внимание.
Знакомясь с текстом на лендинге, клиент понимает для себя преимущества и выгоды. Логичным продолжением будет целевое действие, к которому подводит кнопка. CTA должен быть емким и сильным, если он не будет таковым, человеческий мозг не заметит его. Большинство отказов отправить контакты лида или заказать товар связаны с недостаточной мотивацией клиентов. Это происходит из-за заезженности кнопок.
Как сделать кнопку CTA более конверсионной
Рассмотрим рекомендации маркетологов и дизайнеров, которые помогут улучшить CTA-кнопку.
Использование триггерных слов
Одно из таких слов — "бесплатно". В оффере можно найти что-то бесплатное: доставку, пробники, консультацию. Если в фразе содержится это слово, например "получить с бесплатной доставкой", это может повысить кликабельность.
Дать пользу
Предоставление чего-то полезного, связанного с оффером, поможет собрать контакты. Они могут понадобится для ретаргетинга, email-маркетинга или других способов дальнейшей монетизации. Можно дать развернутую презентацию оффера, промо-материалы, подписку на новости.
Активный глагол
Текст на кнопке должен побуждать к действию, это достигается с помощью активных глаголов. Не всегда это глагол "закажите". Это может быть "узнайте цену", "рассчитайте объем курса лечения".
Бонусы и скидки
Тоже эффективный прием, как и слово "бесплатно". На кнопке с призывом можно поместить обещание скидки или напоминание о ней. Важное условие: скидка должна быть реальной! Например, "Заберите [название оффера] с 40% скидкой!", "Забронируйте скидку", "Забронируйте подарок".
Кнопка, предлагающая подарки
Лаконичный текст
Сама по себе кнопка не подразумевает большой объем текста. Покупатель считывает информацию за несколько секунд. Поэтому желательно, чтобы на кнопке было 2-5 слов. Остальные подробности могут быть описаны перед кнопкой.
Яркая кнопка
Чтобы понять, видна ли кнопка, различима ли глазу клиента, можно провести простой тест — удалиться от экрана на два шага и посмотреть, виден ли текст CTA. Важно соблюдать баланс, делать кнопку заметной, но при этом не слишком агрессивно-кричащего цвета, который может отвлечь от изучения оффера.
Кнопка CTA выделена красным, ее видно даже издалека
Объем и интерактивность
Дизайну кнопки можно придать объем, чтобы она выглядела максимально понятной и похожей на настоящую кнопку. Некоторые дизайнеры считают, что объемные кнопки не в тренде сейчас, но провести тесты всегда можно. Интерактивность подразумевает, что при наведении курсора мыши кнопка может увеличивать размер, менять цвет, переливаться, что повышает вовлеченность.
Относительно анимации у дизайнеров спорные мнения: с одной стороны, анимированная кнопка привлекает внимание. С другой стороны, может казаться агрессивной, отвлекать, мешать прочтению контента. Поэтому в каждом конкретном случае все решают тесты.
Объемная кнопка выглядит как настоящая
Кнопка — логичное продолжение рассказа об оффере
Текст на кнопке должен соотноситься с рассказом об оффере. Например, если это препарат, который снимает боль — можно использовать текст "Начни жизнь без боли", "Измени жизнь уже сейчас" или аналогичные варианты. Если в тексте говорится о выгодной цене оффера — на кнопке так и можно писать "Купи по выгодной цене".
Дедлайн
Боязнь упустить выгоду — еще один хороший триггер. Можно добавить ощущение срочности. Например "Заберите скидку 40% сегодня", "Закажите [название оффера] сейчас".
“Успейте купить” - пример кнопки с дедлайном
Одна, максимум две кнопки
Чем больше кнопок — тем больше будет путаться клиент. Тем более если много кнопок размещено на одном экране или на одной видимой его части. Можно поместить одну кнопку на самом первом экране и еще одну дополнительную — в конце, если клиент захочет поскроллить страницу, почитать и узнать побольше.
Варианты текстов на кнопок
Рассмотрим примеры, как можно составить текст для кнопки, какие варианты можно протестировать:
- Призыв — результат. Конечный результат — это не баночка с кремом, а здоровая кожа, не упаковка с таблетками, а стройная фигура. Призывом может стать эта конечная выгода: "Начните путь к стройной фигуре!".
- Хочу узнать. Эта модель для составления текста подходит для более сложных офферов, например курс лечения, приема препаратов, новые, пока не знакомые аудитории продукты: "Узнайте о [название оффера]", "Задайте вопросы о [название оффера]"
- Получение подборки. Модель хороша для воронок, где используется email-маркетинг. Например, на нутра-сайте, где клиент подписывается на рассылку, ему можно предложить подборку полезного контента с вшитыми ссылками на офферы.
- Бесплатный тест. Или тест за $1 — что актуально для Trial офферов. Кстати, в этом материале мы писали, почему стоит работать с моделью Trial и чем она хороша.
Это только примеры; вы можете придумать свои модели и формулы, проанализировав конкурентов. Ваша задача — сделать вау-эффект, чтобы выделиться на фоне безликих и шаблонных фраз.
Какие могут быть ошибки при разработке кнопки CTA
В этом разделе укажем типичные ошибки, из-за которых конверсий может не быть:
- Много текста — слов, фраз, предложений на кнопке.
- Шаблонный заезженный текст на кнопке.
- Кнопка сложной формы и дизайна, взглянув на которую, не сразу понятно, что это кнопка.
- Кнопка плохо просматривается, ее совсем не видно людям с ограниченными возможностями или дальтонизмом.
- Кнопка слишком большая и агрессивная.
- На кнопке больше 1 целевого действия — например, "заказать звонок и заполнить форму". Клиент в итоге теряется, что ему делать.
- Грамматические ошибки на кнопке, либо неактуальная информация. Например, ошибка в переводе или расхождение с тем, что написано на лендинге до кнопки.
По данным Yagla, если устранить эти наиболее частые ошибки, можно повысить конверсии в лид на 18%.
Слева - заезженные кнопки, справа - уже более оптимизированные примеры
Вывод
Кнопка CTA должна показывать ценность и выгоду для клиента, быть логически связанной по контексту с остальным содержимым лендинга. Важно избегать шаблонных фраз, не лениться проверять кнопки на лендинге на предмет типичных ошибок, проводить A/B-тестирование разных вариантов. Надеемся, наш гайд подсказал несколько идей и инсайтов, как сделать кнопки на своем лендинге более эффективными!
Ищете новые нутра-офферы? Мы в MetaCPA подготовили для вас классную свежую подборку!
Пишите в Телеграм Владимиру, Лине, Семену, они расскажут подробнее про конвертящие офферы и гео, подходящие под ваш источник!
Кнопка CTA выделена красным, ее видно даже издалека
