Intégrer un compte à rebours aux messages
Insérez dans votre message les comptes à rebours que vous avez créés à l’aide d’une fonction de champ. Vous pouvez insérer dans le message le compte à rebours indépendant ou accompagné d’une image de produit/d’un visuel clé assemblés en un graphique unifié.
Insérer un compte à rebours indépendant par fonction de champ
Conseil: Dans les instructions étape par étape ci-dessous, nous vous montrons la procédure à l’aide de Template Kit. Si vous utilisez un modèle personnalisé, le détail des différentes étapes peut varier quelque peu.
- Dans Episerver Campaign, rendez-vous dans la fenêtre Éditer le contenu de votre message.
- Dans votre message, créez un nouveau paragraphe de contenu en cliquant sur Nouveau : Paragraphe de contenu.
Sur le côté droit, une fenêtre de sélection du type de paragraphe s’ouvre.
- Cliquez sur Texte/image.
La fenêtre de configuration du type de paragraphe sélectionné s’ouvre.
- Dans la zone Texte, cliquez sur
.Une fenêtre contenant une liste s’ouvre. Dans la liste se trouvent toutes les fonctions de champ qui ont été créées dans votre client.
- Dans la liste, sélectionnez la fonction de champ du compte à rebours que vous souhaitez insérer dans votre message. Confirmez votre sélection en cliquant sur OK.
Remarque: Si vous utilisez une fonction de champ URL image, insérez-la dans le code source comme suit :
<img src="{countdownImageUrl:0123456789}"/>. - Cliquez sur Appliquer.
Vous avez correctement intégré le compte à rebours dans votre message.
—Image—
Conseil: L’affichage du compte à rebours n’est pas en temps réel dans l’aperçu. Envoyez-vous un message de test afin de contrôler l’affichage du compte à rebours avant d’envoyer la newsletter à vos destinataires. Pour vous envoyer un message de test à vous-même, cliquez dans le Template Kit en haut à droite sur Message test.
Insérer un compte à rebours avec une image de produit/un visuel clé
Si vous avez préparé des graphiques pour le compte à rebours (voir Préparer des graphiques) et créé le compteur du compte à rebours (voir Créer un compte à rebours), vous pouvez insérer un assemblage de votre image de produit/du visuel clé avec le compte à rebours sous forme de graphique unifié.
Conseil: Dans les instructions étape par étape ci-dessous, nous vous montrons la procédure à l’aide de Template Kit. Si vous utilisez un modèle personnalisé, le détail des différentes étapes peut varier quelque peu. Nous vous recommandons par ailleurs de créer un nouveau paragraphe de plan pour l’assemblage.
La procédure de base est la suivante : Placez l’image de produit/le visuel clé et le compteur séparément dans deux paragraphes l’un en dessous de l’autre et sans marge.
- Dans Episerver Campaign, rendez-vous dans la fenêtre Éditer le contenu de votre message.
- Créez un nouveau paragraphe de plan en cliquant sur Nouveau : paragraphe.
Sur le côté droit, une fenêtre de sélection du type de paragraphe s’ouvre.
- Cliquez sur Paragraphe de plan.
La fenêtre de configuration du type de paragraphe sélectionné s’ouvre.
- Dans Identité visuelle dans le champ Marge entre les paragraphes de contenu, saisissez le nombre 0 .
Remarque: Si vous oubliez à ce stade de saisir un 0, votre image de produit/visuel clé et le compte à rebours ne seront dans certains cas pas assemblés sans marge.
- Confirmez vos modifications en cliquant sur Appliquer.
- Ajoutez au paragraphe de plan un nouveau paragraphe de contenu pour votre image de produit/visuel clé en cliquant sur Nouveau : paragraphe de contenu à gauche dans l’aperçu sous votre nouveau paragraphe de plan.
Sur le côté droit, une fenêtre de sélection du type de paragraphe s’ouvre.
- Cliquez sur Texte/image.
La fenêtre de configuration du type de paragraphe sélectionné s’ouvre.
- Rendez-vous dans l’onglet Image et téléchargez votre image de produit/visuel clé en cliquant sur Parcourir... et en sélectionnant une image dans l’explorateur de fichiers. Si votre image de produit/visuel clé est enregistré(e) de manière externe, indiquez l’URL.
- Centrez l’image de produit/le visuel clé en sélectionnant une position de centrage sous Position dans la liste de sélection, par exemple Centré sous le lien. Confirmez vos modifications en cliquant sur Appliquer.
- Ajoutez à votre paragraphe de plan un nouveau paragraphe de contenu pour le compte à rebours en cliquant sur Nouveau : paragraphe de contenu à gauche dans l’aperçu.
Sur le côté droit, une fenêtre de sélection du type de paragraphe s’ouvre.
- Cliquez sur Texte/image.
La fenêtre de configuration du type de paragraphe sélectionné s’ouvre.
- Dans la zone Texte, cliquez sur .
Une fenêtre contenant une liste s’ouvre. Dans la liste se trouvent toutes les fonctions de champ qui ont été créées dans votre client.
- Dans la liste, sélectionnez la fonction de champ du compte à rebours à insérer dans le paragraphe de contenu. Confirmez votre sélection en cliquant sur OK.
- Centrez la fonction de champ insérée en cliquant sur le bouton de centrage.
- Enregistrez les modifications en cliquant sur Appliquer.
Conseil: Vous avez correctement assemblé votre image de produit/visuel clé avec le compte à rebours sous forme de graphique. Dans l’aperçu, le compte à rebours n’est pas affiché en temps réel. Testez l’assemblage avant d’envoyer votre message à vos destinataires en vous en envoyant un message test au préalable.
Remarque: Si vous utilisez une fonction de champ URL image, insérez-la dans le code source comme suit : <img src="{countdownImageUrl:0123456789}"/>.
Avez-vous besoin d'aide?