6 лучших практик для кнопки CTA для оптимизации ваших целевых страниц

Опубликовано: 2023-01-04

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

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

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

1. Напишите кнопку призыва к действию от первого лица

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

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

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

На этом изображении показан пример призыва к действию Blueland.

2. Найдите идеальный цвет кнопки CTA

Это бесконечные споры: какой цвет кнопки дает самый высокий коэффициент конверсии?

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

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

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

В этом примере показан пример кнопки призыва к действию Basecamp.

Поскольку не существует универсального «лучшего» цвета кнопки, лучший способ выяснить, какой цвет следует использовать на целевой странице, — это протестировать его.

3. Сделайте текст призыва к действию ориентированным на результат

Призывы к действию, которые начинаются с «Купить», «Заказать», «Нажать», «Зарегистрироваться» и т. д., по своей сути сосредоточены на том, с чем посетители веб-сайта должны расстаться — их деньги, их информация. Альтернативы, начинающиеся с «Получить», переориентируют сообщение на ответ на главный вопрос потенциальных клиентов: «Что в этом для меня?»

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

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

4. Используйте мощные слова

Люди часто бывают жадными, ленивыми и скупыми. Хотим мы это признать или нет, но большинство людей хотят быть богаче, красивее и здоровее — и мы хотим этого прямо сейчас, бесплатно. Важно помнить об этом при написании текста кнопки CTA.

Воззвание к лени:

  • Подчеркните слова, передающие быстрый результат, например: Сейчас, сегодня, быстро, быстро, легко, просто, без усилий.
  • Пример: «Прекрати мою борьбу с истощением сейчас»

Воззвание к жадности:

  • Что поможет вашему потенциальному клиенту стать нажатием этой кнопки CTA? Используйте слова, которые передают повышенный статус: богаче, умнее, лучше выглядит, счастливее, сильнее.
  • Пример: «Пришлите мне набор для белоснежной улыбки!»

Призыв к бережливости:

  • Используйте такие слова, как: бесплатно, доступно, бесплатно, недорого, по низкой цене.
  • Пример: «Покажите мне, как остановить выпадение волос бесплатно».

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

Какой CTA вы бы предпочли нажать?

5. Забудьте о «сгибе»

У вас есть готовая кнопка CTA — привлекательный текст, красивый цвет — и вы готовы разместить ее на своей целевой странице.

Но где?

Под заголовком? Рядом с формой? Над складкой?

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

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

По словам легендарного рекламщика Говарда Лака Госсейджа, «на самом деле все дело в том, что никто не читает рекламу. Люди читают то, что им интересно, и иногда это реклама».

6. Сделайте CTA похожим на настоящую кнопку

Как говорится, «если что-то похоже на утку, плавает как утка и крякает как утка, то, вероятно, это утка».
Но это не всегда так, когда дело доходит до кнопок призыва к действию.

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

В этом примере показан пример кнопки призыва к действию

Вот несколько советов, чтобы ваши кнопки всегда выглядели соответствующе:

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

Создайте кнопку CTA, которая лучше, чем когда-либо

Помните, что без правильно спроектированной кнопки ваш
целевая страница обречена на провал.

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

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