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.
NOTE
Les clients et clientes disposant d’abonnements au SKU de sécurité renforcée ne peuvent utiliser aucune fonctionnalité Dynamic Media, y compris les modèles de Dynamic Media, sur ce programme de Cloud Services.

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 :

  1. Accès à Dynamic Media.

  2. 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 Assets ​ ​pour répliquer ce dossier dans​ ​ Dynamic Media Assets ​.

  3. Synchronisez les images disponibles dans votre AEM Assets instance avec Dynamic Media pour les utiliser afin de créer le modèle.

  4. 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.

  5. 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.

  6. 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 :

  1. 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.

    Modèles Dynamic Media

  2. Sélectionnez Créer un modèle. La boîte de dialogue Nouveau modèle s’affiche.

    comment créer des modèles dynamiques qui peuvent être personnalisés en temps réel

    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.
  3. 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.
    modèle personnalisable en temps réel

    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.

  • Modèles DM : cliquez pour ajouter des images à la zone de travail.
  • modèles personnalisables : cliquez pour ajouter des textes à la zone de travail.
  • modèles personnalisables : 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.

  • Modèles DM : sélectionnez Modèles DM et cliquez sur un calque sur la zone de travail pour le sélectionner.
  • modèles prenant en charge la personnalisation : cliquez sur modèles prenant en charge la personnalisation ou utilisez le raccourci clavier Ctrl + ] (Windows) ou Cmd + ] (Mac) pour avancer un calque sélectionné.
  • comment créer un modèle qui peut être personnalisé facilement : cliquez sur comment créer un modèle qui peut être personnalisé facilement ou utilisez le raccourci clavier Ctrl + [ (Windows) ou Cmd + [ (Mac) pour renvoyer un calque sélectionné vers l’arrière.
  • créez un modèle qui peut être personnalisé instantanément : cliquez sur créer un modèle qui peut être personnalisé instantanément ou utilisez un raccourci clavier, Ctrl + Z (Windows) ou Cmd + Z (Mac) pour annuler la dernière action.
  • modèle pour créer rapidement des bannières : cliquez sur modèle pour créer rapidement des bannières ou utilisez le raccourci clavier Ctrl + Y (Windows) ou Cmd + Y (Mac) pour rétablir la dernière action.
  • modèle pour créer rapidement des prospectus : cliquez sur modèle pour créer rapidement des prospectus ou utilisez le raccourci clavier Ctrl + + (Windows) ou Cmd + + (Mac) pour effectuer un zoom sur la zone de travail.
  • modèle pour créer rapidement des bannières : cliquez sur modèle pour créer rapidement des bannières 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 modèle pour créer rapidement des prospectus et sélectionnez d’autres options ( ) sur le calque Zone de travail pour modifier les dimensions de la zone de travail à tout moment lors de la création du modèle.

NOTE
Les modèles autorisent un maximum de 20 calques, Zone de travail incluse.

Ajouter des images à la zone de travail add-images-to-the-canvas

Pour ajouter des images à la zone de travail, procédez comme suit :

  1. Cliquez sur créer une bannière en un rien de temps pour ouvrir le panneau Sélecteur de ressources. Le panneau affiche les images de votre instance AEM Assets synchronisées avec Dynamic Media.
  2. Parcourez le panneau ou utilisez des mots-clés dans la barre de recherche pour trouver une image spécifique.
  3. 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.
    créez une bannière en quelques secondes
  4. 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.
    ajuster l’arrondi de l’image

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 :

  1. Cliquez sur création rapide de nouvelles bannières pour ajouter un calque de texte à la zone de travail et ouvrir le panneau Propriétés.
  2. Sélectionnez le calque et cliquez sur le texte pour le mettre à jour.
  3. 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.
    meilleures bannières personnalisables

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 :

  1. Sélectionnez un ou plusieurs caractères de la chaîne à mettre en forme.

  2. 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.
      format-substring

Chaque partie de chaîne formatée s’affiche sous la forme d’une sous-chaîne dans le sélecteur de sous-chaîne, disponible dans le panneau Paramètres. Ajoutez des paramètres à ces parties formatées pour les formater dynamiquement à l’aide de l’URL de diffusion du modèle.

Ajouter des formes à la zone de travail add-shapes-to-the-canvas

Pour ajouter des formes à la zone de travail, procédez comme suit :

  1. Cliquez sur création de formes , 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.
  2. 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.
  3. 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.
    ajuster larrondi des angles des formes
  4. 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.
  5. 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 :

  1. Cliquez sur Modèles prenant en charge les mises à jour dynamiques et sélectionnez le calque dans la zone de travail ou dans la liste Calques.
  2. Cliquez sur autres options ( modèles avec prise en charge des mises à jour en temps réel ) pour modifier ou supprimer le calque.
  3. Cliquez sur Supprimer pour supprimer le calque.
  4. Cliquez sur Modifier pour modifier le calque à l’aide du panneau Propriétés.
    création rapide de bannières

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 création rapide de contenu et sélectionnez le calque dans la liste pour afficher son panneau Propriétés.

création rapide de contenu

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.

création de contenu en un rien de temps

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 :

  1. Cliquez sur création instantanée de contenu , sélectionnez un calque et cliquez sur Paramètres. Le panneau Paramètres s’affiche.
  2. 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).
  3. 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.
  4. Cliquez sur Enregistrer.
    création instantanée de contenu
    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ètre source image

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 :

  1. Dans le sélecteur de sous-chaîne, sélectionnez les caractères d’une sous-chaîne pour la séparer.
  2. Cliquez sur Sous-chaîne fractionnée pour extraire la sélection et en faire une sous-chaîne distincte dans le sélecteur de sous-chaîne.
    sous-chaîne fractionnée
    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 :

  1. 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.

  2. Cliquez sur fusionner la sous-chaîne pour fusionner les sous-chaînes.
    fusionner des sous-chaînes identiques
    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 ( création rapide de contenu ) de plusieurs calques, procédez comme suit pour les masquer ou les afficher simultanément.

  1. Accédez au panneau Propriétés d’un calque.
  2. Activez/désactivez le paramètre Masquer s’il n’est pas paramétré précédemment.
  3. Facultatif : renommez le paramètre Masquer.
  4. Copiez le nom du paramètre Masquer.
  5. 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é.
  6. Remplacez leur nom Masquer le paramètre par le nom copié.
  7. Cliquez sur Enregistrer pour regrouper les calques.
  8. 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 :

  1. 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.

  2. 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 :

    1. Sélectionnez un calque de texte et modifiez son texte ou
    2. Sélectionnez un calque d’image, cliquez sur création de contenu à la volée , 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.

  3. 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.

  4. 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.

    création de contenu à la volée
    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.

  5. 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 :

  1. 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.
  2. 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.
  3. 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 :

  1. Copiez l’URL et collez-la dans un bloc-notes.

  2. 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 :

  1. Sur la Assets view, cliquez sur Dynamic Media Assets.
  2. Accédez à l’emplacement du modèle.
  3. Sélectionnez le modèle.
  4. 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 :

  1. Accédez à l’emplacement de votre modèle, sélectionnez le modèle et cliquez sur modifier Modifier le modèle. Le modèle s’affiche sur la zone de travail.

  2. Sélectionnez le calque de modèle et accédez à son panneau Propriétés pour y ajouter un lien CTA.

  3. 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.

    ajouter CTA

  4. Cliquez sur Aperçu et sélectionnez Publier pour publier votre modèle, s’il n’a pas été publié auparavant.

  5. Accédez au dossier dans lequel ce modèle est enregistré, sélectionnez-le et cliquez sur page de détails Détails.

  6. 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é.

    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>
    
  7. 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.

Voir également

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab