Créer un compte à rebours
Si vous avez préparé les deux éléments graphiques de votre offre spéciale (l’image de produit/le visuel clé et la zone du compteur) (voir Préparer des graphiques) ou si vous souhaitez insérer un simple compteur sans présentation graphique dans votre message, vous pouvez créer le compteur du compte à rebours dans Episerver Campaign. Pour ce faire, procédez comme suit.
- Ouvrez le menu de démarrage et cliquez sur Compte à rebours dans le menu Spécial. La fenêtre Compte à rebours s’ouvre.
- Cliquez sur Créer. La fenêtre Créer un compte à rebours s’ouvre.
- Vous pouvez effectuer les réglages suivants :
- Dans le champ Nom, attribuez un nom à votre compte à rebours.
- Dans le champ Date de fin, indiquez la date (zone de champ de gauche) et l’heure (zone de champ de droite) de fin de votre compte à rebours.
- Dans la liste déroulante Format, sélectionnez le format du compteur. Définissez ici également si votre compte à rebours sera animé ou non.
Conseil: Si vous choisissez l’option animé, le compte à rebours sera visible dans votre message. Si vous ne choisissez pas l’option animé, un compteur statique sera affiché pour vos destinataires. Il indiquera à l’ouverture du message le temps restant effectif, mais les chiffres n’évolueront pas comme cela est le cas avec les comptes à rebours animés.
- Dans le champ Séparateurs, saisissez le séparateur que vous souhaitez utiliser entre les chiffres du compteur.
Conseil: Le deux-points est défini comme séparateur par défaut. Vous pouvez utiliser une chaîne comportant jusqu’à 5 caractères pour séparer les chiffres. Si vous ne souhaitez utiliser aucun séparateur entre les chiffres, saisissez un espace dans le champ correspondant.
- Dans le champ Couleur de fond, sélectionnez une couleur de fond pour le compteur en saisissant son code hexadécimal ou en définissant une valeur de couleur à l’aide du sélecteur de couleurs. Si vous avez préparé des graphiques pour le compte à rebours, vous ne devez pas indiquer de couleur de fond. Le compteur sans couleur de fond sera alors automatiquement défini avec votre image d’arrière-plan.
- Dans la zone Image de fond pour les comptes à rebours en cours, chargez une image d’arrière-plan préparée (au format JPEG, PNG, BMP ou GIF avec au minimum 100 pixels et au maximal 800 pixels de largeur et de hauteur) en cliquant sur Charger et en sélectionnant une image dans l’explorateur de fichiers. Veuillez impérativement tenir compte des remarques concernant la conception de vos images d’arrière-plan.
Conseil: Si vous avez suivi notre exemple à la rubrique Préparer des graphiques : À ce stade, chargez le deuxième élément de votre offre spéciale, la zone préparée pour le compteur. L’image de produit/le visuel clé préparé(e) ne sera utilisé(e) que par la suite, lorsque vous insérerez dans votre message l’image de produit/le visuel clé avec le compte à rebours prêt sous forme de graphique (voir rubrique Intégrer un compte à rebours aux messages).
- Vous pouvez aussi charger dans la zone Image de fond pour les comptes à rebours terminés une image d’arrière-plan (au format JPEG, PNG, BMP ou GIF avec au minimum 100 pixels et au maximum 800 pixels de largeur et de hauteur) qui sera affichée dans votre message lorsque le compte à rebours est terminé en cliquant sur Charger et en sélectionnant une image dans l’explorateur de fichiers. Si vous ne chargez pas d’image d’arrière-plan dans cette zone, l’image d’arrière-plan utilisée pour les comptes à rebours en cours sera utilisée en fin de décompte – tous les chiffres seront à zéro.
- Dans le champ Largeur (en px), saisissez la largeur de l’arrière-plan du compteur. Si vous avez chargé une image d’arrière-plan, la largeur de l’image d’arrière-plan chargée sera automatiquement indiquée ici, sans possibilité de saisie manuelle.
- Dans le champ Hauteur (en px), saisissez la hauteur de l’image d’arrière-plan du compteur. Si vous avez chargé une image d’arrière-plan, la hauteur de l’image d’arrière-plan chargée sera automatiquement indiquée ici, sans possibilité de saisie manuelle.
- Dans la liste déroulante Police, sélectionnez la police et la fonte de caractères pour les chiffres du compteur.
Conseil: Si vous avez suivi notre exemple à la rubrique Préparer des graphiques : Indiquez ici la police que vous aviez utilisée pour le compteur test dans votre programme d’édition d’image. Dans notre exemple, nous avions utilisé la police Arial.
- Dans la liste déroulante Police, sélectionnez la police et la fonte de caractères pour les chiffres du compteur.
Conseil: Si vous avez suivi notre exemple à la rubrique Préparer des graphiques : Indiquez ici la police que vous aviez utilisée pour le compteur test dans votre programme d’édition d’image. Dans notre exemple, nous avions utilisé la police Arial.
- Dans le champ Taille de police (en px), indiquez la taille de la police du compteur en Pixels (px). Sélectionnez une taille de police d’au moins 12 px.
Conseil: Si vous avez suivi notre exemple à la rubrique Préparer des graphiques : Indiquez maintenant la taille de police que vous aviez utilisée pour le compteur test dans votre programme d’édition d’image. Dans notre exemple, nous avions utilisé la taille de police 75 px.
Conseil: Vous avez trois possibilités pour indiquer la taille de police et agrandir ou réduire cette dernière :
- par saisie des chiffres à l’aide du clavier
- à l’aide des touches fléchées du clavier (vers le haut et vers le bas)
- en cliquant avec la souris sur la flèche à droite du champ
- Dans le champ Couleur de police, indiquez la couleur de police du compteur sous forme de code hexadécimal ou utilisez le sélecteur de couleurs.
Conseil: Si vous avez suivi notre exemple à la rubrique Préparer des graphiques : Indiquez à présent la couleur de police que vous aviez utilisée pour le compteur test dans votre programme d’édition d’image. Dans notre exemple, nous avions utilisé la couleur de police Blanc au code hexadécimal #FFFFFF .
- Dans le champ Écart du texte à gauche (en px), indiquez en pixels la marge du compteur par rapport au bord gauche de l’image. Utilisez l’aperçu pour vérifier le positionnement souhaité du compteur.
Conseil: Vous avez trois possibilités pour indiquer la marge et agrandir ou réduire cette dernière :
- par saisie des chiffres à l’aide du clavier
- à l’aide des touches fléchées du clavier (vers le haut et vers le bas)
- en cliquant avec la souris sur la flèche à droite du champ
- Dans le champ Écart du texte en haut (en px), indiquez en pixels la marge du compteur par rapport au bord supérieur de l’image. Utilisez l’aperçu pour vérifier le positionnement souhaité du compteur.
- Cliquez sur Enregistrer. Vous avez correctement créé un nouveau compte à rebours. Le message "Les modifications ont été enregistrées avec succès." s’affiche.
- Cliquez sur Fermer. La fenêtre Compte à rebours s’ouvre. Si vous sélectionnez dans la liste un compte à rebours que vous avez créé, un aperçu du compteur s’affiche.
Conseil: Lorsque vous créez un compte à rebours, deux fonctions de champ sont générées que vous pouvez insérer dans votre message :
- Fonction de champ Tag image. Par défaut. Insérez la fonction de champ de champ Tag image directement dans le texte.
- Fonction de champ URL image. Alternative si la fonction de champ Tag image est rendue de manière incorrecte. Insérez la fonction de champ URL image dans le code source comme suit :
<img src="{countdownImageUrl:0123456789}"/>
.