Comment utiliser un bloc de barres d'en-tête dans un e-mail ?

Objectif de cet article 

Découvrez les blocs de la barre d'en-tête, qui sont utilisés pour ajouter un logo, des liens clés et d'autres informations en haut de votre e-mail.

À propos du bloc de barres d'en-tête 

Le bloc de la barre d'en-tête peut contenir un logo et les liens que vous souhaitez mettre en évidence. Pensez à inclure certains des liens suivants dans votre barre d'en-tête : 

• Accueil
• A propos de nous
• Acheter 
• Nouveau 
• Meilleures ventes 
• Vente 
• FAQ
• Retours & échanges (dans l'ordre de l'e-mail de suivi) 

Faites preuve de discernement lorsque vous ajoutez des liens ; si vous en ajoutez trop, votre courrier électronique risque d'être surchargé et il sera difficile d'y naviguer. 

Options de format du bloc de barres d'en-tête 

Vous pouvez choisir différentes dispositions des boutons et du logo pour les ordinateurs de bureau et les téléphones portables : 

• Options de mise en page du bureau
  • Logo empilé 
  • Logo en ligne 
  • Logo centré 
  • Liens et boutons uniquement
    
• Options de mise en page mobile 
  • Empilez tout 
  • Logo empilé
  • Logo en ligne
  • Liens et boutons uniquement 
  • Liens et boutons empilés uniquement
    

L'utilisation d'un format empilé sur les téléphones mobiles peut rendre vos boutons plus faciles à lire et à cliquer, car les écrans des téléphones mobiles sont beaucoup plus petits. 

Ajouter une barre d'en-tête à un e-mail

1. Dans un modèle d'e-mails, faites glisser un bloc debarres d'en-têtedans le canevas.
   
2. Le logo est pré-rempli si vous avez déjà ajouté votre logo à votre compteKlaviyosouscontenus > Images & marque > Marque. Sinon, ajoutez un logo. 
3. Utilisez l'icône de la flèche déroulante pour voir les détails de chaque lien et modifier son texte et son URL.
   
   1. Pour économiser de l'espace sur les téléphones portables, pensez à sélectionner "Desktop only"pour les liens non essentiels.
      
4. Utilisez les boutonsAjouter un lienouAjouter une imagepour ajouter des liens ou des contenus supplémentaires.
   
5. Utilisez les paramètres situés sous la section descontenuspour styliser le texte du lien, y compris les polices, les couleurs et l'espacement. 

Sauvegarder une barre d'en-tête pour l'utiliser dans les prochains courriels 

La plupart des courriers électroniques que vous envoyez doivent comporter une barre d'en-tête. Pour enregistrer un bloc de barres d'en-tête en tant que contenu universel afin de le réutiliser dans un prochain e-mail, cliquez sur l'icône en forme d'étoile située à côté du bloc et suivez les instructions qui s'affichent. 

En savoir plus sur lescontenus universels et enregistrés.

Considérations sur la boîte de réception de la barre d'en-tête 

En fonction de la boîte de réception des destinataires, la barre d'en-tête (ou l'e-mail dans son ensemble) peut apparaître avec de légères différences. Pour voir comment votre courriel apparaîtra dans différentes boîtes de réception, envisagez d'utiliser un outil tel queEmailon Acid. 

Bloc de la barre d'en-tête et coupure de Gmail 

Les blocs de barres d'en-tête sont lourds en code, ce qui signifie qu'ils augmentent le poids global du code de votre courrier électronique. Dans les messages contenant un grand nombre d'autres contenus, cela peut entraîner unecoupure de Gmail. 

Si votre message risque d'être tronqué, envisagez d'utiliser un bloc image pour votre logo, suivi d'un bloc tableau avec vos liens. 

Bloc de barres d'en-tête et Microsoft Outlook

En raison des moteurs de rendu HTML propres à Outlook, une bordure peut être ajoutée à votre barre d'en-tête élément pour les destinataires utilisant Outlook. 

Pour contourner ce problème, créez un en-tête en ajoutant un bloc d’image pour votre logo et un tableau pour vos liens.

Ressources supplémentaires

• Comment utiliser un bloc de texte dans un e-mail
• Comment mettre à jour les styles de votre marque enKlaviyo