Image

Vous pouvez ajouter des images à partir de différentes sources:

à partir de la bibliothèque, comme image fixe (via le bouton Choisir image).
en saisissant l'URL de l'image directement dans le champ Source.
en utilisant un champ Image dans une sélection de données et en utilisant un champ personnalisation comme source.
à partir de la bibliothèque Live Content via le bouton Choisir Live Content.

Lorsque vous intégrez un composant Image au contenu, la fenêtre de propriétés suivante s'affiche:

Utiliser une image de la bibliothèque

Cliquez sur Choisir une image pour accéder à la bibliothèque. Accédez ensuite aux dossiers, puis sélectionnez une image. L'URL est automatiquement ajoutée au champ Source.

Note: Consultez la section Bibliothèque pour plus détails sur la gestion des images.
Les champs de personnalisation peuvent être utilisés pour compléter le chemin d'une image de la bibliothèque.

Exemple:
[%resource(concat([Variable.PATH],'Name of the image',[MASTER.LANG],'.jpg'))%]

Dans cet exemple, nous utilisons une variable de template qui comprend le nom du dossier dans la bibliothèque. Le champ langue du profil maître est récupéré pour utiliser l'image dans la langue préférée du contact. Une fonction 'concat' est utilisée pour concaténer les différents éléments du chemin entier vers l'image.

Utiliser l'URL d'une image

Vous pouvez également saisir une URL manuellement. Il est possible de personnaliser les URL.

Remarque: Assurez-vous que l'URL pointe vers un emplacement auquel tout le monde a accès.

Exemple d'image personnalisée: il existe plusieurs images qui sont utilisées en fonction de la langue du contact. Ajoutez le champ Langue comme champ de personnalisation et vérifiez que des images portant ce nom existent.

[%concat('http://[Path]/','IMAGENAME',[MASTER.LANG],'.jpg)%]

Utiliser une image d'une sélection de données

Lorsqu'une sélection de données est définie dans le template/message, les images qui y sont enregistrées peuvent être utilisées et affichées dans la page. Utilisez les champs de personnalisation pour récupérer le champ de la sélection de données contenant l'image.

Lorsque vous ajoutez une image au Répéteur, il suffit de sélectionner le champ 'Image' dans la liste des champs de la sélection de données. Si vous souhaitez utiliser une image de la sélection de données en dehors du Répéteur, sélectionnez les bons éléments et champs dans la liste de champs renvoyée par la sélection de données. Si la sélection de données renvoie 5 éléments, vous pourrez choisir parmi 5éléments dans la boîte de dialogue Personnalisation:

Exemple: Utilisation d'un champ de personnalisation pour récupérer une image [%itemValue('MANULASELECTION', 0, 'IMAGE')%] de la sélection de données utilisée en dehors du Répéteur:

Utiliser un Live Content

Lorsqu'un Live Content est utilisé dans le template, cliquez sur le bouton Choisir Live Content pour sélectionner une image existante ou en créer une nouvelle. Le champ Source est automatiquement complété par l'image sélectionnée. Pour obtenir plus de détails sur toutes les options disponibles pour le Live Content, consultez cette rubrique.

Exemple:
[%livecontent('530506b4-99fe-4957-af16-3424a668805a')%])

Regarder les vidéos de formation Live Content

Définir les Propriétés de l'image

Lorsque vous ajoutez une image à la conception, vous devez définir les propriétés suivantes:

Texte alternatif — Saisissez le texte à afficher si l'image est introuvable ou si le destinataire du message ne peut pas la visualiser. Il est obligatoire de saisir un texte alternatif.
Lien — (Obligatoire) Sélectionnez le lien URL de l'image dans la liste déroulante ou créez-en un nouveau en cliquant sur +.
Éditer le style— Cliquez sur le crayon pour accéder à l'Éditeur de style et éditer le style.
Supprimer— Cliquez sur la corbeille pour effacer les options de style personnalisé.
Éditer le style— Vous permet de formater l'image:

— pour afficher l'image à 100 %, utilisez la pleine largeur de l'espace disponible.

— largeur fixe définie en pixels et pouvant être utilisée comme largeur.

— Développer par contenu : la taille originale de l'image est utilisée.

Veuillez noter que certains clients de messagerie risquent de rencontrer des problèmes de responsivité si vous définissez une largeur fixe (par exemple, si la largeur de l'e-mail est de 600 pixels alors que la largeur fixe de l'image est définie sur 700 pixels).
Nous vous recommandons de ne définir des largeurs fixes que si vos images sont plus étroites que le point d'arrêt de l'e-mail.

Le point d'arrêt représente la valeur de largeur à partir de laquelle l'e-mail commence à réagir de manière responsive sur des écrans plus petits. Il est défini sur 480 pixels (et ne peut pas être modifié).

— Aligner l'image à gauche, au centre ou à droite.

Afficher sur— Vous permet d'afficher le contenu sur tous les appareils, sur les PC uniquement ou sur les mobiles uniquement. Si vous sélectionnez une option autre que Tous les appareils, tous les autres types d'appareils sont exclus. Si vous sélectionnez l'option Mobile, l'image ne pourra donc pas être affichée sur les PC et vice versa.

Exemple: Nous avons ajouté une image de la bibliothèque pour le logo Parana et utilisé le lien vers le site web.

Copier le contenu du Composant Image vers d'autres langues

Par défaut, lorsque vous ajoutez de nouveaux Composants Contenu à un message, seule la structure du composant est copiée automatiquement dans d'autres langues. Cependant, en utilisant la fonction Copier le contenu vers d'autres langues, vous pouvez maintenant copier le composant avec son contenu vers une ou plusieurs langues.

Cette option est disponible une fois que le composant est placé sur le message et que plusieurs langues ont été définies pour le message.

Cliquez sur le bouton Copier le contenu dans d'autres langues dans les propriétés du composant.

La boîte de dialogue qui s'affiche permet de sélectionner des langues cibles.