La Plateforme Marketing Emarsys est dotée d'un moteur de validation de modèle intégré, pour vous aider à créer tout seul des modèles syntaxiquement valides dans l' éditeur basé sur les blocs (VCE). Cela vous aide à vous assurer de ne rate aucun problème de formatage ou de contenu qui pourrait affecter négativement votre délivrabilité ou vos objectifs marketing.
Table des matières
Avant de commencer, veuillez vous assurer d'avoir bien lu nos lignes directrices :
Comment ça marche ?
Le moteur de validation de modèle est accessible dans l'éditeur de modèle basé sur les blocs. Lorsque vous créez un nouveau modèle ou en modifiez un existant, il compare votre code HTML à nos lignes directrices et vous avertit en temps réel via un message affiché dans le panneau d'aperçu live s'il a détecté un problème.
Étendez les messages d'alerte de validation pour obtenir une description plus détaillée des erreurs. Chaque description d'erreur particulière contient un lien qui vous emmènera vers le cadre ou le bloc dans lequel le problème a été repéré, de sorte que vous puissiez le résoudre.
Tant qu'il y a des problèmes avec la syntaxe de votre modèle, vous ne pourrez pas l'utiliser pour la création de campagne. Sur la page Modèles , la miniature de tels modèles est indiquée par un point d'exclamation orange et un message d'erreur.
Erreurs de cadre
Lorsque vous modifiez le cadre de votre modèle, il est possible que vous rencontriez les problèmes et messages de validation suivants :
| Problème | Message d'erreur |
|---|---|
| Jetons manquants. | Erreur de 'cadre'; jetons #body# ou #style# manquants. |
| Jetons dupliqués. | Erreur de 'cadre'; multiples jetons #body# ou #style#. |
| Jetons mal placés. | Erreur de 'cadre'; jetons #body# ou #style# inattendus. |
| Cadre vide. | Erreur de 'cadre'; le cadre est vide. |
Le jeton #body# est niché dans l'élément tbody.* | Erreur de cadre ; <tbody> inattendu. |
* Actuellement, nous n'autorisons pas cette combinaison de code dans le cadre du modèle :
...<tbody> #body# </tbody> ...
Erreurs de bloc
Lorsque vous modifiez les blocs de votre modèle, il est possible que vous rencontriez les problèmes et messages de validation suivants :
| Problème | Message d'erreur |
|---|---|
| Le modèle n'a pas de blocs. | Le modèle ne contient aucun bloc. |
| Le bloc de modèle est vide. | Erreur dans le Nouveau bloc ; élément de racine de bloc manquant. |
| Le modèle contient une erreur de code. | Le modèle contient des blocs invalides. |
Combinaisons de code de bloc valides
Dans l'éditeur de bloc, les erreurs les plus communes sont imputables à l'utilisation d'éléments de racine invalides dans le code HTML.
Les blocs que vous ajoutez à votre modèle sont représentés par le jeton #body# dans le code de votre cadre. Lorsque vous créez ou modifiez les blocs, vous devez réfléchir à la façon dont le jeton #body# est nichée dans le HTML du cadre du modèle car l'élément parant de#body# détermine quelles balises HTML peuvent être des éléments de top niveau, ou éléments racines, au sein des blocs.
Pour éviter les erreurs de bloc liées à l'utilisation d'éléments de racine invalides, suivez ces règles simples qui couvrent les structures de cadre les plus communes.
Règle numéro 1
Si vous choisissez <body> comme élément parent du jeton #body# dans le cadre, utilisez toujours <table> et/ou <div> comme élément racine dans vos blocs.
| Cadre | Racines de bloc |
|---|---|
...<body> #body#</body>... | <table> <tr> <td>Contenu 1</td> <td>Contenu 2</td> </tr></table><div> Sommaire3</div> |
Règle numéro 2
Si vous choisissez <center> comme élément parent du jeton #body# dans le cadre, utilisez toujours <table> et/ou <div> comme élément racine dans vos blocs.
| Cadre | Racines de bloc |
|---|---|
...<body>... <center> #body# </center>... </body>... | <table> <tr> <td>Contenu 1</td> <td>Contenu 2</td> </tr></table><div> Sommaire3</div> |
Règle numéro 3
Si vous choisissez <div> comme élément parent du jeton #body# dans le cadre, utilisez toujours <table> et/ou <div> comme élément racine dans vos blocs.
| Cadre | Racines de bloc |
|---|---|
...<body>... <div> #body#... </body>... | <table> <tr> <td>Contenu 1</td> <td>Contenu 2</td> </tr></table><div> Sommaire3</div> |
Règle numéro 4
Si vous choisissez <table> comme élément parent du jeton #body# dans le cadre, utilisez toujours <tr> comme élément racine dans vos blocs.
| Cadre | Racines de bloc |
|---|---|
...<body>... #body# </table>... </body>... | <tr> <td width= 10 > </td></tr><tr> <td>Contenu 1</td></tr><tr> <td width= 10 > </td></tr> |
Règle numéro 5
Si vous choisissez td comme élément parent de la balise #body# dans le cadre, utilisez toujours <table> et/ou <div> comme élément racine de vos blocs.
| Cadre | Racines de bloc |
|---|---|
...<body>... <table> <tr> <td> #body# </td> </tr></table>... </body>... | <table> <tr> <td>Contenu 1</td> <td>Contenu 2</td> </tr></table><div> Sommaire3</div> |
