Vous trouverez ici des instructions sur comment inclure au mieux la balise Open Time Content dans le contenu HTML de votre email, en utilisant les différents éditeurs de contenu proposés par Emarsys.
Où placer la balise HTML dans votre email
Il faut ajouter la balise à l'HTML de l'email là où le contenu doit être affiché. En général on crée un <div> pour la balise, de sorte à vous assurer que la hauteur et largeur du HTML soient la même que ce que vous avez défini pour le widget.
Les balises Open Time Content sont ajoutées au HTML de la même manière que les images statiques sont ajoutées. Quand vous construises un email qui va contenir des balises Open Time Content, nous vous recommandons d'utiliser des images caractères de remplissage, qui pourront être remplacées plus tard par la balise.
Exemples
Par exemple voici un projet de code HTML dont les caractères de remplissage apparaissent en rouge :
Ceux-ci seront remplacés plus tard par les éléments de balise corrects :
Notez que dans cet exemple la balise contient aussi des éléments HTML supplémentaires tels que style et alt que le constructeur de widget Open Time Content ne propose pas par défaut.
Utiliser l'éditeur basé sur les blocs (VCE)
Si vous utilisez le nouvel éditeur d'email basé sur les blocs, vous pouvez ajouter un widget à n'importe quel bloc ayant été créé pour l'ajout d'images liées. Ajoutez simplement le lien à partir de la balise aux propriétés de lien et la source d'image de la balise aux propriétés d'image du bloc.
Avant de commencer, assurez-vous que les dimensions du bloc correspondent aux dimensions requises pour le widget, et que la caractéristique e-editable a été réglée pour la source d'image et aussi le lien d'image.
Ajoutez d'abord le lien de la balise puis ensuite le lien d'image. Inverser cet ordre pourrait entraîner la disparition du bloc. Dans ce cas, re-créez le bloc pour continuer l'édition.
Procéder comme suit :
1. Ouvrez votre campagne email dans l'éditeur.
2. Sélectionnez le bloc où vous voulez ajouter le widget à votre email et assurez-vous qu'il est à la bonne place. Vous pourriez avoir avantage à lui donner le même nom que le widget que vous utiliserez.
3. Allez à la balise et copiez l'URL de lien :
4. Ouvrez les Caractéristiques de lien.
5. Collez l'URL de lien du widget dans le champ Url :
6. Ouvrez les Caractéristiques d'image pour le bloc.
7. A partir de la balise de widget, copiez l'URL de la source d'image :
8. Ajoutez-là au champ URL d'image dans les caractéristiques d'image :
L'image de widget montre apparaît maintenant dans l'aperçu.
9. Cliquez sur enregistrer et le widget s'affichera dans cette campagne comme vous l'avez défini.
Utiliser l'éditeur HTML personnalisé
Si vous utilisez le vieil éditeur HTML personnalisé Emarsys pour créer vos emails :
- Créez votre email comme d'habitude en utilisant l'éditeur d'Email HTML personnalisé. Une fois que votre widget est prêt, copiez simplement la balise HTML et collez la dans l'éditeur d'email là où vous voulez qu'apparaisse le widget Open Time Content.
- Enregistrez vos changements et examinez le widget dans l'aperçu.
Si vous utilisez le nouvel éditeur HTML personnalisé :
- Collez la balise dans le panneau Code Source sur la gauche et il apparaîtra immédiatement dans la fenêtre d'aperçu sur la droite.
Utiliser le vieil éditeur d'email basé sur modèle
Si vous utilisez l' éditeur d'email basé sur modèle standard, vous devez ajouter chaque widget dans sa propre section. Vous pouvez vous y prendre des manières suivantes.
1. Ajoutez l'URL et la source d'image séparément
- A partir de la balise, copiez la partie URL.
- Puis insérez là dans le champ Lien de l'éditeur de section.
- Copiez maintenant à partir de la balise le chemin de source d'image.
- Et collez la dans le champ Image de l'éditeur de section.
2. Utiliser le mode avancé
- Ouvrez la section où vous voulez insérer le widget, sélectionnez Options avancées sur la gauche et cliquez sur Basculer vers le mode avancé.
- Cela ouvrira l'éditeur HTML pour cette section. Collez la balise dans l'éditeur et enregistrez. Votre balise devrait apparaître immédiatement dans le panneau d'aperçu.
