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

18 août 2022
How_to_Create_Email_Template_for_Outlook_with_Stripo
Table des matières
  1. Pourquoi avons-nous décidé d’ajouter une exportation directe vers Outlook ?
  2. Comment cela fonctionne
  3. Mot de la fin
1.
Pourquoi avons-nous décidé d’ajouter une exportation directe vers Outlook ?

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.

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

Joignez Stripo

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 ».

Boutons CTA pour un modèle Outlook de newsletter

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 modifier des modèles personnalisables 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.

You might also like

Stripo_Outlook Rendering Issues_Featured Image1 Problèmes courants d’affichage dans Outlook et comment Stripo les règle
  • 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 newsletters par e-mail

  • 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 pour vérifier votre modèle de newsletter Outlook

  • 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. 

Exécutez le test pour les modèles utilisateur dans Stripo

  • 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 » ;

Concevoir des modèles de newsletter pour Microsoft Outlook _ Le bouton d'exportation

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

Choisissez l'option d'application Outlook dans la boîte de dialogue

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

Choisissez le type de fichier pour votre modèle de newsletter

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

Système de fichiers Outlook _ Modification de votre courrier électronique après l'exportation

Outlook.com (Web)

Lorsque votre modèle est prêt :

  • cliquez sur le bouton « Exporter » ;

  • choisissez « Outlook Web » comme destination ;

Choisissez l'option Web Outlook dans la boîte de dialogue

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

Exportez votre modèle de newsletter Outlook

  • entrez vos informations de connexion pour Outlook ;

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

Donner accès à votre compte 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é !

Vous pouvez aussi utiliser notre option “Exportation en masse” pour exporter un grand nombre d'e-mails vers Outlook :

  • cliquez sur les “messages électroniques” dans votre tableau de bord ;
  • choisissez les e-mails que vous voulez exporter ;
  • choisissez l'option “Exporter” dans le menu pop-up au-dessus de vos messages ;
  • répétez les étapes que nous avons indiquées dans la section “Exportation de modèles d'e-mails vers Outlook”.

Exportation en masse de plusieurs modèles de newsletter

Si vous choisissez l'option Outlook App pour exporter plusieurs e-mails, ils seront téléchargés sous forme d'archive sur votre ordinateur. Pour retrouver vos e-mails dans Outlook Web, veuillez vérifier le dossier “Brouillons”.

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.

Les conteneurs sont déplacés vers les lignes suivantes

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

E-mail envoyé via 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.

Mot de la fin

Chers usagers Outlook !,

Si vous avez des questions ou des problèmes, veuillez laisser un commentaire.

Créez des modèles d’e-mails pour Outlook et envoyez-les vers ce client sans efforts
Was this article helpful ?
Tell us your thoughts
Thanks for your feedback!
10 commentaires
grant medefindt il y a 1 an
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 il y a 1 an
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 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 2 ans
Благодарю! На будущее как раз очень пригодится.
Hanna Kuznietsova il y a 2 ans
Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.
Owolabi Olanrewaju il y a 2 ans
But the HTML of stripo does not have outlook conditional tags, why.
Hanna Kuznietsova 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 3 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 il y a 3 ans
Adams, Thank you for your supportive feedback. We're glad you like our blog post.
Type
Industrie
Saisons
Intégration