Paramètres généraux
Cliquez sur le bouton Paramètres tout en haut dans la fenêtre Éditer, pour définir les polices, la grille de base, le jeu de couleurs et d'autres paramètres qui affectent l'ensemble du modèle.
L'assistant pour ces paramètres s'ouvre avec les onglets suivants:
Général
Ces paramètres affectent la mise en page de l'ensemble de la newsletter. Appliquez par exemple directement dans cet onglet des consignes respectant les critères d'identité visuelle de l'entreprise, pour créer des mailings conformes à ces critères.
|
Paramètre |
Description |
|---|---|
|
Titre de la newsletter... |
|
|
Texte |
Ce titre est affiché en tant que titre de la fenêtre de navigation de la version en ligne. |
|
Identité visuelle... |
|
|
Largeur de la zone de contenu |
La largeur minimum est de 100px. Nous recommandons de ne pas dépasser une largeur de 650px, pour garantir un affichage impeccable dans les clients de messagerie courants. Si vous utilisez une largeur plus grande, testez l'affichage dans notre test préalable d'affichage et de délivrabilité. |
|
Alignement |
Ce paramètre affecte l'ensemble de la newsletter. Les illustrations peuvent être alignées avec les paragraphes respectifs. |
|
Marge extérieure |
La valeur maximale est de 1/8 de la largeur totale de la newsletter. Si une valeur plus grande est indiquée, celle-ci est automatiquement réduite à la valeur maximale. Veuillez noter qu'une marge plus grande peut avoir un effet négatif sur l'affichage de la newsletter. |
|
Marge intérieure |
Ce paramètre définit la marge entre le cadre et les textes ou illustrations. Il n'affecte l'affichage que si vous avez défini une couleur de fond ou une image de fond différente pour l'élément de contenu. La valeur maximale est de 1/8 de la largeur totale de la newsletter. Si une valeur plus grande est indiquée, celle-ci est automatiquement réduite à la valeur maximale. |
|
Marge entre les paragraphes de plan |
Si n'indiquez ici aucune valeur, une valeur de 15 pixels sera utilisée par défaut. Indiquez ici une valeur en pixels qui soit différente. |
|
Marge entre textes et images |
La valeur maximale est de 20 pixels. Si une valeur plus grande est indiquée, celle-ci est automatiquement réduite à la valeur maximale. |
|
Qualité d'image |
Choisissez Haute résolution pour donner aux images plus de netteté sur des écrans de haute résolution. L’image téléchargée doit avoir la largeur double de l'image dans le mailing. Exemple : Pour une image de 200 pixels de large dans le mailing, il vous faut une image de 400 pixels de large. |
|
Favicon... |
|
|
URL |
Indiquez ici l’URL d’une favicon stockée en externe, qui doit être affichée dans le navigateur dans la version en ligne de votre message. Si vous ne souhaitez pas intégrer de favicon dans la version en ligne de votre message, laissez le champ vide. |
|
Héritage... |
|
|
En-tête |
L'héritage de la zone d'en-tête affecte toutes les pages d'atterrissage, y compris les pages d'atterrissage générées automatiquement par SWYN. Si vous voulez saisir des contenus différents de la newsletter dans l'en-tête de vos pages d'atterrissage, désactivez l'héritage. |
|
Pied de page |
L'héritage de la zone de pied de page affecte toutes les pages d'atterrissage, y compris les pages d'atterrissage générées automatiquement par SWYN. Si vous voulez saisir des contenus différents de la newsletter dans le pied de page de vos pages d'atterrissage, désactivez l'héritage. |
Paramètres de police
Indiquez ici la taille de police, la couleur de police et la hauteur de ligne pour les intitulés, le texte et les liens.
|
Paramètre |
Description |
|---|---|
|
Intitulés... |
|
|
Police |
Vous pouvez indiquer plusieurs polices séparées par des virgules. Lors de l'affichage du mailing, cette liste est exécutée en commençant par la première police. Si une police n'est pas installée sur le système du destinataire, on tente d'utiliser la police suivante. L'indication qui se trouve en dernier doit toujours être générique. |
|
Couleur |
La couleur de police est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Taille de police |
La valeur doit être indiquée en tant que valeur entière. |
|
Hauteur de ligne |
La valeur est dérivée de la taille de police du navigateur web ou du client de messagerie. Vous pouvez définir les valeurs fixes en tant que valeurs entières. |
|
Souligner |
Activez cette option pour souligner les intitulés. |
|
Afficher en gras |
Par défaut, les intitulés sont affichés en gras. |
|
Textes... |
|
|
Police |
Vous pouvez indiquer plusieurs polices séparées par des virgules. Lors de l'affichage du mailing, cette liste est exécutée en commençant par la première police. Si une police n'est pas installée sur le système du destinataire, on tente d'utiliser la police suivante. L'indication qui se trouve en dernier doit toujours être générique. |
|
Couleur de police |
La couleur de police est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Taille |
La valeur doit être indiquée en tant que valeur entière. |
|
Hauteur de ligne |
La valeur est dérivée de la taille de police du navigateur web ou du client de messagerie. Vous pouvez définir les valeurs fixes en tant que valeurs entières. |
|
Liens... |
|
|
Police |
Vous pouvez indiquer plusieurs polices séparées par des virgules. Lors de l'affichage du mailing, cette liste est exécutée en commençant par la première police. Si une police n'est pas installée sur le système du destinataire, on tente d'utiliser la police suivante. L'indication qui se trouve en dernier doit toujours être générique. |
|
Couleur |
La couleur de police est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Taille |
La valeur doit être indiquée en tant que valeur entière. |
|
Hauteur de ligne |
La valeur est dérivée de la taille de police du navigateur web ou du client de messagerie. Vous pouvez définir les valeurs fixes en tant que valeurs entières. |
|
Souligner |
Vous pouvez mettre en relief les liens en les soulignant dans les textes courants, dans tous les textes sauf les intitulés ou dans tous les textes y compris les intitulés. Sélectionnez l'option souhaitée du menu déroulant. |
|
Afficher en gras |
Vous pouvez mettre en relief les liens en les marquant en gras dans les textes courants, dans tous les textes sauf les intitulés ou dans tous les textes y compris les intitulés. Sélectionnez l'option souhaitée du menu déroulant. |
|
Table des matières avec des liens vers les paragraphes... |
|
|
Police |
Vous pouvez indiquer plusieurs polices séparées par des virgules. Lors de l'affichage du mailing, cette liste est exécutée en commençant par la première police. Si une police n'est pas installée sur le système du destinataire, on tente d'utiliser la police suivante. L'indication qui se trouve en dernier doit toujours être générique. |
|
Couleur |
La couleur de police est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Taille |
La valeur doit être indiquée en tant que valeur entière. |
|
Hauteur de ligne |
La valeur est dérivée de la taille de police du navigateur web ou du client de messagerie. Vous pouvez définir les valeurs fixes en tant que valeurs entières. |
|
Souligner |
Activez cette option pour mettre en relief les liens en les soulignant dans la table des matières. |
|
Afficher en gras |
Activez cette option pour mettre en relief les liens en les mettant en gras dans la table des matières. |
Paramètres de couleur
Indiquez ici la couleur de fond, la couleur de la zone de contenu et la couleur du cadre.
|
Paramètre |
Description |
|---|---|
|
Fond de la newsletter... |
|
|
Couleur |
Le fond de la newsletter est visible en tant que bordure de l'ensemble de la newsletter. La couleur de fond est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Image |
L'affichage correct des images de fond n'est pas pris en charge par tous les clients de messagerie. Par conséquent, l'image de fond ne doit pas contenir d'informations essentielles. Si vous indiquez une image, les paramètres Alignement et Répétition prennent effet. Veuillez noter que l'image de fond n'est visible que sur les bords et qu'elle est couverte au milieu par la newsletter. |
|
Alignement |
Ce paramètre n'est actif que si une image de fond a été définie. |
|
Répétition |
Ce paramètre n'est actif que si une image de fond a été définie. |
|
Fond de la table des matières... |
|
|
Couleur |
La couleur de fond de la newsletter est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Cadre... |
|
|
Afficher |
Si un cadre doit être placé autour de l'ensemble de la newsletter, activez cette option. |
|
Épaisseur |
L'épaisseur du cadre est indiquée par une valeur entière en pixels. Vous pouvez indiquer une épaisseur de cadre différente pour chaque page. L'indication se fait selon le schéma suivant :
|
|
Couleur |
La couleur de cadre est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
Listes
Déterminez les puces à utiliser pour les listes.
|
Paramètre |
Description |
|---|---|
|
Options... |
|
|
Type de liste |
Déterminez les puces à utiliser pour les listes. Si vous souhaitez utiliser une puce en forme de point, choisissez sous le Type de liste l’option Liste à puces. Si vous souhaitez utiliser vos propres puces, téléchargez une image et choisissez l’option Puce personnalisée sous Type de liste. |
| Puce personnalisée | Chargez une puce de votre choix ou saisissez dans le champ URL externe alternative une URL d’image renvoyant à la source d’image. La largeur maximale des puces est de 30 pixels. Les graphiques plus larges sont automatiquement réduits proportionnellement à cette dimension. |
Séparateur de paragraphes
Avec le séparateur de paragraphes, vous pouvez structurer votre newsletter et permettre une navigation simple à l'aide du lien vers le haut. Insérez des séparateurs de paragraphes après chaque paragraphe de contenu ou à la fin de blocs thématiques. Un séparateur de paragraphe peut contenir les quatre éléments : ligne de séparation, lien vers le haut, image et espace vide. Vous pouvez définir ici chacun de ces éléments et les sélectionner plus tard séparément dans le séparateur de paragraphes.
|
Paramètre |
Description |
|---|---|
|
Ligne de séparation... |
|
|
Largeur |
La largeur maximale disponible est égale à la largeur totale de la newsletter moins la marge intérieure choisie. Si le lien vers le haut est aussi inclus dans le même élément, la largeur maximale de la ligne de séparation est réduite à la largeur du lien. |
|
Alignement |
L'alignement de la ligne de séparation ne prend effet que si la largeur est plus petite que la largeur totale de la newsletter. |
|
Épaisseur |
L'épaisseur doit être indiquée par une valeur entière. |
|
Couleur |
La couleur de trait est indiquée en tant que code hexadécimal. Cliquez dans ce champ pour ouvrir le choix de couleur. Vous pouvez indiquer ici n'importe quelle valeur chromatique. L'affichage des valeurs chromatiques non conformes peut différer de l'original selon le navigateur. |
|
Mobile... |
|
|
Largeur de la ligne de séparation |
Paramétrez ici une largeur en pourcentage de la ligne de séparation dans la version mobile. |
|
Lien vers le haut... |
|
|
Symbole |
Vous pouvez remplacer l'icône standard par une illustration de votre choix et charger cette dernière. La largeur maximale de l'illustration est égale à la largeur totale de la newsletter moins la marge intérieure choisie. Les illustrations plus larges sont réduites proportionnellement. |
|
Texte |
Le texte de lien est toujours affiché. Si le client de messagerie du destinataire n'affiche pas les illustrations d'icône, seul le texte apparaît. |
|
Position du texte |
Indiquez ici la position du texte de lien (Vers le haut) par rapport à l'icône. |
|
Position |
Indiquez ici le positionnement vertical du lien vers le haut (icône et texte) par rapport à la ligne de séparation. Dans les paramètres par défaut, le lien vers le haut est placé sur la ligne de séparation. |
|
Alignement |
Indiquez ici l'alignement horizontal du lien vers le haut (icône et texte) par rapport à la ligne de séparation. |
|
Image... |
|
|
Image |
Chargez une image depuis votre ordinateur ou saisissez dans le champ URL externe alternative une URL d'image renvoyant à la source d'image. Si vous utilisez cette option, assurez-vous qu'au moment de l'envoi du mailing l'image puisse être appelée depuis le serveur externe. |
|
Texte alternatif |
Ce texte est affiché si le destinataire a bloqué le téléchargement des images ou si pour une autre raison les images ne peuvent pas être affichées. Nous recommandons de toujours saisir un texte alternatif contenant une courte description de l'image ou le titre de l'image. |
|
Lien |
Vous pouvez mettre l'image en lien, par ex. vers une page d'atterrissage. Si vous avez déjà saisi un lien de texte, nous recommandons d'utiliser ici le même lien. |
|
Position |
Le positionnement de l'image peut être indiqué par rapport à la ligne de séparation et au lien vers le haut. Cette position n'affecte par conséquent l'apparence que si au moins un de ces éléments ou les deux sont choisis dans un séparateur de paragraphe. |
|
Alignement |
Indiquez l'alignement horizontal de l'image. Si l'image occupe toute la largeur disponible, ce paramètre n'a aucun effet. |
|
Espaces vides... |
|
|
Au-dessus du séparateur de paragraphes |
De façon facultative les espaces vides peuvent être insérés plus tard dans chaque séparateur de paragraphe, pour donner plus de clarté à la newsletter. |
|
Entre le lien vers le haut et la ligne de séparation ou le symbole |
De façon facultative les espaces vides peuvent être insérés plus tard dans chaque séparateur de paragraphe, pour donner plus de clarté à la newsletter. |
|
Sous le séparateur de paragraphes |
Les espaces vides peuvent être insérés ultérieurement en option dans chaque séparateur de paragraphe, pour donner plus de clarté à la newsletter. |
Modèle de bouton
Veuillez lire la documentation sur la fonction Click2Go.
SWYN
Si vous utilisez la fonction SWYN pour diffuser des contenus plus largement par les réseaux sociaux, vous pouvez paramétrer ici l'affichage des textes et icônes liés à cette fonction dans les éléments de contenu de votre mailing.
|
Paramètre |
Description |
|---|---|
|
Introduction... |
|
|
Texte |
Saisissez ici le texte qui s'affiche dans le mailing avec les icônes SWYN, au-dessous de tous les éléments de contenu pour lesquels vous activez la fonction SWYN. Le texte ne s'affiche dans les différents paragraphes que si l'espace disponible calculé est suffisant. |
|
|
|
|
Marge entre les éléments |
Par défaut, l'espace entre les éléments swyn (titre, icônes) est défini de manière identique à la valeur définie à Marge entre textes et images dans l'onglet Général. L'espace maximum est de 20 pixels. |
|
Qualité d’image |
Sélectionnez un autre paramètre pour remplacer la qualité de l'image dans les paramètres du modèle. Choisissez Haute résolution pour donner aux images plus de netteté sur des écrans de haute résolution. L’image téléchargée doit avoir la largeur double de l'image dans le mailing. Exemple : Pour une image de 200 pixels de large dans le mailing, il vous faut une image de 400 pixels de large. |
|
Symboles... Remarque: La fonction SWYN doit être activée pour chaque symbole à afficher dans le mailing. La largeur maximale est de 30 pixels, ou 60 pixels si vous sélectionnez la Haute résolution pour la qualité d'image. |
|
|
|
Chargez une icône ou indiquez une URL renvoyant à une image, qui s'affichera dans le mailing. |
|
|
Chargez une icône ou indiquez une URL renvoyant à une image, qui s'affichera dans le mailing. |
|
|
Chargez une icône ou indiquez une URL renvoyant à une image, qui s'affichera dans le mailing. |
|
|
Chargez une icône ou indiquez une URL renvoyant à une image, qui s'affichera dans le mailing. |
|
|
Chargez une icône ou indiquez une URL renvoyant à une image, qui s'affichera dans le mailing. |
Produits
Le type de paragraphe Produit contient les positions caractéristiques pour la description de produit. Définissez ici l'ordre de ces positions.
| Paramètre |
Valeur par défaut |
Description |
|---|---|---|
| Ordre... | ||
|
Position 1 |
Nom |
Indiquez ici le nom du produit. |
|
Position 2 |
Catégorie |
Indiquez ici une catégorie de produits. Si vous n'indiquez rien ici, cette position ne sera pas affichée. |
|
Position 3 |
Auteur/interprète/producteur |
Indiquez ici un fabricant ou un auteur ou interprète. Vous pouvez aussi utiliser ce champ pour d'autres indications. |
|
Position 4 |
Texte |
Indiquez ici une description de produit. Si vous n'indiquez rien ici, cette position ne sera pas affichée. |
|
Position 5 |
Ancien prix |
Cette position vous permet, par exemple, d'afficher en toute simplicité des offres spéciales ou des réductions de prix. |
|
Position 6 |
Prix actuel |
Indiquez ici le prix du produit. |
Interface de contenu
Dans cet onglet, vous pouvez définir jusqu'à cinq mises en pages alternatives pour les contenus de l'interface de contenu par la libre saisie d'HTML/de texte. Dans le paragraphe d'interface de contenu, vous pouvez choisir la mise en page souhaitée.
Le texte source saisi ici est appliqué dans la newsletter sans vérification supplémentaire. Tous les formatages souhaités de textes et liens doivent être déjà au format HTML.
Attention: L'utilisation de ces options peut conduire à de graves erreurs d'affichage de la newsletter.
|
Paramètres |
Description |
|---|---|
|
Mise en page 1...5 |
|
|
Version ordinateur de bureau |
Saisissez ici le texte source pour la version ordinateur de bureau. |
|
Version mobile |
Saisissez ici le texte source pour la version mobile. |
|
Version texte |
Saisissez ici le texte source pour la version texte. |
Insérer des contenus
Les contenus de l'interface de contenu sont à votre disposition sous la forme de variables Velocity suivantes et peuvent ainsi être insérés dans le texte source.
- Variables de statut - informations concernant le paragraphe d'article actuel
- Variables de présence - pour l'utilisation de requêtes vérifiant la présence d'un élément
- Variables de valeur - pour la sortie du contenu
Remarque: Particularités
- Définitions des polices : Lors de l'utilisation d'une variante de mise en page, toutes les définitions de polices doivent être disponibles dans le format HTML saisi. Les textes ne sont pas formatés par le Template Kit, afin que vous ayez toute liberté quant à la conception visuelle. Inversement, cela signifie que les liens dans les textes courants (s'il y en a) doivent être déjà formatés en conséquence par l'interface de contenu. En outre, il existe des variables qui insèrent le texte respectif sous forme préformatée (par ex. $text1FormattedValue). Dans ce cas, les textes sont formatés par le Template Kit.
- Largeur : Le paragraphe d'interface de contenu peut varier en largeur comme tous les autres paragraphes. Par conséquent, lors de l'utilisation d'une variante de mise en page, vous devez veiller à ce que le travail ne se fasse, si possible, qu'avec des pourcentages ou sans aucune indication de largeur. En revanche, vous pouvez tout à fait travailler avec des largeurs fixes, dans la mesure où le paragraphe d'interface de contenu est toujours utilisé dans la même configuration ou qu'une variante de mise en page est définie à chaque fois pour les différentes largeurs du paragraphe.
- Risque d'erreurs d'affichage : Lorsque vous saisissez librement l'HTML pour la version ordinateur de bureau et mobile, vous avez la responsabilité de l'affichage correct dans les différents clients de messagerie ou messageries web. Dans le pire des cas, de graves erreurs d'affichage peuvent se produire.
Variables de statut
|
Variable |
Type |
Description |
|---|---|---|
|
$first |
booléen |
Est |
|
$index |
entier |
Contient la position de l'article dans le paragraphe d'interface de contenu en tant que nombre (1 pour le premier article, 2 pour le second article etc.). |
|
$last |
booléen |
Est |
Variables de présence
|
Variable |
Type |
Description |
|---|---|---|
|
$text1Present |
booléen |
Contient |
|
$text2Present |
booléen |
Contient |
|
$text3Present |
booléen |
Contient |
|
$text4Present |
booléen |
Contient |
|
$text5Present |
booléen |
Contient |
|
$text6Present |
booléen |
Contient |
|
$text7Present |
booléen |
Contient |
|
$text8Present |
booléen |
Contient |
|
$text9Present |
booléen |
Contient |
|
$text10Present |
booléen |
Contient |
|
$link1TextPresent |
booléen |
Contient |
|
$link1UrlPresent |
booléen |
Contient |
|
$link2TextPresent |
booléen |
Contient |
|
$link2UrlPresent |
booléen |
Contient |
|
$link3TextPresent |
booléen |
Contient |
|
$link2UrlPresent |
booléen |
Contient |
|
$image1ImageUrlPresent |
booléen |
Contient |
|
$image1AltTextPresent |
booléen |
Contient true, s'il existe un contenu pour le champ Texte alternatif du groupe Image 1 dans l'onglet Images, sinon false. |
|
$image1LinkPresent |
booléen |
Contient |
|
$image2ImageUrlPresent |
booléen |
Contient |
|
$image2AltTextPresent |
booléen |
Contient |
|
$image2LinkPresent |
booléen |
Contient |
|
$image3ImageUrlPresent |
booléen |
Contient |
|
$image3AltTextPresent |
booléen |
Contient |
|
$image3LinkPresent |
booléen |
Contient |
|
$image4ImageUrlPresent |
booléen |
Contient |
|
$image4AltTextPresent |
booléen |
Contient |
|
$image4LinkPresent |
booléen |
Contient |
|
$image5ImageUrlPresent |
booléen |
Contient |
|
$image5AltTextPresent |
booléen |
Contient |
|
$image5LinkPresent |
booléen |
Contient |
|
$image6ImageUrlPresent |
booléen |
Contient |
|
$image6AltTextPresent |
booléen |
Contient |
|
$image6LinkPresent |
booléen |
Contient |
Variables de valeur
|
Variable |
Type |
Environnement |
Description |
|---|---|---|---|
|
$text1Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 1. |
|
$text1FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 1. |
|
$text1FormattedAsHeadlineValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 1. Le texte est disponible au formatage pour intitulés et sera mis en lien avec l'URL du Lien 1. |
|
$text2Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 2. |
|
$text2FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 2. |
|
$text3Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 3. |
|
$text3FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 3. |
|
$text4Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 4. |
|
$text4FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 4. |
|
$text5Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 5. |
|
$text5FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 5. |
|
$text6Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 6. |
|
$text6FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 6. |
|
$text7Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 7. |
|
$text7FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 7. |
|
$text8Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 8. |
|
$text8FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 8. |
|
$text9Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 9. |
|
$text9FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 9. |
|
$text10Value |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte 10. |
|
$text10FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte 10. |
|
$link1TextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte du groupe Lien 1. |
|
$link1UrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ URL du groupe Lien 1. |
|
$link1FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte du groupe Lien 1. Le texte est disponibleau formatage de liens et sera mis en lien avec l'URL du Lien 1. |
|
$link2TextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte du groupe Lien 2. |
|
$link2UrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ URL du groupe Lien 2. |
|
$link2FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte du groupe Lien 2. Le texte est disponible au formatage de liens et sera mis en lien avec l'URL du Lien 2. |
|
$link3TextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte du groupe Lien 3. |
|
$link3UrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ URL du groupe Lien 3. |
|
$link3FormattedValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient le contenu préparé du champ Texte du groupe Lien 3. Le texte est disponible dans le formatage de liens et sera mis en lien avec l'URL du Lien 3. |
|
$image1ImageUrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient l'adresse d'image de l'Image 1. |
|
$image1AltTextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte alternatif du groupe Image 1". |
|
$image1LinkValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Lien du groupe Image 1. |
|
$image1FormattedValue |
chaîne de caractères |
Mobile |
Contient le texte source HTML complet de l'Image 1 avec texte alternatif et lien. La largeur d'image est fixée à 100% (largeur disponible). |
|
$image1FullFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 1 avec texte alternatif et lien. La largeur d'image maximale est la largeur disponible du paragraphe. |
|
$image1HalfFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 1 avec texte alternatif et lien. La largeur d'image maximale est la moitié de la largeur disponible du paragraphe. |
|
$image2ImageUrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient l'adresse d'image de l'Image 2. |
|
$image2AltTextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte alternatif du groupe Image 2. |
|
$image2LinkValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Lien du groupe Image 2. |
|
$image2FormattedValue |
chaîne de caractères |
Mobile |
Contient le texte source HTML complet de l'Image 2 avec texte alternatif et lien. La largeur d'image est fixée à 100% (largeur disponible). |
|
$image2FullFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 2 avec texte alternatif et lien. La largeur d'image maximale est la largeur disponible du paragraphe. |
|
$image2HalfFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 2 avec texte alternatif et lien. La largeur d'image maximale est la moitié de la largeur disponible du paragraphe. |
|
$image3ImageUrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient l'adresse d'image de l'Image 3. |
|
$image3AltTextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte alternatif du groupe Image 3. |
|
$image3LinkValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Lien du groupe Image 3. |
|
$image3FormattedValue |
chaîne de caractères |
Mobile |
Contient le texte source HTML complet de l'Image 3 avec texte alternatif et lien. La largeur d'image est fixée à 100% (largeur disponible). |
|
$image3FullFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 3 avec texte alternatif et lien. La largeur d'image maximale est la largeur disponible du paragraphe. |
|
$image3HalfFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 3 avec texte alternatif et lien. La largeur d'image maximale est la moitié de la largeur disponible du paragraphe. |
|
$image4ImageUrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient l'adresse d'image de l'Image 4. |
|
$image4AltTextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte alternatif du groupe Image 4. |
|
$image4LinkValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Lien du groupe Image 4. |
|
$image4FormattedValue |
chaîne de caractères |
Mobile |
Contient le texte source HTML complet de l'Image 4 avec texte alternatif et lien. La largeur d'image est fixée à 100% (largeur disponible). |
|
$image4FullFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 4 avec texte alternatif et lien. La largeur d'image maximale est la largeur disponible du paragraphe. |
|
$image4HalfFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 4 avec texte alternatif et lien. La largeur d'image maximale est la moitié de la largeur disponible du paragraphe. |
|
$image5ImageUrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient l'adresse d'image de l'Image 5. |
|
$image5AltTextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte alternatif du groupe Image 5. |
|
$image5LinkValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Lien du groupe Image 5. |
|
$image5FormattedValue |
chaîne de caractères |
Mobile |
Contient le texte source HTML complet de l'Image 5 avec texte alternatif et lien. La largeur d'image est fixée à 100% (largeur disponible). |
|
$image5FullFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 5 avec texte alternatif et lien. La largeur d'image maximale est la largeur disponible du paragraphe. |
|
$image5HalfFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 5 avec texte alternatif et lien. La largeur d'image maximale est la moitié de la largeur disponible du paragraphe. |
|
$image6ImageUrlValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Contient l'adresse d'image de l'Image 6. |
|
$image6AltTextValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Texte alternatif du groupe Image 6. |
|
$image6LinkValue |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles,, texte |
Contient le contenu non modifié du champ Lien du groupe Image 6. |
|
$image6FormattedValue |
chaîne de caractères |
Mobile |
Contient le texte source HTML complet de l'Image 6 avec texte alternatif et lien. La largeur d'image est fixée à 100% (largeur disponible). |
|
$image6FullFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 6 avec texte alternatif et lien. La largeur d'image maximale est la largeur disponible du paragraphe. |
|
$image6HalfFormattedValue |
chaîne de caractères |
Ordinateur de bureau |
Contient le texte source HTML complet de l'Image 6 avec texte alternatif et lien. La largeur d'image maximale est la moitié de la largeur disponible du paragraphe. |
|
$editBar |
chaîne de caractères |
Ordinateur de bureau, terminaux mobiles |
Insère la barre d'outils du paragraphe. C'est par exemple nécessaire lors de la réalisation d'articles juxtaposés, pour intégrer la barre d'outils dans le tableau. Si cette variable n'est pas disponible, la barre d'outils est placée au-dessus de l'article. |
Exemples de variantes de mise en page
Les exemples montrent le texte source de la mise en page standard et peuvent être adaptés pour d'autres variantes de mise en page.
Remarque: Supprimez tous les commentaires HTML, lignes vides et espaces, lorsque vous transférez l'HTML dans le Template Kit. Autrement, ceux-ci sont aussi envoyés et gonflent ainsi le texte source de la newsletter.
Version ordinateur de bureau
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%">
#set($displaySeparator = false)
#if("$text1Present" == "true")
$text1FormattedAsHeadlineValue
#set($displaySeparator = true)
#end
#if("$image1ImageUrlPresent" == "true")
#if("$text1Present" == "true")
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#set($displaySeparator = false)
#end
<table border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td width="10"></td>
<td>
#if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true")
<a href="$link1UrlValue" target="_blank">
#end
$image1HalfFormattedValue
#if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true")
</a>
#end
</td>
</tr>
</table>
#end
#if("$text2Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text2FormattedValue
#set($displaySeparator = true)
#end
#if("$text3Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text3FormattedValue
#set($displaySeparator = true)
#end
#if("$text4Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text4FormattedValue
#set($displaySeparator = true)
#end
#if("$text5Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text5FormattedValue
#set($displaySeparator = true)
#end
#if("$text6Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text6FormattedValue
#set($displaySeparator = true)
#end
#if("$text7Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text7FormattedValue
#set($displaySeparator = true)
#end
#if("$text8Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text8FormattedValue
#set($displaySeparator = true)
#end
#if("$text9Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text9FormattedValue
#set($displaySeparator = true)
#end
#if("$text10Present" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$text10FormattedValue
#set($displaySeparator = true)
#end
#if("$link1TextPresent" == "true" && "$link1UrlPresent" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$link1FormattedValue
#set($displaySeparator = true)
#end
#if("$link2TextPresent" == "true" && "$link2UrlPresent" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$link2FormattedValue
#set($displaySeparator = true)
#end
#if("$link3TextPresent" == "true" && "$link3UrlPresent" == "true")
#if($displaySeparator)
<table width="10" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="10" height="10"></td>
</tr>
</table>
#end
$link3FormattedValue
#set($displaySeparator = true)
#end
</td>
</tr>
<tr>
<td width="100%" height="10"><!-- --></td>
</tr>
</table>
Version mobile
#set($displaySeparator = false)
#if("$text1Present" == "true")
$text1FormattedAsHeadlineValue
#set($displaySeparator = true)
#end
#if("$image1ImageUrlPresent" == "true")
#if("$text1Present" == "true")
<div style="height: 10px;"></div>
#set($displaySeparator = false)
#end
<div style="float: right; margin-left: 10px; max-width: 50%;">
#if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true")
<a href="$link1UrlValue" target="_blank">
#end
$image1FormattedValue
#if("$image1LinkPresent" != "true" && "$link1UrlPresent" == "true")
</a>
#end
</div>
#end
#if("$text2Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text2FormattedValue
#set($displaySeparator = true)
#end
#if("$text3Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text3FormattedValue
#set($displaySeparator = true)
#end
#if("$text4Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text4FormattedValue
#set($displaySeparator = true)
#end
#if("$text5Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text5FormattedValue
#set($displaySeparator = true)
#end
#if("$text6Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text6FormattedValue
#set($displaySeparator = true)
#end
#if("$text7Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text7FormattedValue
#set($displaySeparator = true)
#end
#if("$text8Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text8FormattedValue
#set($displaySeparator = true)
#end
#if("$text9Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text9FormattedValue
#set($displaySeparator = true)
#end
#if("$text10Present" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$text10FormattedValue
#set($displaySeparator = true)
#end
#if("$link1TextPresent" == "true" && "$link1UrlPresent" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$link1FormattedValue
#set($displaySeparator = true)
#end
#if("$link2TextPresent" == "true" && "$link2UrlPresent" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$link2FormattedValue
#set($displaySeparator = true)
#end
#if("$link3TextPresent" == "true" && "$link3UrlPresent" == "true")
#if($displaySeparator)
<div style="height: 10px;"></div>
#end
$link3FormattedValue
#set($displaySeparator = true)
#end
<div style="clear: both; height: 10px;"><!-- --></div>
Version texte
#set($displaySeparator = false)#if("$text1Present" == "true")#if($displaySeparator)
#end$!{null}$text1Value#set($displaySeparator = true)#end$!{null}#if("$text2Present" == "true")#if($displaySeparator)
#end$!{null}$text2Value#set($displaySeparator = true)#end$!{null}#if("$text3Present" == "true")#if($displaySeparator)
#end$!{null}$text3Value#set($displaySeparator = true)#end$!{null}#if("$text4Present" == "true")#if($displaySeparator)
#end$!{null}$text4Value#set($displaySeparator = true)#end$!{null}#if("$text5Present" == "true")#if($displaySeparator)
#end$!{null}$text5Value#set($displaySeparator = true)#end$!{null}#if("$text6Present" == "true")#if($displaySeparator)
#end$!{null}$text6Value#set($displaySeparator = true)#end$!{null}#if("$text7Present" == "true")#if($displaySeparator)
#end$!{null}$text7Value#set($displaySeparator = true)#end$!{null}#if("$text8Present" == "true")#if($displaySeparator)
#end$!{null}$text8Value#set($displaySeparator = true)#end$!{null}#if("$text9Present" == "true")#if($displaySeparator)
#end$!{null}$text9Value#set($displaySeparator = true)#end$!{null}#if("$text10Present" == "true")#if($displaySeparator)
#end$!{null}$text10Value#set($displaySeparator = true)#end$!{null}#if("$link1TextPresent" == "true" && "$link1UrlPresent" == "true")#if($displaySeparator)
#end$!{null}$link1TextValue
$link1UrlValue#set($displaySeparator = true)#end$!{null}#if("$link2TextPresent" == "true" && "$link2UrlPresent" == "true")#if($displaySeparator)
#end$!{null}$link2TextValue
$link2UrlValue#set($displaySeparator = true)#end$!{null}#if("$link3TextPresent" == "true" && "$link3UrlPresent" == "true")#if($displaySeparator)
#end$!{null}$link3TextValue
$link3UrlValue#set($displaySeparator = true)#end$!{null}#if("$image1ImageUrlPresent" == "true" && "$image1AltTextPresent" == "true" && ("$image1LinkPresent" == "true" || "$link1UrlPresent" == "true"))#if($displaySeparator)
#end$!{null}$image1AltTextValue
#if("$image1LinkPresent" == "true")$image1LinkValue$!{null}#else$!{null}$link1UrlValue#end#end$!{null}
Flux RSS
Dans cet onglet, vous pouvez définir jusqu'à cinq mises en pages alternatives pour les articles de flux RSS par une saisie libre d'HTML/de texte. Vous pouvez choisir la mise en page souhaitée dans le paragraphe de flux RSS.
Le texte source saisi ici est appliqué dans la newsletter sans vérification supplémentaire. Tous les formatages souhaités de textes et liens doivent être déjà au format HTML.
Attention: L'utilisation de ces options peut conduire à de graves erreurs d'affichage de la newsletter.
|
Paramètre |
Description |
|---|---|
|
Espace réservé pour l'URL du flux RSS... |
|
|
Valeur pour {placeholder1} |
Insérez l'espace réservé {placeholder1} dans le champ de saisie URL de votre paragraphe de flux RSS dans l'onglet Flux RSS. Cet espace réservé sera remplacé par la valeur enregistrée ici avant l'appel du flux RSS. |
|
Valeur pour {placeholder2} |
Insérez l'espace réservé {placeholder2} dans le champ de saisie URL de votre paragraphe de flux RSS dans l'onglet Flux RSS. Cet espace réservé sera remplacé par la valeur enregistrée ici avant l'appel du flux RSS. |
|
Valeur pour {placeholder3} |
Insérez l'espace réservé {placeholder3} dans le champ de saisie URL de votre paragraphe de flux RSS dans l'onglet Flux RSS. Cet espace réservé sera remplacé par la valeur enregistrée ici avant l'appel du flux RSS. |
|
Ordre (mise en page standard)... |
|
|
Position 1 |
Sélectionnez ici le contenu qui doit apparaître à cet endroit. |
|
Position 2 |
Sélectionnez ici le contenu qui doit apparaître à cet endroit. |
|
Position 3 |
Sélectionnez ici le contenu qui doit apparaître à cet endroit. |
|
Position 4 |
Sélectionnez ici le contenu qui doit apparaître à cet endroit. |
|
Mise en page 1...5 |
|
|
Version ordinateur de bureau |
Saisissez ici le texte source pour la version ordinateur de bureau. |
|
Version mobile |
Saisissez ici le texte source pour la version mobile. |
|
Version texte |
Saisissez ici le texte source pour la version texte. |
Insérer des contenus
Les contenus du flux RSS sont à votre disposition sous forme de variables Velocity et peuvent ainsi être insérés dans le texte source. Des "variables d'état" (informations concernant le paragraphe d'article actuel), des variables de présence (pour l'utilisation de requêtes vérifiant la présence d'un élément) et des variables de valeur (pour la sortie du contenu) sont disponibles.
Remarque: Particularités
- Définitions des polices : Lors de l'utilisation d'une variante de mise en page, toutes les définitions de polices doivent être disponibles dans le format HTML saisi. Les textes ne sont pas formatés par le Template Kit, afin que vous ayez toute liberté quant à la conception visuelle. Inversement, cela signifie que les liens dans les textes courants (s'il y en a) doivent être déjà formatés en conséquence par le flux RSS.
- Largeur : Le paragraphe de flux RSS peut varier en largeur comme tous les autres paragraphes. Par conséquent, lors de l'utilisation d'une variante de mise en page, vous devez veiller à ce que le travail ne se fasse, si possible, qu'avec des pourcentages ou sans aucune indication de largeur. D'un autre côté, vous pouvez tout à fait travailler avec des largeurs fixes, dans la mesure où le paragraphe de flux RSS est toujours utilisé dans la même configuration ou qu'une variante de mise en page est définie à chaque fois pour les différentes largeur du paragraphe.
- Largeur d'image : Lors de l'utilisation d'une variante de mise en page alternative, les images ne sont traitées par le Template Kit que de façon limitée (la largeur de contenu disponible du paragraphe est adoptée comme largeur maximale). Fournissez donc les images déjà dans la largeur nécessaire. Sinon, vous pouvez forcer le redimensionnement en indiquant une largeur fixe dans l'HTML - mais cela est déconseillé, car par exemple Outlook ignore cette indication et l'image est affichée dans sa taille d'origine.
- Alignement de liens/Position de l'image : Ces options n'ont aucun effet lorsqu'une variante de mise en page alternative est utilisée. L'alignement ou la position des éléments est définie par l'HTML saisi.
- Risque d'erreurs d'affichage : Lorsque vous saisissez librement l'HTML pour la version ordinateur de bureau et mobile, vous avez la responsabilité de l'affichage correct dans les différents clients de messagerie ou messageries web. Dans le pire des cas, de graves erreurs d'affichage peuvent se produire.
Variables d'état
|
Variable |
Type |
Description |
|---|---|---|
|
rssItemFirst |
booléen |
Est |
|
rssItemIndex |
entier relatif |
Contient la position de l'article dans le paragraphe de flux RSS en tant que nombre (1 pour le premier article 2 pour le deuxième article, etc.). |
|
rssItemLast |
booléen |
Est |
Variables de présence
|
Variable |
Type |
Description |
|---|---|---|
|
rssTitlePresent |
booléen |
Contient |
|
rssTextPresent |
booléen |
Contient |
|
rssAuthorPresent |
booléen |
Contient |
|
rssDatePresent |
booléen |
Contient |
|
rssCategoriesPresent |
booléen |
Contient |
|
rssLinkTextPresent |
booléen |
Contient |
|
rssLinkUrlPresent |
booléen |
Contient |
|
rssCommentsLinkTextPresent |
booléen |
Contient |
|
rssCommentsLinkUrlPresent |
booléen |
Contient |
|
rssImageUrlPresent |
booléen |
Contient |
|
rssImageAltTextPresent |
booléen |
Contient |
|
rssImageLinkPresent |
booléen |
Contient |
Variables de valeur
|
Variable |
Type |
Description |
|---|---|---|
|
rssTitleValue |
chaîne de caractères |
Contient le contenu du champ Titre. |
|
rssTextValue |
chaîne de caractères |
Contient le contenu du champ Texte. |
|
rssAuthorValue |
chaîne de caractères |
Contient le contenu du champ Auteur. |
|
rssDateValue |
chaîne de caractères |
Contient le contenu du champ Date. |
|
rssCategoriesValue |
chaîne de caractères |
Contient le contenu du champ Catégories. |
|
rssLinkTextValue |
chaîne de caractères |
Contient le contenu du champ Texte du groupe Lien. |
|
rssLinkUrlValue |
chaîne de caractères |
Contient le contenu du champ URL du groupe Lien. |
|
rssCommentsLinkTextValue |
chaîne de caractères |
Contient le contenu du champ Texte du groupe Lien vers les commentaires. |
|
rssCommentsLinkUrlValue |
chaîne de caractères |
Contient le contenu du champ URL du groupe Lien vers les commentaires. |
|
rssImageUrlValue |
chaîne de caractères |
Contient l'URL d'image (chargement d'image) de l'onglet Image. |
|
rssImageAltTextValue |
chaîne de caractères |
Contient le contenu du champ Texte alternatif de l'onglet Image. |
|
rssImageLinkValue |
chaîne de caractères |
Contient le contenu du champ Lien de l'onglet Image. |
|
editBar |
chaîne de caractères |
Insère la barre d'outils de l'article de flux RSS. C'est par exemple nécessaire lors de la réalisation d'articles juxtaposés, pour intégrer la barre d'outils dans le tableau. Si cette variable n'est pas disponible, la barre d'outils est placée au-dessus de l'article. |
Exemple de variante de mise en page
L'exemple génère un affichage à deux colonnes d'une largeur de 580 pixels.
Remarque: Supprimez tous les commentaires HTML, lignes vierges et espaces, lorsque vous transférez l'HTML dans le Template Kit. Autrement, ceux-ci sont aussi envoyés et gonflent ainsi le texte source de la newsletter.
<!-- Cette requête veille à ce que quelque chose ne soit affiché que si les contenus utilisés pour cette mise page sont disponibles. -->
#if($rssTitlePresent || $rssImageUrlPresent || $rssAuthorPresent || $rssDatePresent || $rssTextPresent || ($rssLinkTextPresent && $rssLinkUrlPresent))
<!-- Pour obtenir l'affichage à deux colonnes, un tableau cadre est ouvert dans le premier article de flux RSS. -->
#if($rssItemFirst)
<table border="0" cellpadding="0" cellspacing="0">
<tr>
#end
<!-- Pour chaque article, une cellule de tableau de la moitié de la largeur est générée, dans laquelle se trouve l'ensemble du contenu de l'article de flux RSS. -->
<td width="280" align="left" valign="top">
<!-- La barre d'outils est placée à cet endroit, afin qu'elle apparaisse au-dessus de l'article de flux RSS respectif. -->
$editBar
#if($rssTitlePresent)
<font size="2" face="Arial, sans-serif" color="#000001" style="font-size: 14px;"><b>
#if($rssLinkUrlPresent)
<a href="$rssLinkUrlPresent" style="color: #000001; text-decoration: none;" target="_blank">
#end
<font size="2" face="Arial, sans-serif" color="#000001" style="font-size: 14px;"><b>$rssTitleValue</b></font>
#if($rssLinkUrlPresent)
</a>
#end
</b></font>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="10"></td>
</tr>
</table>
#end
#if($rssImageUrlPresent)
#if($rssImageLinkPresent)
<a href="$rssImageLinkValue" target="_blank">
#end
#if(!$rssImageLinkPresent && $rssLinkUrlPresent)
<a href="$rssLinkUrlValue" target="_blank">
#end
<!-- L'image est définie avec une largeur de 130 pixels. Elle doit déjà exister dans la bonne largeur, sinon elle est étirée ou comprimée. -->
<img src="$rssImageUrlValue" alt="$rssImageAltTextValue" width="130" border="0" align="right" style="display: block; float: right;" />
#if($rssImageLinkPresent || $rssLinkUrlPresent)
</a>
#end
#end
#if($rssAuthorPresent || $rssDatePresent || $rssTextPresent)
<font size="1" face="Arial, sans-serif" color="#666666" style="font-size: 11px;">
#if($rssDatePresent || $rssAuthorPresent)
<span style="font-size: 10px;">
$rssDateValue
#if($rssDatePresent && $rssAuthorPresent)
|
#end
$rssAuthorValue
</span>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="100%" height="10"></td>
</tr>
</table>
#end
$rssTextValue
</font>
#end
#if($rssLinkTextPresent && $rssLinkUrlPresent)
<font size="1" face="Arial, sans-serif" color="#666666" style="font-size: 11px; line-height: 11px;">
–
<nobr>
<a href="$rssLinkUrlValue" style="line-height: 11px; color: #666666; text-decoration: underline;" target="_blank">
<font size="1" face="Arial, sans-serif" color="#666666" style="font-size: 11px;">
<u>$rssLinkTextValue</u>
</font>
</a>
</nobr>
</font>
#end
<!-- Après chaque premier article de flux RSS (situé à gauche), la cellule de tableau est fermée et une nouvelle est ouverte. -->
#if($rssItemIndex % 2 == 1)
</td>
<td width="20"></td>
<!-- Après chaque deuxième article de flux RSS (situé à droite), le tableau cadre ouvert en haut est fermé, une marge est insérée et un nouveau tableau cadre est ouvert. -->
#else
</td>
</tr>
</table>
#if(!$rssItemLast)
<table width="580" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="580" height="20"></td>
</tr>
</table>
#end
<table border="0" cellpadding="0" cellspacing="0">
<tr>
#end
<!-- Après le dernier article de flux RSS, le tableau cadre est fermé. -->
#if($rssItemLast)
</tr>
</table>
#end
#end
Le paragraphe pour Facebook contient une mise en page par défaut pour obtenir une conception visuelle de votre article Facebook. Si vous souhaitez utiliser votre propre mise en page en plus de la mise en page par défaut, vous pouvez programmer jusqu’à deux mises en page supplémentaires en code HTML. Ensuite, vous choisissez vos mises en page personnalisées directement dans une liste dans le paragraphe Facebook (voir aussi section Mises en page Facebook).
Remarque: Pour configurer des mises en page personnalisées, vous devez maîtriser les bases du langage de programmation HTML. Si vous entrez un code HTML erroné, vous pouvez avoir de gros problèmes dans la mise en page de votre mailing. Le code HTML saisi n’est pas validé/vérifié.
|
Paramètre |
Description |
|---|---|
|
Ordre (mise en page standard) |
|
|
Position 1 à 3 |
En sélectionnant l’option souhaitée dans la liste, déterminez à quel endroit la date, l’auteur et le texte doivent s’afficher. Conseil: Pour fixer l’écartement entre ces informations, modifiez la valeur dans l’onglet Général puis dans Aspect visuel dans le champ Espace entre les textes et les images. |
|
Mise en page 1 et 2 |
|
|
Version ordinateur de bureau |
Saisissez le texte source pour la version bureau. |
|
Version mobile |
Saisissez le texte source pour la version mobile. |
|
Version texte |
Saisissez le texte source pour la version texte. |
Le paragraphe pour Twitter contient une mise en page par défaut pour obtenir une conception visuelle de votre Tweets. Si vous souhaitez utiliser votre propre mise en page en plus de la mise en page par défaut, vous pouvez programmer jusqu’à deux mises en page supplémentaires en code HTML. Ensuite, vous choisissez vos mises en page personnalisées directement dans une liste dans le paragraphe Facebook (voir aussi section Mises en page Twitter).
Remarque: Pour configurer des mises en page personnalisées, vous devez maîtriser les bases du langage de programmation HTML. Si vous entrez un code HTML erroné, vous pouvez avoir de gros problèmes dans la mise en page de votre mailing. Le code HTML saisi n’est pas validé/vérifié.
|
Paramètre |
Description |
|---|---|
|
Ordre (mise en page standard) |
|
|
Position 1 à 3 |
En sélectionnant l’option souhaitée dans la liste, déterminez à quel endroit la date, l’auteur et le texte doivent s’afficher. Conseil: Pour fixer l’écartement entre ces informations, modifiez la valeur dans l’onglet Général puis dans Aspect visuel dans le champ Espace entre les textes et les images. |
|
Mise en page 1 et 2 |
|
|
Version ordinateur de bureau |
Saisissez le texte source pour la version bureau. |
|
Version mobile |
Saisissez le texte source pour la version mobile. |
|
Version texte |
Saisissez le texte source pour la version texte. |
Menu de navigation
Le paragraphe du menu de navigation contient une mise en page standard pour la conception visuelle de vos menus de navigation. En outre, vous pouvez stocker jusqu'à 5 mises en page supplémentaires sous forme de code HTML. Plus tard, lors de la création d'un menu de navigation, vous sélectionnez vos mises en page définies par l'utilisateur directement à partir d'une liste de sélection dans le paragraphe du menu de navigation (voir Mise en page du menu de navigation).
Remarque: Pour configurer des mises en page personnalisées, vous devez maîtriser les bases du langage de programmation HTML. Si vous entrez un code HTML erroné, vous pouvez avoir de gros problèmes dans la mise en page de votre mailing. Le code HTML saisi n’est pas validé/vérifié.
|
Paramètre |
Description |
|---|---|
|
Mise en page 1-5 |
|
|
Version ordinateur de bureau |
Saisissez le texte source pour la version bureau. |
|
Version mobile |
Saisissez le texte source pour la version mobile. |
|
Version texte |
Saisissez le texte source pour la version texte. |
Données structurées (Structured data)
Ajoutez des données structurées à votre mailing pour le présenter de manière plus visible et attrayante dans la boîte de réception du destinataire ou ajoutez des fonctions supplémentaires. Le programme de messagerie électronique du destinataire doit prendre en charge des données structurées à cet effet. Si ce n'est pas le cas, les données structurées sont ignorées et le mailing est affiché régulièrement dans la boîte de réception du destinataire.
Activez la case de Gmail Promotion tab pour placer l'e-mail en évidence dans l'onglet Promotions Gmail en utilisant des données structurées. Selon le contenu fourni, Gmail ajoutera un logo d'entreprise, une image, un code de coupon et une minuterie à l'aperçu de l'e-mail.
Remarque: Les données structurées générées par Episerver Campaign sont conformes aux spécifications de Gmail. Cependant, Episerver n'a aucune influence sur la façon dont les données structurées sont finalement interprétées dans la boîte de réception Gmail. De plus amples informations sur l'onglet Promotions Gmail sont disponibles sur le site Web des développeurs Gmail.
Vous pouvez également saisir des données structurées directement comme texte source JSON-LD dans la zone JSON-LD source code. Notez qu'aucune validation n'a lieu et que même une petite erreur dans le code source de JSON-LD peut avoir pour conséquence que les données structurées ne sont pas lues. Dans tous les cas, testez au préalable l'affichage à l'aide d'une répartition de test.
| Paramètre | Description |
|---|---|
|
Gmail Promotions tab |
|
| Activate |
Activez la case à cocher pour ajouter des données structurées à l'envoi. Si vous cliquez sur Appliquer, une boîte jaune apparaît dans la zone d'édition supérieure avec le message Données structurées actives pour ce mailing. Cliquez sur Afficher pour afficher les données structurées sous forme de texte source JSON-LD dans la zone <head> du texte source HTML. Conseil: Si vous connaissez JSON-LD, vous pouvez utiliser l'aperçu du code pour revoir, copier et modifier le code dans la section JSON-LD source code. |
| Start date |
Si vous voulez annoncer une promotion temporaire, vous devez spécifier une date de début. La date de début doit être antérieure à la date d'envoi de l'envoi afin que Gmail prenne en compte les données structurées. Utilisez le format de date spécifié. |
| Start time |
Définissez une heure de début. Utilisez le format de l'heure hh:mm:ss. |
| End date | Gmail calcule la minuterie à partir de la date et de l'heure de fin jusqu'à la fin de l'action. La date de fin doit être postérieure à la date d'envoi de l'envoi afin que Gmail prenne en compte les données structurées. Utilisez le format de date spécifié. |
| End time |
Définissez l'heure à laquelle la promotion doit se terminer. Utilisez le format de l'heure hh:mm:ss. |
| Time zone |
Sélectionnez le fuseau horaire auquel vos données de temps se réfèrent. Gmail l'utilise pour calculer l'heure de fin du fuseau horaire du destinataire. Exemple : Une promotion qui se termine à 10h en France se termine à 17h au Japon. |
| Logo | Téléchargez le logo de votre entreprise. Le logo sera affiché à côté de l'aperçu de l'envoi. Vous pouvez également saisir une URL externe où se trouve le logo. Le logo doit être carré et avoir au moins 40 x 40 pixels. |
| Coupon description | Entrez une description de votre code promotionnel. Exemple : 30 % de remise. |
| Coupon code | Insérez un code de coupon ou un emplacement selon la façon dont vous générez le code de coupon. Pour plus d'informations sur la façon de créer et d'intégrer des codes de coupon avec Episerver Campaign, voir Coupon system. |
| Image | Téléchargez une image qui apparaît sous le texte dans l'aperçu de l'e-mail. Vous pouvez également saisir une URL externe où l'image peut être trouvée. L'image doit être rectangulaire et avoir au moins 324 x 83 pixels. |
Suivi
Tous les liens sortants peuvent être élargis par des paramètres de suivi. Ces paramètres peuvent être utilisés à l'aide d'un logiciel d'analyse web pour évaluer le comportement de clics. Vous pouvez indiquer jusqu'à cinq paramètres de suivi. Chaque paramètre est composé d'une clé (nom du paramètre) et d'une valeur.
|
Paramètre |
Description |
|
|---|---|---|
|
Paramètre 1...5 |
||
|
Clé |
Indiquez ici le nom du paramètre. |
|
| Valeur | Saisissez une valeur numérique ou une chaîne de caractères. | |
Version texte
Vous pouvez saisir ici une version manuelle à la place de la version texte générée automatiquement du mailing. Veuillez noter que vous devez saisir à cet endroit l'ensemble de la version texte de la newsletter. Les contenus issus des différents paragraphes ne seront pas pris en charge, si vous activez cette option.
| Paramètre | Description |
|---|---|
| Version texte alternative... | |
| Activé | Par défaut, la version texte est créée automatiquement à partir des textes de la version HTML. Activez cette option si vous souhaitez éditer manuellement la version texte. La version texte ne doit contenir ni HTML ni tout autre langage de balisage. Veuillez noter qu'après l'activation de la version texte alternative, les modifications dans la version HTML ne seront plus appliquées automatiquement dans la version texte. |
| Texte | Saisissez ici l'ensemble du texte pour la version texte du mailing. Veuillez noter que la version texte ne permet aucun formatage. Vous ne pouvez utiliser comme éléments de séparation que des sauts de ligne et des caractères spéciaux (par ex. ***** ou ++++++) |
Mobile
Dans cet onglet, vous pouvez activer une version de votre newsletter optimisée pour les terminaux mobiles. Celle-ci sera envoyée avec la version ordinateur de bureau et affichée sur les Smartphones et tablettes.
| Paramètre | Description |
|---|---|
| Général... | |
| Activer la version mobile | Activez cette option pour créer une version mobile. Par défaut, tous les contenus sont pris en charge dans la version mobile. Vous pouvez configurer dans chaque paragraphe si celui-ci doit être affiché dans la version mobile. Veuillez noter que les e-mails envoyés deviennent environ 50-100 Ko plus volumineux, lorsqu'ils contiennent une version mobile. |
| Profil de clics | Sélectionnez ici, de façon facultative, un profil de clics qui sera affecté à tous les destinataires de la version mobile qui cliqueront dans la version mobile. Vous pouvez ainsi évaluer l'utilisation de la version mobile ou créer des groupes cibles qui ne contiennent que les utilisateurs de la version mobile. |
| Activer l'extension de lien | Dans la version mobile de la newsletter, tous les liens sont complétés par un paramètre mobile supplémentaire avec la valeur "1". De cette façon, les liens de la version mobile sont suivis séparément et apparaissent dans les rapports détaillés. De plus, à l'aide de l'option Profil de clics, vous pouvez établir un regroupement pour faciliter l'évaluation. |
Avez-vous besoin d'aide?