Objectif de cet article
Découvrez comment créer un modèle d’e-mail de base dans Klaviyo. Après avoir créé un modèle de base, vous pouvez l’utiliser dans vos campagnes et vos flux pour accélérer votre processus de création et garantir la cohérence de votre branding dans tous vos messages.
Avant de commencer
Avant de commencer
Un modèle de base comprend des sections clés telles qu’un en-tête, un corps de texte et un pied de page. Accédez à Contenu > Modèles, puis cliquez sur Créer pour commencer. Suivez ensuite les étapes ci-dessous pour ajouter du contenu réutilisable à votre modèle.
1. Définir les styles de base1. Définir les styles de base
Avant de modifier le style de chaque bloc, définissez vos styles de base. Ces styles, tels que la police, les couleurs, les marges internes, etc., s’appliquent à tous les blocs de votre modèle.
L’ajout de styles de base facilite l’application de votre branding et réduit le poids de votre code, ce qui permet d’éviter les coupures dans Gmail.
Pour ajouter des styles de base :
- Cliquez sur Styles (à côté de Contenu).
Si vous voyez Options d’affichage à côté de l’onglet Styles au lieu de Contenu, cliquez sur Terminé pour quitter les paramètres de style du bloc/de la section, qui ne s’appliquent qu’à ce bloc ou à cette section. - Définissez une couleur d’arrière-plan pour votre modèle et votre contenu, ainsi qu’une marge et une marge intérieure. Nous vous recommandons de conserver la largeur sur 600 px pour une compatibilité optimale avec les fournisseurs de boîtes de réception.
- Ajoutez des styles de texte, notamment des polices, des tailles de police, des couleurs et des espacement. Veillez à définir des styles pour le texte normal, ainsi que pour H1, H2, H3 et H4. Vous pouvez utiliser ces styles d’en-tête pour mettre en évidence le texte dans votre e-mail. Apprenez à utiliser une police personnalisée dans vos e-mails.
- Ajoutez une couleur et un style de lien.
- Si Optimisation pour mobile est activé, ajoutez des paramètres mobiles. Ceux-ci apparaîtront lorsque quelqu’un ouvrira votre e-mail sur un appareil mobile. En savoir plus sur l’optimisation sur mobile.
- Enfin, sélectionnez la devise de votre boutique dans le menu Devise. Le symbole de la devise sélectionnée est utilisé partout où la balise {% currency_format … %} tag est présente dans un modèle.
2. Créer une section d’en-tête
Après avoir configuré vos styles d’e-mail, ajoutez votre section d’en-tête. En général, les sections d’en-tête comprennent un logo, des liens clés et parfois une bannière contenant des informations sur votre nouvelle offre ou sur le statut VIP du destinataire.
- Si votre modèle comporte déjà une barre d’en-tête, ajoutez-y votre propre logo. Vous pouvez également faire glisser un bloc Header et ajouter votre logo. Découvrez les bonnes pratiques en matière de dimensionnement et de qualité des images.
- Sélectionnez une mise en page dans les menus Mise en page pour ordinateur et Mise en page pour mobile (par exemple, Logo en ligne pour ordinateur et Tout empiler pour mobile). N’oubliez pas que les appareils mobiles sont dotés d’écrans beaucoup plus petits que les ordinateurs. L’empilement des contenus peut donc faciliter la lecture et la navigation.
- Dans la section Contenu, ajoutez les principaux liens de navigation du site. Cliquez sur l’icône de la corbeille pour supprimer les liens, ou sur Ajouter des liens pour en ajouter. Les liens les plus courants à inclure dans votre en-tête sont les suivants : Acheter, Nouveautés, À propos, Soldes, FAQ, Sélection de catégories de produits.