Vous apprendrez
Apprenez à dépanner le code personnalisé lors de l'importation d'un modèle HTML personnalisé ou de la création de votre propre modèle codé personnalisé.
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 n'est pas en mesure de vous aider à créer vos modèles personnalisés au-delà des conseils généraux fournis 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.
Éléments HTML et CSS personnalisés
Certains éléments HTML et CSS utilisés pour rendre les e-mails interactifs ne sont pas pris en charge actuellement. Par exemple, si vous cherchez à rendre votre courriel interactif dans Gmail en utilisant certains sélecteurs d'attributs CSS, votre modèle peut déclencher une erreur dans Klaviyo.
Klaviyo ne supporte pas actuellement certains opérateurs (comme ~) dans les modèles d'email. Cela peut limiter la portée de l'utilisation de certains codes HTML et CSS personnalisés. Si votre modèle contient du HTML ou du CSS qui n'est pas entièrement pris en charge, vous ne pourrez pas générer un aperçu de votre courrier électronique et vous verrez un message d'erreur à la place.
Problèmes HTML courants
Si vous constatez que votre courriel HTML personnalisé n'a pas l'air correct, voici quelques points à vérifier.
Guillemets simples dans la policeGuillemets simples dans la police
Chaque fois que vous ajoutez un attribut font-family dans CSS, recherchez des guillemets simples ou des guillemets inutiles. Supprimez tous les guillemets lorsque vous ajoutez votre police.
| Problème | Fixe |
| font-family : "Helvetica Neue", Helvetica, Arial | font-family:Helvetica Neue, Helvetica, Arial |
Questions sur les médias
Si les requêtes de média ne sont pas dans le format standard, le rendu ne sera pas correct. Respectez le format standard pour toutes les questions relatives aux médias.
| Format standard de requête média |
| @media only screen and (max-width : 460px) |
Étiquettes centrales inutiles
Si vous avez plusieurs balises HTML <center> dans votre modèle d'e-mail, il se peut que votre e-mail ne s'affiche pas correctement dans Gmail. Pour résoudre ce problème, supprimez toutes les <center> balises inutiles du centre <> . Une seule balise <center> est nécessaire en haut du modèle de courrier électronique, près de la balise <body>. Toutes les balises supplémentaires <center> sont superflues.
Klaviyo ne supporte pas les emails JavaScript
La plupart des clients de messagerie (Gmail, Hotmail, Yahoo, etc.) considèrent que la présence de JavaScript dans les e-mails constitue une menace pour la sécurité. En effet, les scripts peuvent cacher des contenus malveillants. En conséquence, ces principaux clients de messagerie bloquent totalement les scripts dans les e-mails. Compte tenu de la menace de sécurité inhérente à l'utilisation de JavaScipt dans les courriers électroniques et de l'absence de prise en charge de ces scripts par la plupart des principaux clients de messagerie, tout script ajouté sera automatiquement supprimé.
Klaviyo ne prend pas en charge les formulaires ou les vidéos intégrés.Klaviyo ne prend pas en charge les formulaires ou les vidéos intégrés.
Klaviyo ne prend pas en charge les formulaires, widgets ou vidéos intégrés dans les modèles. En effet, nos tests montrent que ces types de fonctionnalités ne s'affichent pas de manière fiable sur les principaux clients de messagerie. À l'instar des extraits JavaScript, la plupart des clients de messagerie considèrent ces éléments comme une menace pour la sécurité et les suppriment complètement des messages électroniques.
Si vous souhaitez apprendre à contourner ce problème, consultez cet article sur l'ajout d'une vidéo ou d'un GIF à un courrier électronique.
Autres balises et attributs non pris en chargeAutres balises et attributs non pris en charge
Les balises et attributs HTML abordés ici ne constituent pas une liste exhaustive de l'assistance offerte par Klaviyo. En général, les éléments HTML pris en charge par les principaux fournisseurs de boîtes de réception sont également pris en charge par Klaviyo.
Si votre modèle contient du HTML non pris en charge, Klaviyo tentera de remplacer l'élément non pris en charge par une alternative prise en charge (c'est-à-dire un span tag). S'il n'y a pas de remplacement clair, cette partie de votre HTML sera enlevée. Si des parties de votre code HTML semblent disparaître après les avoir ajoutées, cela signifie qu'elles ne sont probablement pas prises en charge ; essayez un autre code HTML tag ou un autre attribut pour obtenir un effet similaire.
Ressources complémentaires