Mailmodo: crea correos electrónicos interactivos con AMP para aumentar o compromiso
As nosas caixas de entrada están cheas de correos electrónicos terribles... polo que se a túa empresa ten unha ampla base de subscritores e realmente espera abrir o teu correo electrónico e as taxas de clics (CTR), a interactividade é fundamental. Unha solución que está creando impulso é o uso da tecnoloxía Accelerated Mobile Page HTML correo electrónico.
AMP para correo electrónico
A capacidade de usar a tecnoloxía AMP para crear contido de correo electrónico máis dinámico e interactivo é un gran avance na tecnoloxía de correo electrónico. AMP para correo electrónico non é o mesmo que AMP normal para sitios web, e hai algunhas restricións sobre o que se pode facer no correo electrónico (por exemplo, o vídeo e o audio non son compatibles actualmente).
O soporte AMP no correo electrónico non está dispoñible en todos os clientes de correo electrónico, pero é compatible con algúns dos principais clientes de correo electrónico, como Gmail, Outlook.come Yahoo! Correo. Tamén é importante ter en conta que aínda que un cliente de correo electrónico admita AMP, é posible que non estea activado de forma predeterminada ou que requira que o destinatario realice algunha acción para activalo.
AMP for Email funciona proporcionando un conxunto de compoñentes predefinidos que se poden usar para crear contido de correo electrónico interactivo e dinámico. Estes compoñentes inclúen elementos como formularios, cuestionarios, carrusel de imaxes e moito máis, e pódense usar para crear correos electrónicos atractivos e interactivos que proporcionan unha mellor experiencia de usuario aos destinatarios.
Exemplo de correo electrónico AMP HTML
Aquí tes un exemplo de correo electrónico AMP que inclúe un formulario de subscrición. Teña en conta que as insercións do script NON se inclúen ao enviar este correo electrónico, é só para construír e probar a solución fóra da súa plataforma de marketing por correo electrónico.
<!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>O formulario usa o amp-form elemento personalizado para xestionar o envío e validación de formularios. Cando o usuario envía o formulario, os datos do formulario envíanse ao URL especificado no formulario action-xhr atributo, que debería ser un punto final do servidor que xestiona o envío do formulario. No form etiqueta, engadimos o novalidate atributo para desactivar a validación do formulario no lado do cliente, e usamos o [] sintaxe para configurar submit-success submit-error modelos de forma dinámica. O submit-success submit-error As seccións definen modelos que se mostran ao usuario cando o envío do formulario se realiza correctamente ou non, respectivamente.
HTML alternativo cando NON hai compatibilidade con AMP
Podes ofrecer contido alternativo aos usuarios que non teñan AMP activado ou que utilicen un cliente de correo electrónico que non o admita. Para iso, pode utilizar o amp4email atributo para especificar un URL alternativo que apunta a unha versión do correo electrónico non AMP. No exemplo anterior, podes ver tanto unha etiqueta de estilo que ocultará o HTML AMP se non é compatible, como un URL alternativo onde se pode recuperar e mostrar contido HTML.
Mailmodo: Marketing e automatización por correo electrónico AMP sen código
Mailmodo está deseñado para axudarche a aproveitar o poder dos correos electrónicos AMP para crear unha mellor experiencia de usuario cunha configuración simplificada de marketing por correo electrónico para que poidas aumentar as taxas de participación e conversión... algunhas directamente desde a caixa de entrada.
As características de Mailmodo inclúen:
- Correo electrónico AMP sinxelo e gratuíto para codificar - arrastrar e soltar bloques AMP nun WYSIWYG editor para deseñar correos electrónicos. Podes personalizar o contido para cada usuario e mesmo cargar o teu propio ficheiro HTML ou outros fragmentos de código.
- Automatización de correo electrónico – Automatiza as secuencias de goteo en función do comportamento do usuario e dos datos do mercado para enviar correos electrónicos. Creador de viaxes visual para axudarche a deseñar mapas de viaxes dos usuarios con arrastrar e soltar. Analiza o comportamento dos usuarios e optimiza as secuencias de goteo e os mapas de viaxe.
- Alta entregabilidade – Envía correos electrónicos masivos con Mailmodo SMTP ou engade o teu propio servizo de entrega. Integracións con AWS SES, sendgridou pepipost. Tamén podes obter IPs xestionadas e dedicadas.
- Activación automática de correos electrónicos transaccionais - Activar correos electrónicos automaticamente mediante accións do usuario, como o rexistro, a compra ou o abandono do carro. Podes segmentar os usuarios en función de aperturas, clics e envíos. Mailmodo permíteche xestionar e actualizar todos os teus correos electrónicos de transición directamente na súa plataforma.
- Todos os informes nun único panel - Visualiza as aperturas, os clics, as baixas de subscrición, os envíos e as probas A/B da liña de asunto, coa posibilidade de exportar todos os teus datos en formato CSV.
Integracións producidas con comercio electrónico externo, xestión da relación con clientes (CRM), e outras plataformas tamén están dispoñibles... incluíndo Shopify, Salesforce, MoEngage, núcleo neto, CleverTap, Pipedrive, WebEngageE moito máis.
Rexístrese en Mailmodo de balde!
Divulgación: Martech Zone é afiliado a Mailmodo e estamos usando ligazóns de afiliados ao longo deste artigo.
