Marketing Modèles How-to
~ 8 min lu
312389 vues
évaluez-le
10 novembre 2021

Comment créer un modèle d’e-mail de newsletter pour Outlook avec Stripo

Stripo / Blog / Comment créer un modèle d’e-mail de newsletter pour Outlook avec Stripo

Comme Stripo vous permet d’envoyer des e-mails vers les applications Outlook (sous macOS, sous Windows et même sur le Web), il est maintenant facile d’envoyer des e-mails élégants par votre client e-mail favori ! Aucun programme supplémentaire n’est requis.

Dans cette publication, nous allons vous montrer comment exporter des modèles d’e-mail HTML vers Outlook en seulement 2 clics.

Joignez Stripo

Intro

Jusqu’à tout récemment, il était difficile, presque impossible d’envoyer des newsletters qui s’affichent correctement dans Outlook. Puis, Stripo a trouvé une solution. Depuis lors, vous pouvez créer un modèle d’e-mails pour Outlook et l’exporter facilement vers ce client e-mail.

Pourquoi avons-nous décidé d’ajouter une exportation directe vers Outlook ?

Pourquoi aurions-nous besoin d’utiliser Outlook alors que nous pouvons envoyer des e-mails avec MailChimp, eSpoutnik ou tout autre ESP?

Selon Litmus, 11% des gens utilisent actuellement Outlook. Ce sont majoritairement des clients commerciaux qui ont besoin d’envoyer des newsletters internes, que ce soit un rapport annuel ou d’autres nouvelles de la société. Cela demande nécessairement un modèle d’e-mail en HTML pour faire que l’e-mail (et son exportation) soit bien structuré, réactif et peut-être même interactif avec des tableaux, des instructions vidéo ou des salutations vidéo intégrées.

Tous les e-mails de ce genre, spécialement les rapports annuels, doivent être tenus confidentiels. Donc, il est peu probable que vous les envoyiez à un service externe, même si tous les ESPs garantissent la confidentialité de l’information.

C’est pourquoi plusieurs de nos usagers nous ont contactés pour nous demander la façon d’exporter leurs modèles d’e-mails vers ce client.

Donc, nos développeurs ont commencé à travailler sur ce projet, et nous avons pu rendre cette option disponible.

Créez des e-mails sophistiqués et envoyez-les par Outlook

Comment cela fonctionne

Nous sommes fiers d’annoncer que Stripo est le premier éditeur d’e-mails qui vous permet de créer des modèles d’e-mails pour Outlook et de les envoyer facilement à ce client.

Étape 1. Créer des modèles d’e-mails pour Outlook.

Dans notre publication « Manuel de A à Z », nous vous montrons en détail comment créer des modèles de newsletters.

Vous créez un modèle d’e-mail pour Outlook de la même façon.

Mais il y a certaines choses que nous aimerions souligner ici, à cause des règles d’affichages spéciales d’Outlook :

  • Boutons CTA dans Outlook

Il est bien connu que les boutons dans ce client peuvent avoir une apparence différente que celle dans les autres clients. Par exemple, les boutons arrondis auront des angles droits dans Outlook. Donc, votre e-mail pourrait perdre sa beauté et sa consistance. Mais ne vous en faites pas — Stripo s’en occupe.

Pour vous aider à conserver le design des boutons à travers toutes les versions d’Outlook, vous devez activer l’option « Prise en charge d’Outlook ».

  • Allez dans l’onglet « Apparence » dans le panneau latéral ;

  • Ouvrez l’onglet « Bouton » ;

  • Activez l’option « Prise en charge d’Outlook ».

Exportation de modèles d'e-mail HTML vers Outlook_Activation de l'option de prise en charge d'Outlook

Essayez Stripo

  • Les arrière-plans dans Outlook

Les arrière-plans ne s’affichent dans Outlook que s’ils ont été définis pour l’e-mail au complet. Si vous définissez un arrière-plan pour une rangée ou tout autre élément de l’e-mail, il ne sera pas affiché.

Nous avons trouvé une solution :

  • Activez les paramètres d’un élément de l’e-mail auquel vous voulez ajouter un arrière-plan en cliquant sur l’étiquette de cet élément de contenu. Cela peut être « label », « stripe », et ainsi de suite ;

  • Puis ouvrez l’éditeur de code HTML ;

Exportation d'e-mails vers Outlook_Ouverture de l'éditeur de code

  • Insérez cet exemple de code au-dessus de la ligne qui commence avec « Table width » ;

<!--[if gte mso 9]>

 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:327px;height:100%;">

   <v:fill type="frame" src="https://iiqf.stripocdn.email/content/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/images/26661559905688877.png" color="#7bceeb" ></v:fill>

   <v:textbox inset="0,0,0,0">

 <![endif]-->
  • Maintenant, insérez cet exemple de code sous la ligne qui commence avec « Table width », c’est-à-dire sous la même ligne ;

<!--[if gte mso 9]>

   </v:textbox>

 </v:rect>

 <![endif]-->
  • Remplacez le lien que nous avons souligné avec le lien de votre image de fond — vous devrez le faire deux fois ;

Comment envoyer des e-mails de newsletter via Outlook_Travailler sur des arrière-plans

  • Assurez-vous de modifier la largeur de l’image pour qu’elle corresponde à la largeur du conteneur — vous pouvez la voir dans la ligne supérieure après la balise « width ». Dans notre cas, elle est de 600 px.

Prenez note que vous ne pouvez pas utiliser ce code pour les arrière-plans et activer l’option « Prise en charge d’Outlook » pour les boutons, car Outlook n’affichera qu’un seul élément écrit en VML à la fois.

Dans notre publication sur les Problèmes communs d’affichage dans Outlook, nous vous montrons des solutions de remplacement pour les images d’arrière-plan dans les e-mails.

Essayez Stripo

  • Images GIFs dans les modèles d’e-mails pour Outlook

Nous savons tous que depuis février 2019, Outlook supporte les GIFs.  

Quelles versions d’Outlook supportent les GIFs :
  • Outlook pour Office 365, application de bureau ;

  • Outlook pour Office 365, application mobile;

  • Outlook 2003, application de bureau ;

  • Outlook pour Mac, application ;

  • Outlook version Web, sur ordinateurs de bureaux et appareils mobiles.

Comment intégrer une image GIF dans les e-mails avec Stripo

Exactement comme une image normale :

  • Glissez le bloc d’image dans votre modèle de newsletter pour Outlook ;

  • Ajoutez le fichier GIF en envoyant votre image ou en insérant un lien vers un stockage externe ;

  • Votre e-mail est prêt.

Rappelez-vous d’ajouter un lien vers la version Web de votre e-mail pour ceux qui utilisent les versions suivantes d’Outlook : Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 et même Outlook 2019.

Comment obtenir le lien de la version Web avec Stripo
  • Entrez dans le mode de prévisualisation ;

  • Au-dessus de votre modèle, cliquez sur le bouton « Copier » ou cliquez sur le bouton « Ouvrir dans un nouvel onglet » ;

Exportation d'e-mails vers Outlook_Lien vers la version Web des e-mails

  • Insérez ce lien au début de votre modèle e-mail pour Outlook.

Essayez Stripo

Étape 2. Prévisualiser.

Lorsque vous créez un modèle d’e-mail HTML pour Outlook, ou pour tout autre client, vous devez le prévisualiser avant de l’envoyer à vos chers lecteurs afin de vous assurer que votre e-mail a la même apparence que celle que vous avez planifié.

Il y a trois méthodes de vérifier vos e-mails avec Stripo :

  • Méthode 1. Le mode de prévisualisation

Une fois que vous entrez dans ce mode, vous verrez les versions pour ordinateur de bureau et pour appareils mobiles de votre e-mail. 

Entrer en mode Aperçu

  • Méthode 2. Tester les modèles d’e-mails avec notre outil de test.

Stripo est intégré avec Email on Acid, l’un des meilleurs outils de tests d’e-mails. Cette intégration vous permet de voir vos e-mails à travers toutes les versions d’Outlook et d’autres clients e-mail. 

Créer des e-mails pour Outlook_Tester les e-mails avant de les envoyer aux clients

  • Méthode 3. Envoyer des e-mails tests.

Vous pourriez vouloir envoyer des e-mails tests à différents comptes Outlook qui appartiennent à vos amis ou collègues pour effectuer des tests réels.

Pour le faire, vous n’avez qu’à cliquer sur l’icône « Test », à entrer quelques adresses e-mail — séparez-les avec des virgules, puis cliquez « Envoyer ».

Essayez Stripo

Étape 3. Poussez vos modèles d’e-mails vers Outlook.

Nous voulons souligner que vous pouvez exporter des e-mails de Stripo vers Outlook (sous macOS, sous Windows et même sur le Web).

Outlook Apps (Microsoft Office 365 and Outlook 2019)

Lorsque votre modèle de newsletter pour Outlook est prêt, vous devez :

  • Cliquer le bouton « Exporter » ;

Le bouton Exporter

  • Sélectionner « Outlook » parmi les nombreux ESPs suggérés ;

Exporting-Emails-to-Outlook

  • Maintenant, choisir le type de fichier dont vous avez besoin : « OFT » pour Windows ou « EMLTPL » pour MacOS.

Choisir votre système d'exploitation

Votre modèle sera téléchargé sur votre ordinateur en tant que fichier. En cliquant sur ce fichier, une fenêtre Outlook s’ouvrira avec votre modèle d’e-mail prêt à envoyer ouvert ;

  • Entrer votre e-mail, si nécessaire ;

  • Maintenant, vous devez entrer les adresses e-mails de vos destinataires. Terminé !

Entering-Recipients'-Email-Addresses

Outlook.com (Web)

Lorsque votre modèle est prêt :

  • cliquez sur le bouton « Exporter » ;

  • choisissez « Outlook Web » comme destination ;

Exporter vers un fichier ou une application

  • dans la fenêtre pop-up, cliquez sur le bouton « Exporter », l’option « Rendre public » est déjà activée;

Rendre public dans le projet

  • entrez vos informations de connexion pour Outlook ;

  • donnez accès à Stripo à votre compte Outlook.

The-Yes-Button_Outlook

Important :

Vous nous permettez seulement d’accéder à vos brouillons (pour écriture seulement). Nous n’accéderons pas à vos contacts ni à vos messages entrants ou sortants.

  • Dirigez-vous dans votre dossier « Brouillon » dans Outlook ;

  • Modifiez l’e-mail au besoin ;

  • Entrez la ligne de sujet (elle porte le titre de votre modèle par défaut) ;

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

Important de noter :

Outlook ne vous permet pas d’utiliser plusieurs comptes dans un même navigateur. Alors, pour vous connecter à un autre compte, vous devez vous déconnecter du précédent. Puis, vous devez vous assurer que vous êtes bien complètement déconnecté de votre compte Outlook, sinon vous ne pourrez pas vous connecter à un autre compte Outlook avec Stripo.

Connexion d'un nouveau compte

Exporter mes modèles vers Outlook

Ici, vous le verrez exactement comme vos lecteurs le verront. Dans cette fenêtre, vous pouvez modifier le modèle, au besoin.

Important :

Outlook enlève les styles qui rendent les e-mails réactifs. Donc, les usagers qui verront l’e-mail sur leur appareil mobile verront la version pour ordinateur de bureau. Non, il n’y aura pas de défilement horizontal, mais tous les contenants d’une rangée qui se déplacent normalement sur une deuxième rangée sur les appareils mobiles demeureront sur une seule rangée.

Containers-Get-Moved-to-Next-Rows

(e-mail envoyé par ESP ou la plupart des clients e-mail)

Email-Sent-Through-Outlook

(e-mail envoyé par Outlook)

Sauvegardez tous vos modèles de newsletters dans votre bibliothèque personnelle de contenus avec Stripo. Exportez-les vers Outlook en seulement 2 clics lorsque vous en avez besoin.

Nous avons préparé plus de 1000 modèles d’e-mails que vous pouvez personnaliser et envoyer par Outlook
Essayez Stripo

Mot de la fin

Chers usagers Outlook !,

Si vous avez des questions ou des problèmes, veuillez laisser un commentaire ci-dessous ou écrivez-nous à contact@stripo.email.

Créez des modèles d’e-mails pour Outlook et envoyez-les vers ce client sans efforts

grant medefindt il y a 4 mois

When sending out a Mac Outlook emltpl file, the mobile responsive styling gets stripped out and the end result is no mobile view and only the desktop design. Is there a reason for this?

Hanna Kuznietsova commenté à grant medefindt il y a 4 mois

Hello, Grant Medefint. Thank you for your question. It happens because Outlook removes the styles that make email design responsive. It only happens to those emails that you send through Outlook. Thus, those users who see your emails on mobile devices will see the desktop version of it. There will be no horizontal scroll. But all the containers from one row that are normally moved to the second row on mobiles, will all remain in one row.

Bill Wick il y a 1 an

Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.

Hanna Kuznietsova commenté à Bill Wick il y a 1 an

Bill Wick, Thank you. We're happy you find this post useful. If you have any questions on how to export templates from Stripo to Outlook, please let us know.

Jin Ke il y a 1 an

Благодарю! На будущее как раз очень пригодится.

Hanna Kuznietsova commenté à Jin Ke il y a 1 an

Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.

Owolabi Olanrewaju il y a 2 ans

But the HTML of stripo does not have outlook conditional tags, why.

Hanna Kuznietsova commenté à Owolabi Olanrewaju il y a 2 ans

Hello, Owolabi. Thank you for your question. Could you please clarify what exactly you mean? Because our templates contain conditions for Outlook - for structures, containers, and buttons... Thank you

Adams Smith il y a 2 ans

Thank you for sharing this post, it is very effective and informative, I like the way you present all the things, I am a Technical Support Advisor, We are providing the best solutions to your problems. For any query or any technical issues, Contact us or visit our website-https://www.outlooksupporto.com/embed-youtube-video-in-outlook-email/

Hanna Kuznietsova commenté à Adams Smith il y a 2 ans

Adams, Thank you for your supportive feedback. We're glad you like our blog post.

Vous pourriez être intéressé par

précédent suivant
banner9
06 juin · 15 min lu
10 meilleurs concepteurs de modèles de courriel pour 2022

Est-ce que tous les constructeurs de modèles de courriel se ressemblent ? Vous êtes maintenant confus sur lequel choisir pour vos campagnes de courriel, n'est-ce pas? Ce n'est pas étonnant, car il en existe un très grand nombre. Nous allons passer en revue les constructeurs les plus populaires pour trouver leurs caractéristiques distinctives afin de vous aider à trouver le meilleur constructeur de courriel HTML pour vos besoins actuels. Je tenterai de créer un modèle dans tous ces éditeurs avec...

Création Marketing Modèles
24 mai · 18 min lu
Les meilleures polices de caractères pour les e-mails : Conseils et astuces d'utilisation

L'une des préoccupations les plus marquantes dans le processus de production d'un courriel est le choix de la bonne police. Poids, hauteur, largeur, couleur, forme, espacement... Tout a-t-il de l'importance ? Oui, mais l'une des choses les plus importantes est de choisir une police qui soit lisible. Dans ce post, nous allons vous montrer comment choisir la meilleure police professionnelle pour les emails. Concevez des e-mails élégants avec Stripo en un rien de temps grâce à nos modèles préétablis Parcourir...

Création Modèles
Greatest Examples of GIF animations in Emails_Cover Image
27 octobre 2021 · 10 min lu
16 superbes exemples de GIFs animés dans des courriels

Les GIFs dans les courriels vous seront d'une grande utilité si vous souhaitez mettre en valeur votre produit, attirez l'attention des utilisateurs sur certains éléments, ou simplement décorer légèrement votre texte. Dans cet article, nous avons fourni quelques meilleurs exemples d'animation de gif pour courrier électronique. Exemples de GIFs animés dans les courriers électroniques Voici une compilation des meilleurs exemples avec des GIFs dans les courriers électroniques. Chaque GIF remplit sa mission. 1. Adidas (Source : courriel d'Adidas) Adidas a...

Création Marketing
08 avril 2021 · 17 min lu
14 meilleurs exemples de conception de signatures de courriel

Les bonnes signatures d'e-mails nous aident à développer notre activité et à faire bonne impression sur les clients. Comme il s'agit du dernier élément que les gens voient dans les courriels, nous devons rendre nos signatures personnelles créatives et mémorables. Examinons les meilleurs exemples de signatures d'e-mails et leur utilisation appropriée dans les e-mails et les modèles de newsletter pour les e-mails. Il convient de mentionner que tous les types d'entreprises ont besoin de signatures de courriel professionnelles avec des...

Création Marketing Modèles
Soyez toujours au fait des dernières actualités de l'e-marketing, des guides, des articles et des guides pratiques sur la conception d'e-mails