Marketing par e-mail et automatisation

Mailmodo : créez des e-mails interactifs avec AMP pour augmenter l'engagement

Nos boîtes de réception débordent d'e-mails terribles… donc si votre entreprise a une base d'abonnés étendue et espère vraiment prendre vos e-mails ouverts et taux de clics (CTR) d'un cran, l'interactivité est essentielle. Une solution qui prend de l'ampleur est l'utilisation de la technologie Accelerated Mobile Page dans HTML email.

AMP pour Email

La possibilité d'utiliser la technologie AMP pour créer un contenu de messagerie plus dynamique et interactif est une avancée considérable dans la technologie de messagerie. AMP pour les e-mails n'est pas identique à l'AMP standard pour les sites Web, et il existe certaines restrictions sur ce qui peut être fait par e-mail (par exemple, la vidéo et l'audio ne sont actuellement pas pris en charge).

La prise en charge d'AMP dans les e-mails n'est pas largement disponible sur tous les clients de messagerie, mais elle est prise en charge par certains des principaux clients de messagerie tels que Gmail, Outlook.comet Yahoo! Mail. Il est également important de noter que même si un client de messagerie prend en charge AMP, il se peut qu'il ne soit pas activé par défaut ou que le destinataire doive prendre des mesures pour l'activer.

AMP for Email fonctionne en fournissant un ensemble de composants prédéfinis qui peuvent être utilisés pour créer un contenu de courrier électronique interactif et dynamique. Ces composants incluent des éléments tels que des formulaires, des quiz, des carrousels d'images, etc., et ils peuvent être utilisés pour créer des e-mails attrayants et interactifs qui offrent une meilleure expérience utilisateur aux destinataires.

Exemple d'e-mail HTML AMP

Voici un exemple d'e-mail AMP qui inclut un formulaire d'abonnement. Notez que les intégrations de script ne sont PAS incluses lors de l'envoi de cet e-mail, c'est juste pour créer et tester la solution en dehors de votre plateforme de marketing par e-mail.

<!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>

Le formulaire utilise le amp-form élément personnalisé pour gérer la soumission et la validation du formulaire. Lorsque l'utilisateur soumet le formulaire, les données du formulaire sont envoyées à l'URL spécifiée dans le action-xhr , qui doit être un point de terminaison de serveur qui gère la soumission du formulaire. Dans le form tag, nous avons ajouté le novalidate pour désactiver la validation du formulaire côté client, et nous avons utilisé l'attribut [] syntaxe pour définir le submit-success et submit-error modèles dynamiquement. Le submit-success et submit-error Les sections définissent les modèles qui sont affichés à l'utilisateur lorsque la soumission du formulaire réussit ou échoue, respectivement.

HTML de secours lorsqu'il n'y a PAS de prise en charge AMP

Vous pouvez fournir un contenu alternatif aux utilisateurs qui n'ont pas activé AMP ou qui utilisent un client de messagerie qui ne le prend pas en charge. Pour ce faire, vous pouvez utiliser le amp4email attribut pour spécifier une URL de secours qui pointe vers une version non-AMP de l'e-mail. Dans l'exemple ci-dessus, vous pouvez voir à la fois une balise de style qui masquera le HTML AMP s'il n'est pas pris en charge, ainsi qu'une URL de secours où le contenu HTML peut être récupéré et affiché.

Mailmodo : marketing et automatisation par e-mail AMP sans code

Mailmodo est conçu pour vous aider à tirer parti de la puissance des e-mails AMP pour créer une meilleure expérience utilisateur avec une configuration de marketing par e-mail simplifiée afin que vous puissiez augmenter les taux d'engagement et de conversion… certains directement depuis la boîte de réception !

Les fonctionnalités de Mailmodo incluent :

  • E-mails AMP gratuits et faciles à coder – faites glisser et déposez des blocs AMP dans un WYSIWYG éditeur pour concevoir des e-mails. Vous pouvez personnaliser le contenu pour chaque utilisateur et même télécharger votre propre fichier HTML ou d'autres extraits de code.
  • Email Automation – Automatisez les séquences de goutte à goutte en fonction du comportement des utilisateurs et des données du marché pour envoyer des e-mails. Générateur de parcours visuel pour vous aider à concevoir des cartes de parcours utilisateur par glisser-déposer. Analysez le comportement des utilisateurs et optimisez les séquences de goutte à goutte et les cartes de trajet.
  • Haute délivrabilité – Envoyez des e-mails en masse avec Mailmodo SMTP ou ajoutez votre propre service de livraison. Intégrations avec
    AWS SES, Sendgridou Pépiposte. Vous pouvez également obtenir des adresses IP gérées et dédiées.
  • Déclenchement automatique des e-mails transactionnels - Déclenchez automatiquement les e-mails par une action de l'utilisateur comme l'inscription, l'achat ou l'abandon du panier. Vous pouvez segmenter les utilisateurs en fonction des ouvertures, des clics et des soumissions. Mailmodo vous permet de gérer et de mettre à jour tous vos e-mails de transition directement sur leur plateforme.
  • Tous les rapports sur un seul tableau de bord – visualisez les ouvertures, les clics, les désinscriptions, les soumissions et les tests A/B de la ligne d'objet, avec la possibilité d'exporter toutes vos données au format CSV.

Intégrations productisées avec e-commerce externe, gestion de la relation client (CRM), et d'autres plates-formes sont également disponibles… y compris Shopify, Salesforce, MoEngage, noyau net, CleverTap, Pipedrive, WebEngageet plus encore.

Inscrivez-vous gratuitement à Mailmodo !

Divulgation: Martech Zone est une filiale de Mailmodo et nous utilisons des liens d'affiliation tout au long de cet article.

Douglas Karr

Douglas Karr est le directeur marketing de OuvrirINSIGHTS et le fondateur de la Martech Zone. Douglas a aidé des dizaines de startups MarTech à succès, a contribué à la due diligence de plus de 5 milliards de dollars d'acquisitions et d'investissements MarTech, et continue d'aider les entreprises à mettre en œuvre et à automatiser leurs stratégies de vente et de marketing. Douglas est un expert et conférencier de renommée internationale en matière de transformation numérique et de MarTech. Douglas est également l'auteur d'un guide pour les nuls et d'un livre sur le leadership d'entreprise.

Articles Relatifs

Retour à bouton en haut
Fermer

Adblock détecté

Martech Zone est en mesure de vous fournir ce contenu gratuitement car nous monétisons notre site grâce aux revenus publicitaires, aux liens d'affiliation et aux parrainages. Nous vous serions reconnaissants de supprimer votre bloqueur de publicités lorsque vous consultez notre site.