Comment créer un modèle de base
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
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. Pour en créer un :
- Accédez à Contenu > Modèles et sélectionnez Créer > Nouveau modèle.
- Sélectionnez E-mail, puis saisissez un nom descriptif, comme « Modèle d’e-mail de base », dans le champ Nom.
- Cliquez sur Créer pour ouvrir l’éditeur d’e-mail. Ensuite, suivez les étapes ci-dessous pour ajouter du contenu réutilisable à votre modèle.
1. 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., fournissent des paramètres par défaut dans l’ensemble de votre modèle. La mise en forme appliquée à des blocs ou à du texte individuels peut remplacer ces paramètres par défaut.
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 dans la barre latérale gauche.
L’onglet Styles à l’intérieur d’un bloc ou d’une section sélectionné n’affecte que ce bloc ou cette section. Utilisez Styles dans la barre latérale gauche pour modifier les styles de base de votre modèle.
- 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 le paramètre Largeur sur 600 px pour une compatibilité optimale avec les fournisseurs de boîtes de réception.
- Dans Texte et titres, ajoutez des styles de texte, y compris des polices, des tailles de police, des couleurs et des espacements. Utilisez le menu Type de style pour définir des styles pour le texte Corps, ainsi que Titre 1, Titre 2, Titre 3 et Titre 4. Vous pouvez utiliser ces styles de titre pour mettre en évidence le texte dans votre e-mail. Découvrez comment utiliser une police personnalisée dans vos e-mails.
- Ajoutez une couleur et un style de lien.
- Sélectionnez la devise de votre boutique dans le menu Devise. Le symbole de la devise sélectionnée est celui par défaut pour la balise {% currency_format ... %} tag dans ce modèle.
- Si Optimiser 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.
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 dernière promotion ou sur le statut VIP du destinataire.
- Si votre modèle comporte déjà une barre d’en-tête, cliquez dessus pour la mettre à jour avec votre propre logo. Vous pouvez également cliquer sur Contenu dans la barre latérale gauche, faire glisser un bloc Barre d’en-tête, 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 utilisent des écrans beaucoup plus petits que les ordinateurs, donc l’empilement des contenus peut 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 un lien pour en ajouter. Les liens les plus courants à inclure dans votre en-tête sont les suivants : acheter maintenant, nouveautés, à propos, soldes, FAQ, ou une sélection de catégories de produits.
- Ajustez les styles de bloc dans les sections situées sous le contenu de votre lien. N’oubliez pas que si vous souhaitez appliquer un paramètre de style à l’ensemble de votre e-mail, vous devez utiliser le panneau principal Styles, comme indiqué dans la section ci-dessus.
- Cliquez sur la flèche de retour en haut des paramètres du bloc pour revenir à Contenu.
Ajouter une bannière d’information facultative
Vous pouvez ajouter une bannière d’information au-dessus ou au-dessous de votre barre d’en-tête.
- Faites glisser un bloc de texte dans la même section que votre barre de liens.
- Définissez une couleur principale pour l’arrière-plan et ajoutez un message, comme « Utilisez le code BIENVENUE pour bénéficier d’une réduction de 15 % sur votre première commande ! ».
- Vérifiez que votre bannière et votre barre de liens se trouvent dans la même section en survolant l’espace à gauche ou à droite des blocs. Une bordure Section grise doit entourer les deux blocs au survol, et elle devient bleue lorsque l’on clique sur la section.
- Facultatif : cliquez sur l’icône en forme d’étoile, saisissez un nom pour la section, puis cliquez sur Créer pour l’enregistrer en tant que contenu universel. Les blocs et sections universels peuvent être utilisés dans plusieurs modèles et vous pouvez modifier toutes les instances du bloc/de la section en même temps. En savoir plus sur le contenu universel.
3. Ajouter le corps du texte
- Ouvrez Contenu dans la barre latérale gauche si elle est fermée. Si les paramètres d’un bloc ou d’une section sont ouverts, cliquez sur leur flèche de retour. Faites glisser un bloc Section depuis Mise en page et placez-le sous votre en-tête.
- Ajoutez des blocs de remplissage pour le contenu du corps de votre e-mail. Il peut s’agir de blocs de texte qui contiennent des descriptions de votre marque ou des messages promotionnels, des mises en page courantes que vous avez l’intention d’utiliser, des images de produits de remplissage, etc. Découvrez comment placer le contenu côte à côte à l’aide de colonnes, de blocs de fractionnement et de tableaux.
Découvrez comment ajouter une image de fond à une section et y superposer des boutons, du texte et d’autres éléments.
4. Créer une section de pied de page
Klaviyo exige que vous incluiez un lien de désabonnement dans vos e-mails, et ce lien est généralement placé dans le pied de page. En outre, les éléments de pied de page suivants sont recommandés :
- Adresse de votre entreprise
- Un lien vers votre politique de confidentialité
- Liens vers vos profils sur les réseaux sociaux (par exemple, Facebook, Instagram, Twitter, TikTok)
- Lien vers votre site web
- Lien vers les préférences en matière d’envoi d’e-mails
Pour ajouter un pied de page à votre modèle de base :
- Revenez à Contenu à l’aide de la flèche de retour si les paramètres du bloc ou de la section sont ouverts. Faites glisser une nouvelle Section sous votre section du corps de texte, ou cliquez sur le pied de page par défaut pour le modifier.
- Ajouter un bloc de texte.
- Cliquez sur l’icône Personalization dans la barre d’outils de mise en forme du texte.
- Dans le champ Rechercher des personnalisations, recherchez « se désabonner ».
- Sélectionnez Unsubscribe pour ajouter un lien de désabonnement à votre bloc de texte.
- Utilisez ce même menu pour ajouter une adresse d’organisation, un lien de gestion des préférences, un lien d’affichage web et plus encore.
Pour Gérer les préférences et Affichage web, vérifiez le texte du lien, puis cliquez sur Insérer.
Lorsque vous enverrez l’e-mail, ces tags seront remplacés par le texte ou les liens appropriés.
- Cliquez sur la flèche de retour en haut des paramètres du bloc de texte, puis faites glisser un bloc Liens vers les réseaux sociaux dans votre section de pied de page, directement au-dessus du bloc de texte des étapes précédentes.
- Sélectionnez vos canaux sociaux dans la liste déroulante Icône de chaque icône existante. Pour ajouter un autre canal, cliquez sur Ajouter une icône, puis choisissez un canal pour la nouvelle icône.
- Dans le champ Link address de chaque canal social, ajoutez un lien vers votre profil.
- Choisissez un style d’icône.
- Cliquez sur la flèche de retour en haut des paramètres du bloc pour revenir à Contenu.
- Si vous le souhaitez, vous pouvez enregistrer l’ensemble de la section du pied de page en tant que contenu universel. Sélectionnez la section du pied de page, cliquez sur l’icône en forme d’étoile, saisissez un nom, puis cliquez sur Créer.
5. Aperçu
Une fois que vous avez ajouté un en-tête, un contenu du corps et une section de pied de page, prévisualisez l’e-mail.
- Cliquez sur Aperçu dans le coin supérieur droit de l’éditeur d’e-mail.
- Basculez entre ordinateur et mobile pour vous assurer que le modèle s’affiche comme prévu dans les deux formats.
- Saisissez votre adresse e-mail dans le champ du destinataire de test, puis cliquez sur Envoyer un test pour envoyer un e-mail de test dans votre propre boîte de réception.
- Cliquez sur Terminé pour fermer la fenêtre modale d’aperçu.
- Cliquez sur Quitter pour terminer la modification et revenir à vos modèles. Klaviyo enregistre automatiquement les modifications apportées à votre modèle.
Une fois que vous avez enregistré le modèle de base, vous pouvez l’utiliser comme base pour tous les futurs e-mails de campagne et de flux.