Quand vous construisez votre propre modèle, nous faisons le maximum pour valider votre code et nous assurer que le résultat soit conforme aux normes du secteur. Veuillez toutefois noter que nous soumettre votre design et nous laisser le construire pour vous est la seule manière de garantir cette conformité et la possibilité pour Emarsys de vous aider à résoudre tous les problèmes éventuellement posés ensuite par ces modèles. Pour plus d'informations, voir Commander un modèle d'email à Emarsys.
Pour des exemples de code live, consultez le modèle pré-constuit Emarsys dans l'éditeur de style et regardez comment construire une structure de variables, quelles variables peuvent être configurées pour chaque élément de contenu et comment les nommer.
Pour créer votre propre modèle, procédez comme suit :
- Ouvrez le menu Canaux et sélectionnez Campagnes email.
- Cliquez sur Créer un email.
N'oubliez pas de choisir Éditeur basé sur les blocs si l'on vous donne le choix de l'éditeur. - Sur la page Vos modèles, cliquez sur Créer un modèle..
- Suivez les onglets sur la gauche dans l'ordre, de haut en bas. Ils sont décrits plus en détail ci-dessous.
Les modèles d'emails supprimés peuvent être restaurés. En savoir plus.
Éditeur de trames
Pour plus d'informations sur l'éditeur de code, regardez la vidéo sur la release produit de juin 2024 :
Sur l'onglet Éditeur de trames , vous sélectionnez le type de document pour l'email et ajoutez le code HTML fournissant la mise en page de base de votre campagne email.
Le formatage amélioré du code de l'éditeur de cadres facilite votre travail grâce aux fonctionnalités suivantes :
- Fonctionnalité avancée de recherche et de remplacement : recherche par correspondance, par mot et par expression rationnelle.
- Formatage automatique du code : retour à la ligne, numérotation des lignes
- Nombre de caractères, taille du contenu
- Amélioration de la mise en évidence de la syntaxe
- fil d'Ariane HTML pour sélectionner rapidement les sections valides du code.
Un HTML de trame basique contient deux caractères de remplissage : #style# et #body#. Il s'agit d'éléments obligatoires du code HTML de la trame. #style# correspond au code que vous avez fourni dans l'Éditeur de style et #body# représente les blocs que vous avez insérés dans votre modèle.
Éditeur de style
C'est dans l' Éditeur de style que vous collez le CSS qui déterminera le style de votre email.
Blocs de conenu
Une fois que vous avez créé votre trame et votre style, vous pouvez commencer à créer les Blocs de contenu. Vous devriez créer un bloc pour chaque élément dans votre email, y-compris l'en-tête et le footer.
- Chaque Bloc de contenu doit commencer par un élément au niveau du bloc, par ex. <div>...</div> ou <table>...</table> ou <tr>...</tr>. C'est l'engin de Validation de modèle d'email qui définit l'élément au niveau du bloc requis.
- Pour insérer des espaces dans la version texte des emails VCE, utilisez des espaces plutôt que des onglets dans le code HTML. Évitez d'utiliser des onglets car ils entraîneront des espaces manquants entre les mots dans les textes.
Afin de maintenir la meilleure performance du système, essayez de limiter le nombre des blocs dans un modèle à 30.
Pour créer un bloc de contenu, cliquez sur Créer un nouveau bloc puis collez-y votre code HTML. Il apparaîtra immédiatement visible dans le panneau d'aperçu.
Cliquez sur l'icône crayon pour modifier le code source du bloc de contenu.
Quand vous aurez créé tous vos blocs de contenu, vous pourrez alors les sélectionner dans la colonne sur la gauche.
Les blocs y sont listés par ordre alphabétique. Vous pouvez utiliser des préfixes numériques pour déterminer l'ordre d'affichage (tel que montré ci-dessus), de sorte qu'il reflète l'ordre dans lequel ils apparaîtront dans l'email.
Pour créer la vue par défaut, insérez les blocs dans le modèle, soit en cliquant sur Insérer dans le modèle sur le bloc lui-même avant de cliquer sur Insérer ou faire glisser le bloc ici, soit simplement en le faisant glisser dans le zone de largage Insérer ou faire glisser un bloc ici .
Si vous cliquez là-dessus sur un bloc dans le panneau d'aperçu, vous le retirez de l'aperçu. Si vous cliquez là-dessus sur un bloc dans la liste de Blocs de contenu sur la gauche, vous le supprimez complètement du modèle.
Contenu modifiable et facultatif
Contenu modifiable - l'attribut e-editable
Le contenu que vous ajoutez à votre modèle est fixé par défaut et sera le même pour toutes vos campagnes.
Cependant, si certains de vos contenus doivent être mis à jour campagne par campagne, il est recommandé de les laisser ouverts à la modification.
Pour plus d'informations, voir Contenu modifiable - l'attribut e-editable.
Contenu facultatif - l'attribut e-optional
Si vous pensez que vous aurez régulièrement besoin de blocs au contenu similaire mais pas identique, vous pouvez définir des éléments au sein de ce bloc comme facultatif.
Pour plus d'informations, voir Contenu facultatif - l'attribut e-optional.
Variables et polices
Variables
Si vous construisez beaucoup de modèles, vous pouvez utiliser les variables dans votre HTML et votre CSS pour faciliter la personnalisation de vos campagnes email.
Pour plus d'informations, voir : Variables.
Ajouter des polices de caractères
Vous pouvez ajouter des polices personnalisées à votre modèle.
Important:
- Pour des raisons de conformité, vous pouvez utiliser :
- des polices sous licence, ou bien
- des polices hébergées localement et embarquées hors-ligne.
- Le téléchargement de fichiers de polices dans la base de données média se fait à vos risques et périls. Tout contenu téléchargé dans la base de données média l'est à vos risques et périls et vous devez vérifier si le contenu est protégé par les lois sur les droits d'auteur. Pour plus d'informations, voir Ajouter des polices - FAQ.
- Même si certaines polices web en ligne ont prouvé qu'elles fonctionnaient, nous ne les prenons pas en charge pour des raisons de protection des données relatives aux transferts de données en-dehors de l'Espace Économique Européen.
Pour plus d'information, voir Ajouter des polices.