timer ~ 16 мин читать
97843 просмотры
оценить
09 ноября 2022

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

Stripo / Blog / Призыв к действию в письмах: лучшие практики

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

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

Выберите один из 1150+ готовых шаблонов писем и дополните их привлекательными CTA-кнопками
Просмотреть

1. Уделяйте пристальное внимание дизайну CTA-кнопок

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

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

Вот лучшие практики по созданию заметных CTA-кнопок.

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

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

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

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

Stripo _ Пример призыва к действию в письмах _ Цветная кнопка

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

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

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

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

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

Просто убедитесь, что они подходят к дизайну письма.

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

Лайфхак от Stripo:

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

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

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

  • после этого копия (дубликат) кнопки будет отображаться прямо под оригиналом;

Stripo _ Призыв к действию в письмах _ Копирование кнопок

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

Stripo _ Призыв к действию в письмах _ Движущиеся кнопки

  • готово!

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

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

  • добавьте в нее блок «Кнопка»;

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

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

Stripo _ Призыв к действию в письмах: лучшие практики _ Сохранение кнопок в виде модулей

  • при сохранении присвойте ему метку, которую вы всегда будете помнить;

  • готово.

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

Попробовать Stripo

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

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

Stripo _ Закругленный призыв к действию в письмах _ Затененная кнопка

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

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

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

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

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

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

Как его создать с помощью Stripo:

  • приступая к работе над письмами, пожалуйста, включите опцию «Подсвечивать по наведению»;

Включение подсвеченных кнопок

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

Работа над дизайном подсвеченной кнопки

  • теперь все кнопки, которые вы добавите, просто перетащив блок «Кнопка» в свой шаблон, будут наследовать стили, которые только что были использованы. Однако вы по-прежнему можете редактировать текст.

Попробовать Stripo

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

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

Stripo _ Примеры писем с призывом к действию _ Chubbies

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

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

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

Stripo _ Призыв к действию в email-маркетинге _ Дайджест

Скрывать ссылки под жирным текстом — самая распространенная практика для дайджестов. Данный пример призыва к действию в email-маркетинге от LinkedIn доказывает это.

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

  • Размещение кнопок поверх баннеров

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

Что необходимо сделать, если нужна такая же кнопка, как эта?

Stripo _ Примеры писем с призывом к действию _ Кнопки на баннерах от HillCity

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

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

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

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

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

Stripo _ Примеры писем с призывом к действию _ Переключение кнопки дополнительного изображения

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

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

Попробовать Stripo

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

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

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

Конечно, в этом случае необходимо отключить реальную кнопку «Воспроизвести» в редакторе.

Stripo _ Призыв к действию в email-маркетинге _ Анимированная кнопка воспроизведения

Не беспокойтесь о ссылках. Они будут работать :).

  • Добавление фальшивых кнопок переключения

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

Stripo _ Призыв к действию в email-маркетинге _ Фальшивая кнопка переключения

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

  • Добавление изображений к кнопкам

Вы когда-нибудь хотели украсить свои кнопки CTA картинками? Теперь это возможно. 

Stripo позволяет добавить как статичное, так и анимированное изображение.

(Источник: письмо от eSputnik)

Этот простой прием наверняка привлечет внимание ваших клиентов.

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

Как добавить иконки и изображения к CTA-кнопкам с помощью Stripo:

  • нажмите на нужную CTA-кнопку в шаблоне письма;

  • на боковой панели активируйте опцию «Кнопка с иконкой»;

Активация кнопки с помощью иконки

  • загрузите свою иконку/изображение;

  • выберите его выравнивание;

  • отредактируйте при необходимости;

  • вы даже можете задать внутренние отступы — расстояние между иконкой и вашей CTA-копией внутри кнопки.

Настройка отступов внутри кнопок

Важно отметить:

Эта опция не поддерживается приложениями Outlook.

Попробовать Stripo

Кстати говоря...

  • Надежные кнопки для Outlook

Почти 400 миллионов человек во всем мире пользуются этим почтовым клиентом — в основном он используется корпорациями и бизнесом для внутренней коммуникации.

Но иногда письма и их элементы могут выглядеть в Outlook искаженными. И кнопки здесь не исключение.

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

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

Крутая кнопка CTA в Outlook

(Outlook 2016, десктопное приложение)

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

  • войдите во вкладку «Кнопка»;

  • активируйте функцию «Поддержка Outlook»;

Поддержка Outlook _ Control

  • готово. Вы только что создали надежную кнопку для Outlook.

Попробовать Stripo

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

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

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

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

Stripo _ Пример призыва к действию в письмах _ Понятный CTA

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

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

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

Stripo _ Кнопка призыва к действию _ Использование местоимений от первого лица единственного числа

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

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

Stripo _ Призыв к действию в письмах: лучшая практики _ Вдохновляющий текст

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

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

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

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

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

  • Письма, отправляемые по событию

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

Stripo _ Призыв к действию _ Триггерное письмо

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

  • Письма с объявлением о запуске продукта

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

Stripo _ Призыв к действию в email-маркетинге _ Дублирование кнопок

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

Если вы считаете, что повторяться — не лучшая идея, то можете поступить так, как это сделали Email on Acid — дать похожие метки своим кнопкам.

  • Регулярные промо-письма

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

Stripo _ Призыв к действию в email-кампании _ Количество кнопок от Nike

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

Важно отметить:

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

4. Написание цепляющих тем писем с призывом к действию

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

Stripo _ Призыв к действию в темах писем _ Примеры броских тем писем

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

Добавьте фразы типа «сегодня» или «только на этой неделе вы можете получить этот товар со скидкой 25%» — они действительно работают. Мы все боимся упустить момент. Вы можете разместить их прямо в кнопках. А таймер обратного отсчета, размещенный под или над ней, окажет только положительное влияние на эти слова.

Stripo _ Примеры призыва к действию в письмах

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

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

Как добавить таймер обратного отсчета в письмо

Создать таймер

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

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

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

Stripo _ Призыв к действию в письмах _ Полноразмерные кнопки

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

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

После завершения подготовки письма вам необходимо:

  • кликнуть на вкладку «Оформление» в панели настроек;

Вход во вкладку Мобильный вид _ Работа с кнопкой

  • перейти в раздел «Адаптивность»;

  • переключить триггер «Кнопки на всю ширину»;

Stripo _ Призыв к действию _ Полноразмерные кнопки на мобильных устройствах

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

Размер текста кнопки _ Мобильный вид _ Stripo

Он будет применен ко всем кнопкам в вашем письме.

Попробовать Stripo

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

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

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

В завершение

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

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

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

  • Используйте жирный текст в качестве CTA-кнопок.

  • Размещайте кнопки поверх баннеров.

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

  • Добавляйте изображения к своим кнопкам.

  • Работайте над понятным и лаконичным текстом.

  • Пишите цепляющую тему письма.

  • Подталкивайте клиентов к немедленной покупке.

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

  • Тестируйте свои CTA-кнопки.

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

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

Для вашего удобства мы подготовили 1150+ адаптивных шаблонов HTML-писем. Среди них вы, несомненно, найдете те, которые с привлекательными кнопками больше всего отвечают вашим интересам.

Украсьте свои рассылки креативными кнопками CTA

Вас также может заинтересовать

Предыдущие статьи Следующие статьи
banner9
06 июня 2022 · 15 мин читать
ТОП-10 email-редакторов 2022 года

Все конструкторы email-шаблонов для вас на одно лицо? И вы затрудняетесь с выбором подходящего инструмента для своих кампаний, верно? Неудивительно, ведь их очень много. Мы сделаем обзор самых популярных конструкторов, чтобы выделить их отличительные особенности и помочь вам найти наилучший HTML-редактор шаблонов для ваших текущих потребностей. Я попробую создать одинаковый шаблон с одними и теми же медиафайлами во всех редакторах, чтобы увидеть, чем отличаются эти инструменты. Лучшие конструкторы email-шаблонов Для нашего обзора мы выбрали такие редакторы: Stripo, HubSpot, Campaign Monitor,...

Дизайн Маркетинг Шаблоны
best-fonts-for-email-cover-image-stripo
24 мая 2022 · 18 мин читать
Лучшие шрифты для рассылок: советы и хитрости

Одна из самых серьезных проблем при создании электронных писем — правильно выбрать шрифт. Вес, высота, ширина, цвет, форма, интервал… Все ли здесь имеет значение? Да, важно все, но самое главное — выбрать читабельный шрифт. В этой статье мы расскажем, как выбрать лучший профессиональный шрифт для рассылки. Создавайте элегантные письма с помощью Stripo в кратчайшие сроки, используя наши готовые шаблоны Ознакомиться   Шрифты HTML-писем: основные правила, которые нужно соблюдать При выборе оптимального шрифта следует учитывать три базовых правила: 1. Не используйте более двух шрифтов...

Дизайн Маркетинг
Greatest Examples of GIF animations in Emails_Cover Image
27 октября 2021 · 10 мин читать
Гиф-анимации в письмах: 16 лучших примеров

Гифки отлично будут смотреться в ваших письмах, если вы хотите продемонстрировать продукт, привлечь внимание пользователей к какому-либо элементу письма или же просто ненавязчиво украсить текст. В этой статье мы представили лучшие примеры гиф-анимаций в рассылках. Примеры GIF в письмах В этой подборке собраны лучшие примеры использования GIF в письмах, где каждая анимация выполняет свою миссию. 1. Adidas (Источник: рассылка от Adidas) Adidas использовал анимацию в письме, чтобы показать, в каком еще цвете доступен данный товар. Выглядит аккуратно и просто, но при этом...

Дизайн Маркетинг
08 апреля 2021 · 17 мин читать
Дизайн подписи в письмах: 14 лучших примеров

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

Дизайн Маркетинг Шаблоны
Будьте всегда в курсе последних новостей в области email-маркетинга!