examples-of-interactive-content-in-emails
31 mai 2023

8 Exemples de contenu interactif dans des e-mails

Créer des modèles d'e-mails interactifs
Table des matières
  1. Types et utilisation de l’interactivité dans des e-mails
  2. 1. Boutons animés par CSS
  3. 2. Cote étoiles
  4. 3. Des sondages à questions multiples imbriqués
  5. 4. Effet de survol d’image dans les e-mails
  6. 5.Carrousels d’images dans les e-mails
  7. 6. Accordéon
  8. 7. Vidéos incorporées dans les e-mails
  9. Téléverser une vidéo MP4
  10. 8. Liens d’ancrage
  11. Mot de la fin
1.
Types et utilisation de l’interactivité dans des e-mails

Les e-mails interactifs sont parmi les plus importantes tendances de design dans le marketing par e-mail ces dernières années.

Mais maintenant que l’AMP pour e-mails de Google est largement discuté, nous avons presque totalement oublié que ce n’est pas la seule façon de créer des e-mails interactifs.

Dans ce guide, nous vous montrerons comment incorporer les éléments interactifs les plus populaires dans vos e-mails avec Stripo.

La bonne chose est que vous pouvez créer tous ces e-mails dans Stripo ou simplement personnaliser l’un de nos modèles d’e-mails interactifs déjà prêts.

Nous avons préparé 15 modèles d’e-mails interactifs pour votre commodité
Voir

Types et utilisation de l’interactivité dans des e-mails

Les éléments interactifs que nous allons vous présenter ici s’affichent parfaitement bien dans les principaux clients e-mail. Dans le cas où un client e-mail ne peut gérer l’interactivité, le contenu interactif est remplacé par un contenu de rechange, totalement fonctionnel :

  1. Boutons animés par CSS pour les e-mails promotionnels ;

  2. Cotation par étoiles pour permettre à vos usagers d’évaluer vos services sans sortir de l’e-mail ;

  3. Questionnaires imbriqués pour des sondages et permettre à vos usagers de répondre aux questions directement dans les e-mails ;

  4. Carrousel d’images pour afficher quelques produits sur un écran dans les e-mails promotionnels ;

  5. Effet de survol d’images pour afficher des produits de différents angles et leurs caractéristiques dans les e-mails promotionnels ;

  6. Des accordéons pour tous les types de campagnes pour rendre les e-mails interactifs plus compacts ;

  7. Des vidéos imbriquées pour mieux présenter votre nouveau produit, pour offrir vos meilleurs vœux à vos clients pour les fêtes ou pour expliquer aux nouveaux comment utiliser votre outil ;

  8. Des liens pour amener les usagers directement à la partie de l’e-mail qui les intéresse le plus.

Nous n’avons pas mentionné les minuteurs, la personnalisation et d’autres éléments qui aident à garder nos abonnés informés des dernières nouvelles d’Instagram et des graphiques intégrés, car ils sont des éléments de contenu contextuel des e-mails. Le contenu est dynamique, mais les changements sont faits automatiquement — pas besoin d’interaction.

Nous vous montrerons comment créer un e-mail interactif et puis nous testerons chacun d’eux.

Important de noter :

Tout le monde sait que Email on Acid et Litmus sont les meilleurs outils pour tester les e-mails. Mais ils ne nous aideront pas énormément cette fois-ci, car ils ne fournissent que des captures d’écran. Cependant, il est toujours utile de les utiliser, car ils indiquent si les blocs ont été supprimés ou non.

La seule solution pour voir si un carrousel, par exemple, fonctionne ou si les destinataires ne voient qu’une image statique, consiste à tester votre courrier électronique interactif en l’envoyant à tous les clients de messagerie avec lesquels vous et vos amis/collègues possédez un compte, à tous les postes de travail et de bureau possibles. Plus vous testez de configuration, le meilleur c’est.

1. Boutons animés par CSS

Boutons animés par CSS. Nous utilisons tous des boutons CTA dans les e-mails. Pourquoi ne pas en animer un lorsque les destinataires y font un survol ou un clic dessus ? Cela attire leur attention, ajoute une nuance de jeu et vous aide à respecter le design de votre marque si les boutons de votre site Web sont animés en CSS.

Bouton animé CSS _ Invitation au webinaire Stripo _ Éléments d'e-mail interactifs

(Source : Courriel de Stipo)

Auparavant, nos usagers devaient utiliser un élément de code CSS via l’éditeur de code HTML pour animer des boutons, ce qui n’était pas facile.

Le 15 avril, nous avons lancé une nouvelle fonction — Boutons interactifs, qui changent de couleur lorsque vous placez le curseur de souris dessus.

Comment c’est fait :

  • Glissez un bloc de bouton de base dans le modèle de e-mail HTML sur lequel vous travaillez;

Bouton animé par CSS _ Fonctionnalités interactives

  • Cliquez sur le bloc de bouton dans votre modèle pour activer le panneau de configuration ;
  • Définissez le style de texte, comme la police, son type et sa taille ;
  • Définissez la couleur du bouton, et de la police ;

Comment créer un e-mail avec Stripo _ Définir les couleurs du bouton

  • Complété.

Dans cette capture d’écran, l’item « Couleur des boutons » indique la couleur primaire, et «Couleur du bouton en surbrillance» est pour la couleur que vos usagers verront en plaçant leur souris sur le bouton, et «Couleur de la police» identifie la couleur de la police. Si vous ne voulez pas avoir l’effet de survol, appliquez simplement la même couleur aux deux premiers items.

Il est temps d'appliquer un effet de survol à vos boutons et d'ajouter du plaisir aux e-mails
Rejoindre Stripo

2. Cote étoiles

Ce n’est pas un secret qu’un achat d’un client devrait être suivi par un e-mail d’invitation à un sondage.

Il y a quelques types de sondages. Mais la cote par étoiles est le plus simple pour les usagers, car ils n’ont pas à aller nulle part — ils cotent vos services directement dans l’e-mail.

Idées de newsletter interactives _ Classement par étoiles dans les e-mails

Les clients cotent votre produit/outil/service. Bien sûr, vous et votre ESP devez préparer les pages « Merci ». Elles peuvent être très courtes. Le but principal de ces pages est seulement d’informer les clients que vous avez reçu leurs réponses.

Vous pouvez aussi créer deux pages « Merci ». Une pour ceux qui vous donnent une cote de 4 ou 5 étoiles — remerciant simplement les usagers. Et une autre page pour ceux qui vous donnent moins de 4 étoiles — ici vous pourriez ajouter un lien vers un formulaire de Google où vous demandez à vos usagers pourquoi ils n’aiment pas votre outil, ou leur dire que vous êtes désolé qu’ils ne soient pas satisfaits. Assurez-vous de les contacter rapidement pour connaître la raison.

Un bon ESP doit vous fournir un rapport détaillé sur le nombre de fois que chaque image a été cliquée.

La façon de le faire :

Le processus se fait en trois étapes :

Étape 1. Incorporez le code.

  • Glissez une structure d’une colonne dans votre modèle ;

  • puis glissez-y un bloc HTML ;

  • faites un clic gauche sur ce bloc dans votre modèle pour l’ouvrir ;

Cliquez sur le bloc HTML dans le modèle pour l'ouvrir _ Courriel HTML interactif

  • Retirez le contenu du bloc et collez-y le code donné ci-dessous.
<style>
    .rating {
        display: inline-block;
    }
    .rating td {
        background: #DDDDDD;
    }
    .rating td:hover,
    .rating td:hover~td {
        background: #FFE173 !important;
    }
    .rating td a:active,
    .rating td a:focus,
    .rating td a:visited {
        background: #FDB140;
        display: inline-block;
    }
    .rating td:active~td {
        background: #FFCF20;
    }
</style>
<table class="rating es-table-not-adapt" dir="rtl">
    <tbody>
        <tr>
            <td><a href="https://secure.esputnik.com/7nq4mBLee8s" class="esd-frame-element esd-hover-element esdev-disable-select"><img width="42" height="42" src="https://kvlya.stripocdn.email/content/guids/CABINET_6ca2ce0f0df1dc995059ef62e794b713/images/37641586443918323.png" alt></a></td>
            <td><a href="https://secure.esputnik.com/7nq4mBLee8s" class="esd-frame-element esd-hover-element esdev-disable-select"><img width="42" height="42" src="https://kvlya.stripocdn.email/content/guids/CABINET_6ca2ce0f0df1dc995059ef62e794b713/images/37641586443918323.png" alt></a></td>
            <td><a href="https://secure.esputnik.com/7nq4mBLee8s" class="esd-frame-element esd-hover-element esdev-disable-select"><img width="42" height="42" src="https://kvlya.stripocdn.email/content/guids/CABINET_6ca2ce0f0df1dc995059ef62e794b713/images/37641586443918323.png" alt></a></td>
            <td><a href="https://esputnik.com" class="esd-frame-element esd-hover-element esdev-disable-select"><img width="42" height="42" src="https://kvlya.stripocdn.email/content/guids/CABINET_6ca2ce0f0df1dc995059ef62e794b713/images/37641586443918323.png" alt="https://secure.esputnik.com/7nqE9Vq2mes" title="https://secure.esputnik.com/7nqE9Vq2mes"></a></td>
            <td><a href="https://esputnik.com" class="esd-frame-element esd-hover-element esdev-disable-select"><img width="42" height="42" src="https://kvlya.stripocdn.email/content/guids/CABINET_6ca2ce0f0df1dc995059ef62e794b713/images/37641586443918323.png" alt="https://secure.esputnik.com/7nqE9Vq2mes" title="https://secure.esputnik.com/7nqE9Vq2mes"></a></td>
        </tr>
    </tbody>
</table>

Ce code a été écrit par notre designer de produit, Roman Burdyga.

Étape 2. Remplacer les liens vers une page « Merci ».

Vous vous rappelez que nous avons dit que vous devrez créer des pages « Merci » ? Nous devons donc ajouter leurs liens dans notre code.

Remplacez le lien souligné dans le code avec le lien vers votre page « Merci ».

Les lignes 1 et 2 représentent les 5 et 4 étoiles, donc vous devez y coller l’adresse de la page où vous remerciez simplement vos clients pour leur cote.

Les lignes 3 à 5 sont les étoiles 3, 2 et 1. Ici, vous devriez coller le lient vers la page où vous vous excusez à vos usagers et leur laissez savoir que votre service à la clientèle les contactera sous peu.

Remplacement des liens dans le code _ Contenu interactif dans les e-mails

Étape 3. Aligner la cote.

Pour centrer la cote, vous devez :

  • ouvrir le code de la structure avec la cote. Pour ce faire, faites un clic gauche sur l’indication « Structure » dans l’e-mail, puis cliquez sur l’icône « éditeur de code » se trouvant au-dessus de votre modèle ;

Travailler sur le code de l'e-mail HTML interactif _ Stripo

  • Collez le code donné ci-dessous dans la base contenant « td class="esd-block-html », tout juste au-dessus du code que vous avez inséré à l’étape précédente

align="center"

Newsletters interactives _ Center Aligning Ratings

Votre e-mail est prêt à être envoyé.

Les clients e-mail qui ont réussi le test :

Ce formulaire de notation a passé le test dans tous les principaux clients e-mail, incluant Gmail, AOL, Yahoo, Samsung Mail et même Outlook, à la fois sur les ordinateurs de bureau et sur les appareils mobiles.

Utilisez les cotes des étoiles pour savoir si vos clients sont satisfaits de vos services

Autre option

Même si la cotation en étoiles ci-dessus a parfaitement fonctionné dans tous les clients e-mail que j’ai pu trouver et tester, il y a encore une petite chance que vous vouliez utiliser une autre façon de permettre aux usagers de vous évaluer dans des e-mails.

Alternatives aux newsletters interactives _ Évaluations

(Source : Really Good Emails)

La façon de le faire :

  • Vous insérez 5 images horizontalement ;

  • Pour chaque image, vous ajoutez le lien respectif vers vos pages « Merci ».

3. Des sondages à questions multiples imbriqués

Si vous devez poser plusieurs questions, vous devriez créer un formulaire de quiz et l’incorporer dans votre e-mail interactif, afin que vos clients n’aient pas à faire de nombreuses actions — ils peuvent voter directement dans les e-mails.

Questionnaires intégrés _ E-mail HTML interactif

La façon de le faire :

  • Envoyez-le à votre adresse e-mail ;

Note : lorsque vous envoyez le formulaire Google vers vous, assurez-vous de choisir l’option « envoyer par e-mail », puis entrez votre adresse e-mail, modifiez la ligne d’objet et le message au besoin, car tous les destinataires le verront et cochez la boîte « Inclure le formulaire dans l’e-mail » ;

Courriels interactifs Stripo _ Envoi du formulaire Google

  • Copiez le code imbriqué ;

Ouvrez le formulaire dans votre boîte de réception, faites un clic droit dans le formulaire et sélectionnez « Inspecter ». Recherchez pour la ligne avec « table align=”center” cellpadding ». Une fois qu’elle est sélectionnée, faites CTRL-C (pas seulement un clic droit et copie) ;

Stripo Interactive Elements _ Rechercher le code d'intégration

  • Ajoutez un nouveau bloc HTML à votre modèle d’e-mail interactif ;

  • Ouvrez-le et effacez le code « Insérez votre code HTML dans l’éditeur de code » déjà présent dans le bloc ;

  • Collez le code à imbriquer dans ce bloc ;

  • Complété.

Veuillez regarder le GIF pour voir le processus d’imbrication complet.

Stripo Interactive Emails _ Code d'enquête GIF

Note : les formulaires de sondage imbriqués dans nos modèles de newsletter interactifs s’affichent correctement dans tous les types d’appareils. MAIS ! Les cases à cocher ne sont fonctionnelles que pour les ordinateurs de bureau, elles ne sont pas cliquables sur les appareils mobiles.

Donc, lorsque vos usagers ouvriront vos e-mails de sondage sur les appareils mobiles ou les tablettes, vos usagers auront le lien vers le formulaire de Google (vous souvenez-vous de la ligne d’objet que vous avez indiqué ? C’est le nom qui sera utilisé pour le lien — il est ajouté automatiquement. Les lecteurs pourront alors cliquer sans crainte pour vous envoyer leurs réponses).

Dans mon cas, il dit «Christmas Sales».Courriels interactifs Stripo _ Questionnaire intégré sur mobile

Les clients e-mail qui ont passé le test :

  • Gmail ;

  • AOL ;

  • Yahoo! Mail.

Les usagers d’appareils mobiles et ceux qui utilisent d’autres clients e-mail verront le lien. Ils pourraient aussi être redirigés vers les formulaires de Google une fois qu’ils auront cliqué sur le bouton « Submit » (dans Apple Mail).

Pour les usagers qui préfèrent d’autres clients e-mail, comme solution de rechange, vous pouvez aussi ajouter dans votre e-mail un lien vers votre formulaire Google et préciser que vos usagers doivent cliquer le lien pour répondre au sondage.

Exemples de newsletter interactive _ Formulaires Google intégrés

Veuillez noter : actuellement, Stripo est le seul créateur de modèles d’e-mails qui vous permet d’incorporer les formulaires Google de cette façon.

Certains éditeurs ne vous permettent pas de travailler directement avec le code HTML, alors que d’autres vous le permettent, mais modifient ensuite votre code et le résultat est affiché incorrectement, même sur les ordinateurs de bureau.

Des formulaires imbriqués dans les e-mails pour recevoir plus de commentaires de vos clients

4. Effet de survol d’image dans les e-mails

En utilisant l’effet de survol d’image, vous pouvez fournir à vos lecteurs une image rapprochée de certains produits, vous pouvez les montrer de différents angles, cacher les détails du produit derrière l’image et jouer certains jeux avec les lecteurs lorsque cela est raisonnable.

Stripo _ Comment créer un e-mail interactif

Stripo. email offre un effet de survol d’image totalement sûr pour le Web qui est affiché correctement dans la plupart des clients e-mails et notre code unique est supporté par tous les ESPs, incluant MailChimp.

Important de noter :

Les effets de survol d’image ne sont conçus que pour les ordinateurs. Sur les appareils mobiles, les lecteurs ne verront que le premier cadre.

Comment c’est fait :

  • Ajoutez une image à votre modèle ;
  • Dans le panneau de configuration, activez l’option «Effet de renversement» ;

Stripo _ Bouton de conception d'e-mail interactif pour effet de survol

  • Ajoutez la seconde image ;
  • Complété !

Les clients e-mail qui ont passé le test avec succès :

  • Yahoo! Mail ;
  • AOL ;
  • Thunderbird ;
  • Gmail ;
  • Apple Mail ;
  • Outlook 2003 ;
  • Outlook Web ;
  • Outlook for Mac.

SVP, regarder cette entrée de blogue pour voir de nouvelles idées, recommandations et spécifications pour les images.

You might also like

5.Carrousels d’images dans les e-mails

Un carrousel d’image est une façon intéressante de montrer quelques photos de produits dans un seul écran.

Vous voulez faire la promotion d’items avec les prix et les descriptions ? Alors, préparez-les d’avance avec un éditeur de photos (Stripo vous en propose un intégré) — et placez cette information directement dans l’image. Alors, toutes vos images de produits dans le carrousel contiendront les informations utiles et seront uniques ! De cette façon, vous pouvez définitivement attirer les usagers inactifs et au moins les persuader de cliquer les boutons sinon les convertir en clients.

(Source : Really Good Emails)

Comment c’est fait :

  • Construisez un carrousel avec un outil approprié, j’ai utilisé Freshinbox ;

  • Copiez le code intégré ;

  • Dans Stripo, glissez le bloc de code HTML de base et déposez-le dans votre modèle de e-mail ;

  • Double-cliquez dessus pour activer le panneau de configuration ;

  • Insérez le code intégré.

Donc, vous décidez de créer un e-mail interactif avec un carrousel d’images, vous aurez besoin d’un outil d’une tierce partie pour préparer ce contenu interactif, ou utilisez l’un de nos modèles de bulletins interactifs déjà prêts avec un carrousel d’images déjà intégré — vous n’aurez qu’à remplacer les images et à coller vos URLs.

Malheureusement, seuls quelques ESPs supportent ce type d’interactivité dans les e-mails : par exemple, MailChimp ne supporte pas l’interactivité dans les e-mails.

Les clients e-mail qui ont passé le test avec succès :

  • Apple Mail ;

  • Apple iPhone ;

  • Apple iPad ;

  • Yahoo! Mail.

Les autres usagers ne verront que la première image.

6. Accordéon

Ce type d’interactivité dans les e-mails commence à peine à devenir populaire auprès des gens de marketing. Pourquoi est-ce que nous les aimons tant ? Parce qu’ils sont conçus pour cacher de longs textes derrière des puces, donc de sauver de l’espace précieux dans vos e-mails sur les appareils mobiles.

Vous pouvez difficilement trouver des exemples de ces e-mails, car seules quelques compagnies sont assez braves pour utiliser (comprendre, leur éditeur de e-mails est techniquement capable de le faire) les accordéons dans les e-mails.

Je n’ai pas trouvé de code imbriqué en ligne qui ferait bien dans notre éditeur, mais ce modèle de e-mail Stripo email a déjà un accordéon imbriqué dans son code. Vous n’avez plus qu’à remplacer les liens, changer les noms des onglets et travailler sur le design interactif du e-mail.

Comment c’est fait :

  • Ouvrez ce modèle de e-mail interactif dans l’éditeur ;
  • Double-cliquez n’importe quel item de l’accordéon que vous voulez éditer ;
  • Vous pouvez faire tous les changements au texte, à la police, à la taille de la police, et ainsi de suite… soit dans le panneau de paramètres, soit dans le code, comme indiqué ci-dessous:

Menu Stripo _ Code du menu accordéon

Pour plus d’informations sur ces deux alternatives, SVP consultez cette publication de blogue.

7. Vidéos incorporées dans les e-mails

Les vidéos dans les e-mails peuvent augmenter le CTR (taux de clic) jusqu’à 85 %. 65 % des lecteurs sont plus enclins à acheter de vous une fois qu’ils ont eu l’opportunité de voir une vidéo des produits dont vous faites la promo dans le e-mail.

Il y a 4 façons d’inclure une vidéo dans les e-mails:

  • Utiliser une vidéo de YouTube/Video

Les clients e-mail montrent seulement un image vignette — dans Stripo, vous pouvez la remplacer par l’image de votre choix ;

  • Téléverser votre vidéo en format mp4

En faisant cela, vous créez un e-mail interactif, donc, la vidéo est jouée directement dans la boîte de réception du lecteur ;

  • Utiliser notre combinaison de code

Si un client e-mail supporte l’interactivité, alors les usagers regardent la vidéo directement dans la boîte de réception, sinon l’usager sera amené sur YouTube pour visionner la vidéo ;

  • Utiliser un outil d’une tierce partie

Des outils comme Viwomail.com ou Liveclicker vous fournissent le code à intégrer.

Ils permettent aussi d’intégrer des vidéos en temps réel.

Note : Pour éviter des violations de droits d’auteur, nous vous suggérons fortement de n’utiliser que des vidéos dont vous disposez les droits de partage.

Téléverser une vidéo MP4

J’ai transféré une vidéo MP4 à un site Web d’une tierce partie, ils ont inséré ce lien dans un bloc HTML. Voici ce que je prévois voir :

Vidéo intégrée _ Stripo

Notre propre vidéo en format mp4 fut affichée et même lue dans Outlook 2011 et 2016.

Les e-mails sur Gmail et Apple ne l’ont pas montrée. Boo…

Ce n’est pas la meilleure solution pour attirer vos clients.

Utiliser notre combinaison de code

Notre éditeur de code m’a aidé, et a écrit cette combinaison de code :

<video poster="https://tlr.stripocdn.email/content/guids/CABINET_f98886e36d3d2f7b2dc5420f03cfb022/images/20091519918813053.png" controls="controls" width="100%" height="176"><source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"><a href="https://www.youtube.com/watch?v=8gqqANVWdjU"><img src="https://tlr.stripocdn.email/content/guids/CABINET_f98886e36d3d2f7b2dc5420f03cfb022/images/20091519918813053.png" width="320" height="176"></a></video>

Les deux premiers liens sont les liens primaires. Les deux derniers, ils commencent avec « <a href> », sont les liens alternatifs. Ici, nous avons utilisé deux vidéos — une de YouTube et l’autre fut transférée sur un autre site parce que nous avions besoin d’un lien supplémentaire — et une image, comme image principale et une autre comme image alternative. Prenez simplement une capture d’écran de votre vidéo sur YouTube.

Si les liens principaux ne fonctionnent pas, nos clients verront la solution de secours.

Pour la pureté de l'expérience, nous avons utilisé exprès deux images différentes pour distinguer quel lien et quelle image fonctionnaient.

Clients de messagerie ayant réussi le test :

  • iPhone 7 a lu nos vidéos ;

  • Gmail a montré la vignette. Une fois que j’ai cliqué sur l’image, le client a montré le lien qui m’a mené sur YouTube ;

  • Outlook 2011 a lu ma vidéo.

Stripo _ Combinaison de codes

Note : lors de l'ajout d'une image d'aperçu de secours, assurez-vous de placer le bouton "Lire" dessus. Sinon, comment vos lecteurs devraient-ils savoir qu'il y a une vidéo intégrée et qu'ils doivent cliquer sur l'image ?

8. Liens d’ancrage

Contrairement aux autres exemples de newsletters interactives, cet élément interactif n’a pas comme but de divertir vos clients. C’est simplement pour les mener rapidement à la partie de l’e-mail qui les intéresse le plus.

(Source : Courriel de Mercedes-Benz)

La façon de le faire :

  • Créez le menu de votre e-mail ;

  • Maintenant dans votre e-mail interactif, juste au-dessus de la section du menu à onglet qui devrait guider vos usagers, déposez un bloc HTML de base. Ne vous en faites pas, cela n’affectera pas l’aspect de votre e-mail ;

Ajout d'un bloc HTML aux modèles d'e-mail _ Campagnes d'e-mail interactives

  • Faites un clic gauche sur le bloc HTML pour ouvrir l’éditeur de code ;

  • Effacez le contenu par défaut et collez l’exemple de code fourni ci-dessous, où « yourlabel » doit être remplacé par le nom de l’élément de votre e-mail. Dans mon exemple, c’est « yourlabel ». Peu importe le nombre de mots dans le nom de votre élément d’e-mail, les espaces ne sont pas permis ;

<a name="yourlabel"></a>
  • Puis, retournez à votre menu ;

  • Ouvrez son code ;

  • Pour l’onglet approprié du menu, au lieu d’un hyperlien, entrez le nom de l’élément de votre e-mail auquel vous voulez relier cet onglet du menu, en le précédent d’un symbole de dièse. Dans mon exemple, cela fera « #yourlabel » ;

Connexion des onglets de menu à l'élément d'e-mail nécessaire

  • Faites de même pour les autres onglets du menu, pour les connecter à leur élément respectif de l’e-mail.

Les clients e-mail qui ont passé le test :

  • Gmail (Web) ;

  • Gmail sur Android ;

  • Apple Mail ;

  • Yahoo! Mail ;

  • Outlook.com ;

  • AOL.com ;

  • Samsung Email sur Android ;

  • Windows Mail.

Mot de la fin

Les campagnes interactives par e-mail sont une bonne façon de donner de la vie à vos newsletters. C’est pourquoi nous croyons que vous devriez en faire l’essai. Par contre, nous savons que de créer des e-mails interactifs devrait vous prendre plus de temps que des e-mails réguliers. Alors, nous, chez Stripo, vous avons créé des modèles interactifs et avons fait de notre mieux pour vous fournir les exemples de code nécessaires, qui ont été testés, afin de vous aider à créer des e-mails interactifs plus rapidement.

Laissez-nous vous rappeler de :

  • faire un design simple pour les e-mails interactifs, l’attention doit porter sur l’interactivité ;

  • toujours ! envoyer un e-mail test à toutes vos adresses e-mail et appareils, car c’est la seule façon de vérifier si les éléments interactifs fonctionnent correctement ou si ce ne sont que des images statiques.

Cet article a-t-il été utile ?
Tell us your thoughts
Merci pour votre avis !
3 commentaires
Mathieu Jaulin il y a 1 an
Hi, i have a small audience for my new blog, do you know if its possible to get the star rating with Sendinblue ? Thanks
Francisca Pheng Soto il y a 3 ans
Una consulta, recién estoy conociendo estos tipos de emails. ¿Es posible poner un video interactivo? Por ejemplo, donde el usuario pueda desplazarse por algún lugar como en los tour virtuales.
Hanna Kuznietsova il y a 3 ans
Buen día. Lo siento por la respuesta tardía. Desafortunadamente, esto no es posible en esta etapa. Dado que la mayoría de las veces, estos videos se crean sobre la base de un iframe, y los clientes de correo electrónico no admiten este elemento en la actualidad. Pero puede proporcionar a los usuarios un enlace a la versión web de sus Tours virtuales (que se carga en su sitio web) en un correo electrónico. Puede obtener más información sobre cómo compartir un enlace a un video aquí: https://stripo.email/blog/add-video-email-stripo/#1-inserting-link-to-a-video-into-emails Le deseamos envíos exitosos y productivos.
Type
Industrie
Saisons
Intégration
Éditeur Stripo
Simplifier le processus de production des e-mails.
Plugin Stripo
Intégrez l'éditeur drag-n-drop de Stripo à votre application web.
Commandez un modèle personnalisé
Notre équipe peut le concevoir et le coder pour vous. Remplissez simplement le formulaire et nous vous répondrons dans les plus brefs délais.