Dynamic Media modèles dynamic-media-templates
Créez des modèles personnalisables en temps réel pour vos bannières et prospectus à l’aide de Dynamic Media templates, un éditeur de modèles WYSIWYG. Publiez votre modèle de Dynamic Media et utilisez-le dans les applications en aval. Un modèle de Dynamic Media comprend des calques d’image et de texte. Ajoutez des paramètres aux calques d’image et de texte du modèle et utilisez Dynamic Media URL pour repositionner et redimensionner le calque et mettre à jour son contenu en temps réel.
Voici quelques-unes des principales fonctionnalités :
- Dynamic MediaWYSIWYG Template Editor : créez des bannières personnalisables avec des calques d’image et de texte.
- Paramétrage des couches : permet de définir des paires clé-valeur dynamiques pour les couches afin d’activer les mises à jour en temps réel.
- Prise en charge des URL Dynamic Media: utilisez des URL Dynamic Media pour les modèles, en intégrant des valeurs personnalisées provenant d’applications propriétaires ou tierces.
- Layer Visibility Control : permet de masquer ou d’afficher les calques de manière dynamique selon les besoins.
- Redimensionnement intelligent du texte : permet d’ajuster automatiquement la taille du texte aux zones désignées.
Voici quelques-uns des principaux avantages des modèles de Dynamic Media :
- Optimisez 1:1 Personalization : personnalisez le contenu en fonction des signaux client en temps réel.
- Réduire les efforts manuels : automatiser et accélérer la création et la gestion de contenu.
- Assurer des expériences omnicanal cohérentes : maintenir la cohérence de la marque sur l’ensemble des canaux.
- Réutiliser efficacement le contenu : évitez le contenu à usage unique et mettez à l’échelle avec des modèles dynamiques paramétrés.
- Réduire les risques : mettez à jour les prix, les remises et les liens en temps réel.
- Améliorez l’engagement client : générez des expériences interactives et pertinentes du point de vue contextuel.
Découvrez comment créer un modèle de Dynamic Media étape par étape dans cette vidéo.
Avant de commencer prerequisites-for-dynamic-media-wysiwyg-template
Remplissez les conditions suivantes pour créer un modèle de Dynamic Media et générer son URL de diffusion :
-
Accès à Dynamic Media.
-
Sur la page d’accueil Assets View, vous disposez d’un dossier dans Dynamic Media Assets pour enregistrer votre modèle. Créez un dossier dans
Assets pour répliquer ce dossier dans Dynamic Media Assets . -
Publiez les images à utiliser lors de la création du modèle pour générer l’URL de diffusion du modèle après sa création. L’URL de diffusion peut être utilisée dans les applications en aval.
-
Pour utiliser une autre police que la police Adobe Sans F2 par défaut dans le calque de texte du modèle, chargez et publiez le fichier de police simultanément dans AEM et Dynamic Media. Les formats de fichiers de polices pris en charge sont AEM, OTF, PFB, PFM, PhotoFont, TTC, TTF. Veillez également à retraiter les polices existantes pour les utiliser. Voir Polices pour plus d’informations.
-
vérifiez les points suivants dans l’interface utilisateur tactile :
- Sur la page Modifier Dynamic Media configuration, Dynamic Mediamode de synchronisation défini sur Désactivé par défaut n’est pas appliqué à tous les dossiers AEM (Synchroniser tout le contenu est décoché). Voir Configuration de Dynamic Media Cloud Service pour plus d’informations.
- Dynamic Mediamode de synchronisation est défini sur Activer pour les sous-dossiers pour le dossier ou sous-dossier de destination dans lequel vous enregistrerez le modèle après sa création. Voir Configuration Dynamic Media Cloud Service pour plus d'informations.
Créer Dynamic Media modèle how-to-create-dynamic-media-template
Pour créer un modèle de Dynamic Media, procédez comme suit :
Créer une zone de travail vierge create-a-canvas
Pour créer une zone de travail vide, procédez comme suit :
-
Accédez à Assets View, sélectionnez Dynamic Media Assets disponible dans le panneau de gauche et accédez à votre dossier pour enregistrer votre modèle dans ce dossier.
-
Sélectionnez Créer un modèle. La boîte de dialogue Nouveau modèle s’affiche.
note note NOTE Le modèle est enregistré à l’emplacement où vous l’avez créé. Sur la page d’accueil de Assets View, sélectionnez Dynamic Media Assets et cliquez sur Créer un modèle pour enregistrer le modèle dans le dossier racine Dynamic Media Assets. -
Indiquez un nom de modèle, définissez la largeur et la hauteur de la zone de travail, puis cliquez sur Créer. Une zone de travail vierge s’affiche avec des options de menu des deux côtés à utiliser pour créer le modèle. Pointez sur les options de menu pour afficher leur info-bulle.
note note NOTE La plage de largeur et de hauteur autorisée va de 50 à 5 000.
Options de menu dans le volet de droite : utilisez ces options pour ajouter les calques d’images et de texte nécessaires à la zone de travail.
-
: cliquez pour ajouter des images à la zone de travail. -
: cliquez pour ajouter des textes à la zone de travail. -
: cliquez pour afficher la liste de tous les calques (image et texte) sur la zone de travail. Chaque image et texte ajouté à la zone de travail est représenté sous la forme d’un calque distinct.
Options de menu dans le volet de gauche : utilisez ces options pour les actions suivantes de l’éditeur commun.
-
: sélectionnez et cliquez sur un calque sur la zone de travail pour le sélectionner. -
: cliquez sur ou utilisez le raccourci clavier Ctrl +](Windows) ou Cmd +](Mac) pour avancer un calque sélectionné. -
: cliquez sur ou utilisez le raccourci clavier Ctrl +[(Windows) ou Cmd +[(Mac) pour renvoyer un calque sélectionné vers l’arrière. -
: cliquez sur ou utilisez un raccourci clavier, Ctrl + Z (Windows) ou Cmd + Z (Mac) pour annuler la dernière action. -
: cliquez sur ou utilisez le raccourci clavier Ctrl + Y (Windows) ou Cmd + Y (Mac) pour rétablir la dernière action. -
: cliquez sur ou utilisez le raccourci clavier Ctrl + + (Windows) ou Cmd + + (Mac) pour effectuer un zoom sur la zone de travail. -
: cliquez sur ou utilisez le raccourci clavier Ctrl + - (Windows) ou Cmd + - (Mac) pour effectuer un zoom arrière sur la zone de travail. - Appuyez sur retour arrière ou suppression pour supprimer le calque sélectionné si aucun texte ou propriété n’est modifié.
Cliquez sur
Ajouter des images à la zone de travail add-images-to-the-canvas
Pour ajouter des images à la zone de travail, procédez comme suit :
- Cliquez sur
pour ouvrir le panneau Sélecteur de ressources. Le panneau affiche les images de votre instance AEM Assets synchronisées avec Dynamic Media. - Parcourez le panneau ou utilisez des mots-clés dans la barre de recherche pour trouver une image spécifique.
- Faites glisser et déposez une image sur la zone de travail pour l’utiliser. Pour redimensionner ou repositionner un calque sur la zone de travail, reportez-vous au panneau Propriétés.
- Activez le bouton (bascule) Rayon uniforme et utilisez le curseur Rayon d’angle pour ajuster uniformément l’arrondi des quatre coins d’une image. Désactivez le bouton (bascule) pour personnaliser l'arrondi des coins en attribuant des valeurs de rayon spécifiques à chaque coin.
Ajouter des calques de texte à la zone de travail add-text-to-the-canvas
Pour ajouter des calques de texte à la zone de travail, procédez comme suit :
- Cliquez sur
pour ajouter un calque de texte à la zone de travail et ouvrir le panneau Propriétés. - Sélectionnez le calque et cliquez sur le texte pour le mettre à jour.
- Sélectionnez Redimensionnement intelligent du texte dans le panneau Propriétés pour ajuster automatiquement la longueur du texte et la taille de police afin qu’ils s’adaptent de manière optimale à la zone désignée.
Pour repositionner, redimensionner, faire pivoter ou supprimer le calque, reportez-vous au panneau Propriétés. Mettez en forme votre texte selon la police, la taille, la couleur, le style et l’alignement requis (dans le calque) en modifiant leurs valeurs dans les champs respectifs sous la section Texte du panneau. Le champ Famille de polices affiche la police par défaut Adobe Sans F2, les polices existantes retraitées et les polices nouvellement chargées et publiées. Pour plus d’informations, reportez-vous au point 5 de la section Avant de commencer ci-dessus.
Mettre en forme des parties spécifiques du texte et les paramétrer pour les contrôler indépendamment.
Mise en forme du texte sélectif apply-formatting-to-substring
Exécutez les étapes suivantes pour formater des parties spécifiques d’une chaîne :
-
Sélectionnez un ou plusieurs caractères de la chaîne à mettre en forme.
-
Mettre en forme la sélection à l’aide du panneau propriétés. Les options de formatage suivantes s’appliquent aux sous-chaînes et à leurs parties :
- Style de police : gras, italique, souligné, indice et exposant à l’aide de l’option Style de police.
- Propriétés de la police : modifiez la famille, la couleur et la taille de la police à l’aide des options du panneau correspondant.
Ajouter des formes à la zone de travail add-shapes-to-the-canvas
Pour ajouter des formes à la zone de travail, procédez comme suit :
- Cliquez sur
, sélectionnez une forme (rectangle ou cercle) pour l'ajouter à la zone de travail. Utilisez le panneau Propriétés de la forme pour repositionner, redimensionner, faire pivoter ou supprimer le calque. - Faites défiler jusqu’à la section Style du panneau, définissez un code hexadécimal dans le champ Couleur de la forme ou utilisez le sélecteur de couleurs pour remplir la couleur de la forme sélectionnée.
- Activez le bouton (bascule) Rayon uniforme et utilisez le curseur Rayon d’angle pour ajuster uniformément l’arrondi des quatre coins du rectangle. Désactivez le bouton (bascule) pour personnaliser l'arrondi des coins en attribuant des valeurs de rayon spécifiques à chaque coin.
- Ajoutez le paramètre Masquer au calque sélectionné pour afficher ou masquer le calque dans le modèle en temps réel à l’aide de l’URL du modèle.
- Sélectionnez le calque auquel ajouter un lien CTA permet aux utilisateurs de cliquer sur la forme sous forme de lien hypertexte dans le modèle dynamique.
Modifier ou supprimer un calque edit-or-delete-a-layer
Pour modifier ou supprimer un calque de zone de travail, procédez comme suit :
- Cliquez sur
et sélectionnez le calque dans la zone de travail ou dans la liste Calques. - Cliquez sur autres options (
) pour modifier ou supprimer le calque. - Cliquez sur Supprimer pour supprimer le calque.
- Cliquez sur Modifier pour modifier le calque à l’aide du panneau Propriétés.
Panneau Propriétés properties-panel
Le panneau Propriétés comprend des sections pour repositionner, redimensionner et faire pivoter un calque. Il fournit également des options de remplissage couleur pour calques de forme, options de mise en forme de texte pour calques de texte, ainsi qu’une option permettant d’ajouter un lien CTA à n’importe quel calque sélectionné.
Pour accéder au panneau des propriétés d’un calque, cliquez sur
Dans le panneau Propriétés d’un calque, sélectionnez un autre calque sur la zone de travail pour accéder à son panneau Propriétés.
Repositionnement, redimensionnement, rotation ou suppression d’un calque reposition-resize-delete-a-layer
Pour modifier un calque de texte ou d’image, reportez-vous aux actions courantes de modification de calque suivantes :
- Repositionner le calque : faites glisser le calque pour le déplacer n’importe où sur la zone de travail. Cette action met à jour les valeurs X et Y dans le panneau des propriétés. X et Y sont les coordonnées du centre du calque sur le plan de la zone de travail.
- Redimensionner le calque : sélectionnez le calque et faites glisser ses poignées de bordure pour le redimensionner. Cette action met à jour les valeurs W (largeur) et H (hauteur) dans le panneau des propriétés.
- Faire pivoter le calque : faites glisser la poignée carrée placée verticalement au-dessus du calque pour la faire pivoter autour de son centre. Cette action met à jour les valeurs d’angle dans le panneau Propriétés.
- Supprimer le calque : appuyez sur Retour arrière ou supprimer, puis cliquez sur Confirmer pour supprimer un calque sélectionné.
Options de formatage du texte text-formatting-options-on-properties-panel
Mettez en forme votre texte selon la police, la taille, la couleur, le style et l’alignement requis (dans le calque) en modifiant leurs valeurs dans les champs respectifs sous la section Texte du panneau.
Veillez à inclure Redimensionnement de texte intelligent. Redimensionnement intelligent de texte fonctionne sur l’algorithme Copyfit pour remplir de manière optimale le texte dans la zone de texte, empêcher le débordement du texte et réduire l’espace supplémentaire au bas du texte.
Calques de paramètres parameterise-a-layer
Après avoir créé un modèle avec plusieurs calques d’images, de textes et de formes, paramétrez les calques sélectionnés. Lorsqu’un calque ou sa propriété est paramétré, il obtient une paire clé-valeur (également appelée paramètre ). Ce paramètre peut être inclus dans l’URL du modèle pour mettre à jour la position, la taille ou le contenu du calque en temps réel, ce qui se traduit par une personnalisation du modèle en un rien de temps.
Pour paramétrer un calque :
- Cliquez sur
, sélectionnez un calque et cliquez sur Paramètres. Le panneau Paramètres s’affiche. - Activez le bouton (bascule) Inclure le paramètre pour paramétrer une propriété. Pour connaître le comportement de la propriété après paramétrage consultez l’option du panneau Paramètres).
- Facultatif : renommez le nom du paramètre. Un nom de paramètre comporte un nom de calque suivi d’un suffixe. Pour un calque sélectionné, toutes ses propriétés paramétrées partagent le même nom de calque suivi d’un suffixe variable. Renommez le nom du calque en suivant la convention de nommage sémantique de sorte que, lorsque vous incluez le paramètre dans l’URL, le nom du paramètre explique lui-même le contenu du calque ou son objectif.
- Cliquez sur Enregistrer.
Pour basculer entre le panneau Paramètres d’un calque d’image et de texte, sélectionnez le calque sur la zone de travail et cliquez sur Paramètres.
Option du panneau Paramètres parameterisation-options-or-allowed-parameters
Les propriétés paramétrées peuvent être incluses en tant que paramètres d’URL dans l’URL du modèle pour modifier le modèle en temps réel à l’aide de l’URL.
Paramètres de calque layer-parameters
Vous trouverez ci-dessous des paramètres de calque qui s’appliquent à la fois aux calques d’image et de texte.
X: Inclure pour déplacer le calque horizontalement le long de son axe central, parallèlement à l’axe X du plan du modèle, en modifiant la valeur du paramètre dans l’URL.
Y: Inclure pour déplacer le calque verticalement le long de son axe central, parallèlement à l’axe Y du plan du modèle, en modifiant la valeur du paramètre dans l’URL.
Largeur : permet d’ajuster la largeur du calque en modifiant la valeur du paramètre dans l’URL.
Hauteur : permet d’ajuster la hauteur du calque en modifiant la valeur du paramètre dans l’URL.
Masquer : permet d’inclure pour masquer ou afficher le calque dans le modèle à l’aide des options 0 (afficher) et 1 (masquer).
Paramètre de l'image image-parameter
Incluez le paramètre Source pour remplacer l'image du calque par une nouvelle image en modifiant le chemin d'accès à l'image dans la valeur du paramètre dans l'URL.
Paramètres de formatage du texte text-formatting-parameters
Insérez les paramètres suivants pour modifier le texte, sa police, sa couleur et sa taille à partir de l’URL de diffusion en mettant à jour les valeurs de paramètre dans l’URL :
Texte: Inclure pour mettre à jour le texte de l’URL.
Famille de polices : permet d’inclure pour mettre à jour la police du texte à partir de l’URL.
Taille de police : permet d’inclure pour mettre à jour la taille de police du texte à partir de l’URL.
Couleur du texte : incluez pour mettre à jour la couleur de police du texte à partir de l’URL.
Paramétrer les sous-chaînes substring-parameterisation
Dans le panneau Paramètres, faites défiler l’écran jusqu’à la section Paramètres de sous-chaîne. Cette section comprend un sélecteur de sous-chaîne qui affiche la chaîne complète (calque de texte sélectionné) avec une mise en forme cohérente ou ses parties mises en forme sous la forme de sous-chaînes distinctes. Sélectionnez une sous-chaîne pour paramétrer le texte, la famille, la taille et la couleur de la police.
Utilisez le sélecteur sous-chaîne pour fractionner les sous-chaînes paramétrer ses différentes parties ou fusionner les sous-chaînes pour appliquer des paramètres uniformes.
Fractionner la sous-chaîne split-substring
Pour paramétrer une partie spécifique d'une sous-chaîne, extrayez la partie pour en faire une sous-chaîne distincte pour la sélection et le paramétrage individuels. Exécutez les étapes suivantes pour diviser une sous-chaîne en sous-chaînes distinctes :
- Dans le sélecteur de sous-chaîne, sélectionnez les caractères d’une sous-chaîne pour la séparer.
- Cliquez sur
pour extraire la sélection et en faire une sous-chaîne distincte dans le sélecteur de sous-chaîne.
Vous pouvez sélectionner la sous-chaîne requise pour paramétrer le texte, la famille, la taille et la couleur de la police.
Fusionner la sous-chaîne merge-substring
La fusion de sous-chaînes supprime leurs paramètres individuels existants et vous permet d’appliquer des paramètres cohérents sur la sous-chaîne nouvellement formée.
Exécutez les étapes suivantes pour fusionner deux sous-chaînes adjacentes afin d’appliquer des paramètres uniformes à la sous-chaîne résultante :
-
Dans le sélecteur de sous-chaînes, sélectionnez les caractères de deux sous-chaînes adjacentes avec la même mise en forme.
-
Cliquez sur
pour fusionner les sous-chaînes.
Vous pouvez appliquer des paramètres uniformes à la sous-chaîne nouvellement formée.note note NOTE Seules les sous-chaînes au format identique peuvent être fusionnées.
Regroupez les calques pour contrôler leur visibilité simultanément group-layers
Pour conserver la flexibilité de vos modèles, vous pouvez également utiliser un nom de paramètre unique pour contrôler plusieurs calques. Cette stratégie est utile pour le paramètre de visibilité (masquer ou afficher les calques), afin de mettre à jour la conception ou les graphiques d’un seul modèle.
Pour attribuer le même nom aux paramètres Masquer (
- Accédez au panneau Propriétés d’un calque.
- Activez/désactivez le paramètre Masquer s’il n’est pas paramétré précédemment.
- Facultatif : renommez le paramètre Masquer.
- Copiez le nom du paramètre Masquer.
- Accédez au panneau Paramètre des autres calques en les sélectionnant dans la zone de travail et en activant/désactivant leur paramètre Masquer s’il n’est pas paramétré.
- Remplacez leur nom Masquer le paramètre par le nom copié.
- Cliquez sur Enregistrer pour regrouper les calques.
- Exécutez les étapes 3 et 4 de la section Prévisualisation et publication pour afficher vos modifications.
Prévisualiser et publier le modèle pour copier l’URL de diffusion preview-and-publish-template-and-copy-template-deliver-url
Procédez comme suit pour prévisualiser et publier le modèle et copier l’URL de diffusion :
-
Sur la page Zone de travail, cliquez sur Aperçu. Vous pouvez également accéder à Vue Assets > Dynamic Media Assets > rechercher et sélectionner votre modèle > cliquer sur Modifier le modèle>> cliquer sur Preview. La page d’aperçu affiche le modèle, ses paramètres (calques et propriétés paramétrés), l’état de publication et l’option Publier.
-
Sélectionnez des paramètres dans le panneau Paramètres du modèle pour modifier leurs valeurs et mettre instantanément à jour le contenu, la taille, la position ou le formatage textuel du calque de modèle correspondant dans l’aperçu. Par exemple :
- Sélectionnez un calque de texte et modifiez son texte ou
- Sélectionnez un calque d’image, cliquez sur
, sélectionnez une image dans le sélecteur de ressources, puis cliquez sur Actualiser.
Le modèle est immédiatement mis à jour, affichant le texte modifié et remplaçant l’image précédente par la nouvelle. En outre, la valeur du paramètre d’image reflète le nouveau chemin d’accès à l’image. De même, vous pouvez redimensionner un calque en ajustant ses valeurs, et les modifications sont appliquées au modèle en temps réel.
-
Sélectionnez le paramètre Masquer pour les calques groupés dans la liste pour les afficher ou les masquer ensemble dans le modèle.
-
Facultatif : modifiez la valeur du paramètre Masquer comprise entre 0 et 1 et cliquez sur Actualiser pour afficher les modifications. Les calques ayant le même paramètre Masquer masquent ou s’affichent ensemble. De même, vous pouvez contrôler la visibilité des calques à partir de l’URL.
Vous pouvez également activer le bouton (bascule) Inclure tous les paramètres pour modifier toutes les valeurs de paramètre affichées et voir les mises à jour dans l’aperçu du modèle. -
Pour publier le modèle à partir de la page d’aperçu, cliquez sur Publier et confirmez la publication. Un message Publication terminée s’affiche et le statut de publication est mis à jour sur Publié.
Copier l’URL de diffusion
Les paramètres sélectionnés sur la page Aperçu deviennent les paramètres d’URL dans l’URL du modèle.
Assurez-vous que les images du modèle sont déjà publiées sur AEM et Dynamic Media pour générer l’URL de diffusion du modèle.
Pour copier l'URL de diffusion du modèle, procédez comme suit :
- Cliquez sur Copier l’URL. La boîte de dialogue Copier l’URL s’affiche. Sélectionnez et copiez l’URL affichée. Le premier paramètre de l’URL commence après un point d’interrogation ( ?) et une paire clé-valeur commence par $ et se termine par &. La clé et la valeur sont séparées par un signe égal (=), avec la clé à gauche et la valeur à droite.
- Collez cette URL dans l’onglet de votre navigateur et affichez votre modèle dynamique. Personnalisez le modèle en temps réel en mettant à jour la valeur du paramètre requis (valeur de la clé) dans l’URL directement, comme illustré à l’étape 2 de la section Prévisualisation et publication.
- Utilisez cette URL pour un merchandising rapide de vos produits ou services. Vous pouvez partager cette URL avec vos clients ou l’intégrer à votre site web ou à toute application tierce en aval pour afficher la bannière et y apporter des mises à jour en temps réel afin de refléter les offres en cours.
Effectuer des mises à jour en temps réel sur le modèle à partir de l’URL update-the-template-from-the-url
Modifier des paramètres directement dans l’URL peut s’avérer fastidieux. Pour simplifier :
-
Copiez l’URL et collez-la dans un bloc-notes.
-
Utilisez Cmd+F (Mac) ou Ctrl+F (Windows) pour rechercher et modifier les valeurs de paramètre. Par exemple :
- Recherchez et remplacez les chemins d’accès des calques d’image.
- Recherchez les coordonnées paramétrées, la largeur et la hauteur du calque pour ajuster leurs valeurs.
- Modifiez le texte, la police, la couleur, la taille ou l’alignement des calques de texte.
- Modifiez les valeurs de visibilité comprises entre 0 et 1.
Collez cette URL mise à jour dans votre navigateur pour afficher les modifications.
Modification du modèle edit-the-template
Modifiez le modèle en procédant comme suit :
- Sur la Assets view, cliquez sur Dynamic Media Assets.
- Accédez à l’emplacement du modèle.
- Sélectionnez le modèle.
- Cliquez sur Modifier le modèle. La zone de travail de modèle affiche le modèle et la liste de tous ses calques dans le panneau Calques. Commencez à modifier le modèle en fonction de vos besoins.
Ajouter un lien Call to action (CTA) à votre calque de modèle add-CTA-in-dynamic-media-templates
Transformez n’importe quel calque d’image, de texte ou de forme de votre modèle de Dynamic Media en lien hypertexte en y ajoutant un lien CTA qui dirige les utilisateurs vers une page cible.
Pour ajouter un lien CTA à une couche, procédez comme suit :
-
Accédez à l’emplacement de votre modèle, sélectionnez le modèle et cliquez sur
Modifier le modèle. Le modèle s’affiche sur la zone de travail. -
Sélectionnez le calque de modèle et accédez à son panneau Propriétés pour y ajouter un lien CTA.
-
Dans le panneau des propriétés, sélectionnez Ajouter un CTA, spécifiez l’URL de destination dans le champ URL et cliquez sur Enregistrer.
-
Cliquez sur Aperçu et sélectionnez Publier pour publier votre modèle, s’il n’a pas été publié auparavant.
-
Accédez au dossier dans lequel ce modèle est enregistré, sélectionnez-le et cliquez sur
Détails. -
Cliquez sur Copier les options et sélectionnez Copier le code intégré. Veillez à publier les images du modèle dans AEM and Dynamic Media pour copier le code incorporé.
Voici un exemple de code intégré :
code language-json <div class="adobe-dynamicmedia-template-embed-container"> <img id="<Image ID>>" src="<Image Source>>" alt="adobe dynamicmedia template" usemap="#adobe-dynamicmedia-template-map" width="800" height="300"> <map name="adobe-dynamicmedia-template-map"> <area shape="rect" coords="417,-60,817,340" href="https://business.adobe.com/fr/products.html" alt="Layer with CTA" title="https://business.adobe.com/fr/products.html" target="_blank"> <area shape="rect" coords="6,206.57,129,231.43" href="https://business.adobe.com/fr/products.html" alt="Layer with CTA" title="https://business.adobe.com/fr/products.html" target="_blank"> </map> </div> -
Ajoutez le code intégré copié au fichier HTML de votre site et exécutez-le dans votre navigateur pour afficher le modèle.
Cliquez sur l’élément CTA sur le modèle pour accéder à la page de destination.
Regardez cette vidéo détaillée pour découvrir comment ajouter un lien CTA à un calque de modèle.
Points importants à noter important-points-to-note
- Après avoir créé un modèle avec des calques d’image paramétrés pour les mises à jour dynamiques, assurez-vous que les images destinées aux futures mises à jour partagent les mêmes dimensions que les images paramétrées. Cela permet de s’assurer que les images s’intègrent parfaitement aux calques sans déborder ou laisser d’espaces vides. Actuellement, le modèle ne prend pas en charge les ajustements de dimension automatiques pour ajuster les images dans les calques.
- Il n’existe aucune prise en charge de sous-chaînes dans un calque de texte. L’utilisateur ne peut pas appliquer différentes propriétés de police à la sous-chaîne d’un calque de texte.
- La prise en charge de plusieurs entreprises Dynamic Media n’est actuellement pas disponible avec les modèles Dynamic Media.
- En cas de copie ou de déplacement, le sélecteur de destination affiche tous les dossiers (y compris les dossiers synchronisés non Dynamic Media). En outre, à l’heure actuelle, elle n’affiche pas les ressources du modèle de Dynamic Media (il s’agit dans les deux cas de limitations du sélecteur de destination).
- Toute opération de mise à jour sur un dossier (par exemple, Publication ou Suppression) à partir de la section Assets a un impact sur les modèles de Dynamic Media disponibles dans ce dossier.
- La corbeille ne fonctionne pas pour les modèles Dynamic Media. Si une ressource est déplacée vers la corbeille, puis restaurée, elle est restaurée dans AEM, mais pas en Dynamic Media. Il en va de même pour les modèles Dynamic Media.