Global Accessibility Awareness Day 2026. Discover how to make your emails work for every subscriber.
Global Accessibility Awareness Day 2026.
Table of contents
  1. 1. Поработайте над дизайном кнопки CTA
  2. 2. Пишите убедительный и вдохновляющий текст для ваших кнопок
  3. 3. Сколько кнопок призыва к действию добавлять в email
  4. 4. Пишите броские, мотивирующие к действию темы писем
  5. 5. Призывайте клиентов покупать немедленно
  6. 6. Оптимизируйте кнопки для мобильных устройств
  7. 7. Тестирование кнопок CTA
  8. В завершение
16 April 2020

Призывы к действию в рассылках: лучшие советы

Author
Анна Кузнецова
Анна Кузнецова Главный редактор Stripo
Picture-for-the-blog
Table of contents
1.
1. Поработайте над дизайном кнопки CTA

Основная цель любой email-маркетинговой кампании – убедить клиентов купить ваши товары; другими словами — мотивировать людей делать то, что хотите вы и что нужно им. Вы можете достичь своей цели с помощью слов призыва к действию (CTA, Call to Action) в своих рассылках.

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

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

Мы покопались в интернете, прочли ряд исследований, проведенных известными ESP, проанализировали полученную информацию и теперь хотели бы поделиться нашим списком лучших рекомендаций по кнопкам CTA в email.

1. Поработайте над дизайном кнопки CTA

Дизайн – это отправная точка процесса создания кнопки с призывом к действию. 

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

Вот лучшие советы, как сделать ваши кнопки CTA заметными.

  • Выбирайте правильный цвет кнопки

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

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

Если же email богат красками, можете применять контрастные, но при этом яркие и гармоничные цвета.

Stripo_Email-Call-to-Action-Example_Colorful-Button

Чтобы выбрать нужный цвет, который идеально подойдет к вашему письму, используйте Paletton или любой другой инструмент, который помогает выбирать цвета.

  • Выбирайте правильную формы

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

Stripo_Call-to-Action-Email-Examples_Product-Launch-Announcement-Emails.

Только убедитесь, что они сочетаются с вашим дизайном.

Я тоже так хочу!

Используйте кнопки одинаковой формы для всего письма и всех кампаний.

Я тоже так хочу!

  • Кнопки с тенями

Кнопки с тенями выглядят как трехмерные. Их редко можно встретить. Неудивительно, что они привлекают внимание читателей.

Stripo_Email-Rounded-Call-to-Action_Shaded-Button

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

Цвет границы должен быть темнее основного цвета.

  • CSS-анимированные кнопки

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

Обычно она либо меняет цвет элемента, либо просто добавляет оттенки.

CSS-анимированные кнопки – наиболее распространенный способ использования эффекта наведения курсора.

Stripo_Call-to-Action-Email-Examples_CSS-Animated-Button

Вы можете создать его с помощью стороннего редактора кода и встроить в свой шаблон — или же легко сделать все с помощью Stripo:

  • создайте свою кнопку, включая ссылки, имена и т.д.;

  • задайте цвет кнопки;

  • после того, как вы задали цвет кнопки, он будет автоматически применен к цвету кнопки при наведении (последний – цвет вашей кнопки при анимации). Если вы оставите все в таком виде, то ваша кнопка не будет анимирована;

  • задайте/измените цвет кнопки при наведении, чтобы анимировать кнопку.

Stripo-How-to-Make-an-Intractive-Email

Вы можете выбрать контрастные цвета или другие оттенки одного цвета (как показано в примере выше).

  • Используйте стрелки вместо кнопок

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

Stripo_Call-to-Action-Email-Examples_Chubbies

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

  • Жирный текст в качестве кнопок CTA в email-дайджестах

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

Stripo_Email-Marketing-Call-to-Action_Digest

Оформление ссылок в виде жирного шрифта – наиболее распространенная практика. Пример призыва к действию от LinkedIn подтверждает это.

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

  • Добавляйте кнопки поверх баннера

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

Что вам нужно сделать, если вы хотите такую ​​кнопку?

Stripo_Call-to-Action-Email-Examples_Buttons-over-Banners_by-HillCity

Можно создать его с помощью Photoshop или любого другого фоторедактора. Или сделать такой баннер в Stripo:

  • сделайте свой баннер;

  • загрузите изображение баннера;

  • затем напишите текст поверх этого изображения;

  • включите кнопку “дополнительное изображение”, как показано ниже, чтобы загрузить предварительно подготовленное изображение кнопки.

Additional Image_Ru

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

Forbes Travel Guide использует такие кнопки во всех кампаниях.

Я тоже так хочу!

  • Используйте GIF-анимации

Эта кнопка призыва к действию, безусловно, не останется незамеченной. Конечно, если пользователи проскроллят email до этой части. Подходящее решение для блоков видео.

Stripo-How-to-Embed-Video-in-Emails-Animated-Button

Как вы уже знаете, вы можете загружать свои мини-изображения для видео в письме . И Stripo поместит кнопку CTA поверх этого изображения. Если хотите, вы можете использовать миниатюру изображения с анимированной “имитацией” кнопки Youtube поверх нее.

Конечно, в этом случае вы должны отключить настоящую кнопку воспроизведения в редакторе.

Setting Custom Image and Neutral PlayButton to Videos_Ru

Вам не нужно беспокоиться о ссылках. Они будут работать :)

  • Добавьте имитацию переключателей

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

Stripo_Email-Marketing-Call-to-Action_Fake-Toggle-Button

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

2. Пишите убедительный и вдохновляющий текст для ваших кнопок

Идеальный CTA побуждает клиентов принять единственно верное, на ваш взгляд, решение.

  • Убедитесь, что ваш текст четкий и лаконичный

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

Stripo_Email-Call-to-Action-Example_Clear-CTA

Текст кнопки должен быть прежде всего понятным – а также цепляющим.

  • Используйте местоимения в первом лице единственного числа

Ваша кнопка CTA может говорить простое “купи это”. Но если вы используете “Да, я хочу это” или “Я хочу добавить этот товар в свою корзину”, кликабельность увеличивается. Согласитесь, нет слов приятнее, чем “Я”, “Мой” и “Меня». Эти простые местоимения сразу же привлекают наше внимание. Не стесняйтесь использовать их в своей кампании. Статистика говорит, что у сообщений такого типа кликабельность повышается до 90%. Доказано известными брендами и многочисленными исследованиями: это лучшие слова призыва к действию!

Stripo_Call-to-Action-Button_Using-the-First-Person-Singular-Pronouns

  • Сделайте текст вдохновляющим и мотивирующим

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

Stripo_Email-Call-to-Action-Best-Practice_Aspiring-Copy

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

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

На этот вопрос нет однозначно правильного ответа, так как все зависит от многих факторов:

Цель вашей рассылки, длина письма и его тип.

  • Триггерные письма

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

Stripo_Call-to-Action_Triggered-Email.

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

  • Анонсы начала продаж

Если вы рекламируете в своих рассылках новое устройство или анонсируете событие – сфокусируйте свой маркетинговый призыв именно на нем. Добавьте только одну кнопку CTA с одним четким месседжем.

Stripo_Email-Marketing-Call-to-Action_Duplicate-Buttons

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

Если вы считаете, что самоповтор — так себе идея, вы можете сделать так, как поступили Email on Acid – аналогичные значки для кнопок.

  • Обычные промо-рассылки

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

Stripo_Call-to-Action-in-Email-Campign_Number-of-Buttons-by-Nike

Вы должны убедиться, что получатели легко догадаются, к какому элементу относится та или иная кнопка.

Лайфхак от Stripo:

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

Способ 1 – для дальнейшего использования в конкретной кампании:

Stripo_Email-Call-to-Action_Automation_Dragging-Button

  • когда ваша кнопка будет готова, скопируйте ее;

  • когда вы это сделаете, вы увидите копию (дубликат) вашей кнопки прямо под оригиналом;

Copying Email Elements_Ru

  • переместите ее в нужный модуль;

Moving Email Elements_ru

  • готово!

Способ 2 – для дальнейшего использования во всех кампаниях:

Stripo_Email-Call-to-Action_Automation_Best-Practices_Copying-and-Dragging-Buttons

  • перетащите структуру с 1 колонкой в ваш шаблон;

  • добавьте в него блок “Кнопка”;

  • создайте кнопку призыва к действию;

  • сохраните ее как модуль;

Saving Modules to Library_ru

  • при сохранении присвойте ей имя, которое вы непременно запомните;

  • готово.

При создании будущих кампаний вы можете перетаскивать этот модуль в свои шаблоны.

Зарегистрироваться в Stripo

4. Пишите броские, мотивирующие к действию темы писем

Придумайте интересный и цепляющий заголовок для своей кампании. Люди получают в среднем 20 рассылок в день. И вам нужно хорошо постараться, чтобы они хотя бы открыли ваш email. Делайте темы писем необычными, впечатляющими, четкими и интригующими. Они могут не раскрывать настоящее содержимое письма, а просто быть косвенно связанными с ним.

Stripo_Call-to-Action-Email-Subject-Lines_Examples-of-the-Very-Subject-Lines

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

Используйте фразы в духе “сегодня” или “только на этой неделе вы можете купить это со скидкой 25%” - они действительно работают. Мы все боимся что-то пропустить. Вы можете добавить их прямо в кнопки. А таймер обратного отсчета, расположенный чуть ниже или выше, только добавит этим словам эффективности.

Stripo_Email-Call-to-Action-Examples

Таймеры обратного отсчета в письме способны повысить конверсию на 9%. Разместите его рядом с вашим выгодным предложением вместе с кнопкой CTA.

6. Оптимизируйте кнопки для мобильных устройств

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

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

Stripo_Email-Call-to-Action_Full-Width-Buttons

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

Как сделать кнопки во всю ширину экрана с помощью Stripo

Когда ваш email готов, вам нужно:

  • кликнуть “Настройки отображения” на панели настроек;

General Settings_Mobile View_Ru

  • перейти в раздел “Просмотр на мобильных»;

  • включить “Кнопки в полную ширину экрана”.

Full-Width Button_Mobile View_Ru

Настройка будет применена ко всем кнопкам в вашем шаблоне.

7. Тестирование кнопок CTA

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

Именно поэтому мы настоятельно рекомендуем вам измерить ваш CTOR и даже провести A/B тесты.

В завершение

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

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

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

Для вашего удобства мы подготовили 300 адаптивных HTML-шаблонов. Конечно, среди них вы найдете такие, которые наилучшим образом подходят для ваших целей — и, конечно, в них будут замечательные кнопки.

Зарегистрироваться

Was this article helpful?
Tell us your thoughts
Thanks for your feedback!
11 comments
Karina
Karina 3 года назад
вввввввв
Karyna Piak
Karyna Piak 5 лет назад
rfzsjrtjutjrsj
Karina
Karina 5 лет назад
3 Kommentare Karina
Karyna Piak
Karyna Piak 5 лет назад
rtjrtjrtj
Karyna Piak
Karyna Piak 5 лет назад
trjrtjrtj
Karina
Karina 5 лет назад
3 Kommentare Karina
Karina
Karina 5 лет назад
3 Kommentare Karina
Karyna Piak
Karyna Piak 5 лет назад
sdgsdgsgs
19350febc3
Igor Ilyev 4 года назад
мывмымы выиы ммммммммммммммммммм мммммммммммммммм ммммммммммммммм
Karyna Piak
Karyna Piak 5 лет назад
tests
Karyna Piak
Karyna Piak 5 лет назад
dsgsdgsdggds
Редактор Stripo
Упростите процесс создания писем.
Плагин Stripo
Интегрируйте Drag-n-Drop редактор Stripo в свое веб-приложение.
Заказать шаблон
Наша команда может разработать и сверстать его для вас. Просто заполните бриф, и мы свяжемся с вами в ближайшее время.

Редактор Stripo

Для команд специалистов по email-маркетингу и индивидуальных разработчиков писем.

Плагин Stripo

Для продуктов, которые могут эффективно использовать интегрированный white label конструктор писем.