Mailmodo: создавайте интерактивные электронные письма с помощью AMP для повышения вовлеченности
Наши почтовые ящики переполнены ужасными электронными письмами… так что, если у вашего бизнеса обширная база подписчиков и вы действительно надеетесь увеличить число открываемых и кликабельных писем (CTR) на ступень выше, интерактивность имеет решающее значение. Одним из решений, которое набирает обороты, является использование технологии Accelerated Mobile Page в HTML Эл. адрес.
AMP для электронной почты
Возможность использовать технологию AMP для создания более динамичного и интерактивного содержимого электронной почты — это огромный шаг вперед в технологии электронной почты. AMP для электронной почты не то же самое, что обычный AMP для веб-сайтов, и существуют некоторые ограничения на то, что можно делать в электронной почте (например, видео и аудио в настоящее время не поддерживаются).
Поддержка AMP в электронной почте широко доступна не во всех почтовых клиентах, но поддерживается некоторыми основными почтовыми клиентами, такими как Gmail, Outlook.com Yahoo! Mail. Также важно отметить, что даже если почтовый клиент поддерживает AMP, он может быть не включен по умолчанию или может потребовать от получателя предпринять какие-либо действия для его включения.
AMP для электронной почты работает, предоставляя набор готовых компонентов, которые можно использовать для создания интерактивного и динамического содержимого электронной почты. Эти компоненты включают в себя такие вещи, как формы, викторины, карусели изображений и многое другое, и их можно использовать для создания привлекательных и интерактивных электронных писем, которые обеспечивают лучший пользовательский интерфейс для получателей.
Пример электронной почты AMP HTML
Вот пример письма AMP с формой подписки. Обратите внимание, что встроенные сценарии НЕ включаются при отправке этого электронного письма, они предназначены только для создания и тестирования решения за пределами вашей маркетинговой платформы электронной почты.
<!DOCTYPE html>
<html ⚡4email>
<head>
<meta charset="utf-8">
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<style amp4email>
.subscribe-form {
display: none;
}
</style>
</head>
<body>
<amp-img src="https://example.com/amp-header.jpg" alt="Header image"></amp-img>
<div amp4email>
<p>Please enable AMP for Email to view this content.</p>
</div>
<form method="post"
action-xhr="https://example.com/subscribe"
target="_top"
class="subscribe-form"
id="subscribe-form"
novalidate
[submit-error]="errorMessage.show"
[submit-success]="successMessage.hide">
<h2>Subscribe to our newsletter</h2>
<label>
Email:
<input type="email"
name="email"
required>
</label>
<div submit-success>
<template type="amp-mustache">
Success! Thank you for subscribing.
</template>
</div>
<div submit-error>
<template type="amp-mustache">
Error: {{message}}
</template>
</div>
<input type="submit" value="Subscribe">
</form>
<amp4email fallback="https://example.com/non-amp-email.html">
<p>View the non-AMP version of this email.</p>
</amp4email>
</body>
</html>В форме используется amp-form настраиваемый элемент для обработки отправки и проверки формы. Когда пользователь отправляет форму, данные формы отправляются на URL-адрес, указанный в action-xhr атрибут, который должен быть конечной точкой сервера, обрабатывающей отправку формы. в form тег, мы добавили novalidate атрибут, чтобы отключить проверку формы на стороне клиента, и мы использовали [] синтаксис для установки submit-success и submit-error шаблоны динамически. submit-success и submit-error разделы определяют шаблоны, которые отображаются пользователю, когда отправка формы завершается успешно или неудачно, соответственно.
Резервный HTML, когда нет поддержки AMP
Вы можете предоставить альтернативный контент пользователям, у которых не включен AMP или которые используют почтовый клиент, который его не поддерживает. Для этого можно использовать amp4email Атрибут, чтобы указать резервный URL-адрес, который указывает на не-AMP-версию электронной почты. В приведенном выше примере вы можете увидеть как тег стиля, который будет скрывать HTML-код AMP, если он не поддерживается, так и резервный URL-адрес, по которому можно получить и отобразить HTML-контент.
Mailmodo: электронный маркетинг и автоматизация AMP без кода
Mailmodo разработан, чтобы помочь вам использовать всю мощь AMP-рассылок для улучшения взаимодействия с пользователем с упрощенной настройкой маркетинга по электронной почте, чтобы вы могли увеличить вовлеченность и коэффициент конверсии… некоторые прямо из папки «Входящие»!
Особенности Mailmodo включают в себя:
- Простые и бесплатные электронные письма AMP – перетащите блоки AMP в WYSIWYG редактор для оформления писем. Вы можете персонализировать контент для каждого пользователя и даже загрузить свой собственный HTML-файл или другие фрагменты кода.
- Автоматизация электронной почты - Автоматизируйте последовательности капель на основе поведения пользователей и рыночных данных для отправки электронных писем. Визуальный конструктор путешествий, который поможет вам создавать карты путешествий пользователей с помощью перетаскивания. Анализируйте поведение пользователей и оптимизируйте последовательности капель и карты маршрутов.
- Высокая доставляемость – Отправляйте массовые электронные письма с помощью Mailmodo. SMTP или добавить собственную службу доставки. Интеграция с АМС СЭС, Sendgrid или Почтальон. Вы также можете получить управляемые и выделенные IP-адреса.
- Автоматический запуск транзакционных писем - Автоматически запускайте электронные письма по действиям пользователя, таким как регистрация, покупка или оставление корзины. Вы можете сегментировать пользователей на основе открытий, кликов и отправок. Mailmodo позволяет вам управлять и обновлять все ваши переходные электронные письма прямо на их платформе.
- Все отчеты на одной панели - Визуализируйте открытия, клики, отписки, отправки и A/B-тестирование строки темы с возможностью экспорта всех ваших данных в формате CSV.
Продуктивная интеграция с внешней электронной коммерцией, управление взаимоотношениями с клиентами (CRM), а также другие платформы… в том числе Shopify, Salesforce, MoEngage, Netcore, CleverTap, Pipedrive, WebEngageИ многое другое.
Зарегистрируйтесь в Mailmodo бесплатно!
Раскрытие информации: Martech Zone является аффилированным лицом Майлмодо и мы используем партнерские ссылки в этой статье.
