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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Лайфхак от Stripo:

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

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

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

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

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

• готово!

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

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

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

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

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

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

• готово.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В завершение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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