Comment importer un modèle HTML personnalisé

Estimé 3 minute de lecture
|
Mis à jour 29 août 2024, 16:58 EST
Vous apprendrez

Vous apprendrez

Apprenez à importer un modèle HTML personnalisé dans Klaviyo. 

Nous ne recommandons l'utilisation du HTML personnalisé qu'aux spécialistes du marketing techniquement avertis, ou à toute personne ayant accès à un développeur. Bien que notre produit prenne en charge le HTML personnalisé, notre équipe d'assistance ne peut pas vous aider à créer vos modèles personnalisés, si ce n'est en vous donnant des conseils généraux dans cette documentation. Pour maintenir la sécurité de vos données, l'équipe d'assistance de Klaviyo n'est pas en mesure d'ouvrir vos fichiers HTML.

Téléchargez un modèle HTML personnalisé

Téléchargez un modèle HTML personnalisé

Les modèles HTML personnalisés doivent être au format .html et doivent inclure un lien de désabonnement (c'est-à-dire une balise {% unsubscribe %} ou {% unsubscribe_link %}). En savoir plus sur les désabonnements dans Klaviyo.  

  1. Naviguez vers Content > Templates.
  2. Cliquez sur Importer un modèle.
  3. Entrez un nom et téléchargez le fichier HTML de votre modèle.
  4. Téléchargez toutes les images ou tous les actifs référencés dans votre HTML.
  5. Cliquez sur Importer un modèle.

Il n'est pas recommandé d'exporter un modèle construit dans l'éditeur "drag and drop" de Klaviyo et de le réimporter dans Klaviyo, car cela peut entraîner des problèmes de fonctionnalité du modèle. 

Suppression des balises et des variables de modèle non prises en charge

Lorsque vous exportez un modèle à partir d'un autre fournisseur de services de messagerie, il peut contenir des balises et des variables qui ne sont pas prises en charge par Klaviyo. Avant d'importer votre fichier HTML, supprimez ces balises (et, si nécessaire, remplacez-les par des balises de personnalisation Klaviyo).

Un modèle avec des balises non prises en charge

Le code HTML d'un modèle qui comprend des balises non prises en charge

Par exemple, voir le message et le code HTML ci-dessous. Ce message a été exporté à partir d'un autre fournisseur de services de messagerie et contient des balises pour l'année en cours, l'adresse d'une entreprise, etc. Ces balises externes ne sont pas compatibles avec Klaviyo.

Les balises du modèle Klaviyo sont contenues entre crochets. Les variables sont entourées de deux paires de crochets (par exemple, {{ first_name }}), et les balises de modèle sont entourées d'une paire de crochets et de symboles de pourcentage (par exemple, {% unsubscribe %}). Si les balises et les variables de votre modèle sont désignées par d'autres caractères, Klaviyo ne les prendra pas en charge.

Ajouter des images et des pièces jointes (facultatif)

Ajouter des images et des pièces jointes (facultatif)

Vous pouvez référencer les images et les pièces jointes en téléchargeant un fichier zip contenant vos pièces jointes et en les référençant par leur nom de fichier dans votre modèle.

Lorsque vous cliquez pour importer votre modèle, ces images et actifs sont automatiquement ajoutés à notre CDN et leurs références sont mises à jour dans votre modèle.

Ajouter un texte de prévisualisation caché à un modèle HTML personnalisé

Ajouter un texte de prévisualisation caché à un modèle HTML personnalisé

Si vous souhaitez définir le texte de prévisualisation pour un modèle HTML personnalisé (plutôt que de laisser les boîtes de réception extraire le texte de prévisualisation du contenu de votre message), ajoutez le bloc de code ci-dessous à votre modèle. Ce code doit être ajouté immédiatement après la balise d'ouverture <body> de votre modèle.

<div style="display:none ; font-size:1px ; line-height:1px ; max-height:0px ; max-width:0px ; opacity:0 ; overflow:hidden ;"> 
 Insérez ici le texte de l'aperçu.
</div>
Emoji et modèles HTML personnalisés

Emoji et modèles HTML personnalisés

À partir de février 2024, tous les emoji seront pris en charge dans tous les éditeurs de messagerie de Klaviyo (c'est-à-dire l'éditeur par glisser-déposer, l'éditeur hybride, l'éditeur de texte seul et l'éditeur HTML personnalisé).
Ressources complémentaires

Ressources complémentaires

Cet article vous a-t-il été utile ?
Utilisez ce formulaire uniquement pour nous faire part de vos commentaires sur cet article. Comment contacter l’assistance.

Explorer d’autres contenus Klaviyo

Communauté
Contactez des membres de votre secteur, des partenaires et des experts Klaviyo pour trouver de l’inspiration, partager des informations et obtenir des réponses à toutes vos questions.
Formation en direct
Participez à une session en direct avec des experts Klaviyo pour découvrir les bonnes pratiques, apprendre à configurer des fonctionnalités clés et bien plus encore.
Assistance

Accédez à l’assistance via votre compte.

Assistance par e-mail (essai gratuit et comptes payants) Disponible 24h/24 et 7j/7

Chat/assistant virtuel
La disponibilité varie selon l'emplacement et le type de forfait