Compositeur d’expérience visuelle (VEC)

Informations sur l’utilisation du Visual Experience Composer (VEC) dans Adobe Target.

NOTE
La version Target Standard/Premium 25.2.1 (17 février 2025) incluait une version mise à jour du compositeur d’expérience visuelle. Pour plus d’informations sur les différences entre le VEC mis à jour et la version précédente, consultez Modifications du compositeur d’expérience visuelle.

Le compositeur d’expérience visuelle est une interface utilisateur de WYSIWYG qui vous permet de créer et de tester facilement des expériences et des offres personnalisées dans le contexte du site. Vous pouvez créer des expériences et des offres pour des activités Target en faisant glisser, en permutant et en modifiant la disposition et le contenu d’une page web (ou d’une offre) ou d’une page web mobile.

Le compositeur d’expérience visuelle constitue l’une des principales fonctionnalités d’ Adobe Target. Le VEC permet aux marketeurs et aux concepteurs de créer et de modifier du contenu à l’aide d’une interface visuelle. Il est possible d’effectuer la plupart des choix de conception sans modifier directement le code. Il est également possible de modifier le code HTML et JavaScript à l’aide des options d’édition du compositeur.

Dans l’onglet Administration de Target > Visual Experience Composer , vous pouvez saisir l’URL de Visual Experience Composer par défaut.

Mise en surbrillance de VEC

Cette URL détermine votre point de départ lors de l’ouverture de VEC. Si vous ne saisissez pas d’URL par défaut, vous commencez par une page vide, puis vous spécifiez une URL.

NOTE
Certains navigateurs, tels que Firefox, peuvent bloquer l’affichage d’une page dans le compositeur d’expérience visuelle si la page contient du contenu mixte (par exemple, une page non sécurisée dans un site sécurisé). Si votre page ne s’affiche pas, cliquez sur l’icône en regard de l’URL dans la barre d’adresse du navigateur, puis cliquez sur Disable protection on this page. Ce problème n’a aucun impact sur l’affichage de vos pages pour les visiteurs du site.

Le contenu dans un iframe sur la page ne peut pas être modifié dans VEC. Pour modifier le contenu dans un iframe, vérifiez que le document iframe est compatible avec le Target, puis chargez cette URL iframe dans le VEC.

Vous pouvez utiliser les onglets du cadre de Experiences pour afficher votre page telle qu’elle apparaîtrait pour différentes audiences ou avec différentes expériences. Vous pouvez attribuer un nom à chaque expérience. Par exemple, si vous testez l’emplacement du lien Accueil dans la barre de navigation, vous pouvez nommer une expérience pour laquelle le lien Accueil s’affiche tout d’abord comme « lien Accueil » pour faciliter l’identification des expériences dans la liste.

NOTE
Remarque : Les modifications apportées à la structure d’une page qui affectent les emplacements utilisés dans une activité créée sur cette page peuvent créer des problèmes avec l’édition des expériences. Si un emplacement a été modifié en dehors du compositeur d’expérience visuelle, Target ne pourrez peut-être pas trouver l’emplacement où le contenu a été modifié.

Lorsque vous déplacez votre pointeur dans la page, une zone contextuelle le suit, mettant en surbrillance les éléments de la page.

Cliquez sur un élément en surbrillance pour afficher le menu des options disponibles pour ce type d’élément. Par exemple, vous pouvez cliquer sur une image et sélectionner Change Image pour remplacer l’image par une autre image. Ou cliquez sur un bouton et modifiez la couleur du texte.

Vous pouvez également cliquer sur Browse, puis accéder à une page disponible sur la page principale, telle qu’une page d’expédition ou un panier, et tester les modifications sur cette page. Vous pouvez également accéder aux éléments de la page qui sont disponibles lorsque vous passez le curseur tels que les menus des fenêtres déroulantes et les mini-paniers. Lorsque vous avez terminé de naviguer vers la page, cliquez sur Design pour modifier l’expérience. Par exemple, vous souhaitez peut-être modifier la conception d’une liste déroulante de panier d’achat ou d’un carrousel d’images.

NOTE
Si un état de survol dépend de JavaScript, assurez-vous que Disable JavaScript n’est pas sélectionné. JavaScript doit être activé pour modifier des éléments JavaScript.

Pour obtenir des informations sur les options disponibles dans le compositeur d’expérience visuelle, voir Options du compositeur d’expérience visuelle.

Vous pouvez effectuer certaines modifications sur une page pendant le chargement de la page (ou même si la page ne parvient pas à se charger complètement), ou vous pouvez annuler le chargement des pages dans VEC. Pour obtenir plus d’informations, voir :

Modifiez une page pendant ou après son chargement loading

Vous pouvez effectuer de nombreuses actions avant le chargement de la page dans VEC, ou même si la page ne parvient pas à se charger complètement (par exemple, si un code personnalisé n’est plus fonctionnel).

Raisons pour lesquelles vous pouvez accéder à une page ou la modifier pendant qu’elle est chargée dans VEC ou bien si elle ne parvient pas à se charger complètement :

  • Vous souhaitez apporter une modification simple à une page, par exemple pour ajouter du code personnalisé ou modifier le nom d’une expérience
  • Vous souhaitez copier du code personnalisé existant dans une page qui n’est plus accessible
  • Vous savez qu’une page ne se charge pas dans VEC, mais vous souhaitez effectuer des modifications simples.

Lors du chargement de la page (ou après l’échec du chargement), le panneau Experiences, le panneau Modifications et les paramètres en haut de l’expérience (Recouvrements, Modifications, Configuration, etc.) sont tous accessibles.

Annulation du chargement d’une page dans le VEC cancel-loading

Vous pouvez annuler le chargement d’une page dans VEC pour déverrouiller la modification de l’activité sans attendre le chargement de la page. Cette fonctionnalité permet d’économiser du temps et d’effectuer des modifications ou d’insérer du code personnalisé plus efficacement sans attendre le chargement de la page dans VEC.

Voici quelques raisons pour lesquelles vous souhaitez annuler le chargement des pages dans VEC :

  • Vous souhaitez apporter des modifications mineures aux modifications existantes
  • Vous souhaitez supprimer une ou plusieurs modifications existantes
  • Vous souhaitez insérer ou modifier du code personnalisé
  • Vous avez saisi par erreur une URL erronée pour la page
  • Vous souhaitez activer ou désactiver JavaScript avant de charger la page dans VEC
  • Vous souhaitez ajouter d’autres règles de test de modèle aux critères de diffusion de page
  • Vous souhaitez remplacer le basculement de compositeur d’expérience amélioré global (EEC) lors du chargement d’une page via EEC ou iframe-only peut varier d’une page à l’autre.

Après avoir annulé le chargement des pages dans VEC, vous pouvez basculer entre les expériences de l’activité sans attendre le chargement de la page. Pour afficher à nouveau la page dans le compositeur d’expérience visuelle, vous devez cliquer sur le bouton Reload .

IMPORTANT
Gardez à l’esprit que lorsque le code personnalisé ou toute modification est effectué, vous devez vous assurer que le codage ou les modifications sont effectués correctement en choisissant d’annuler le chargement dans VEC. Assurez-vous d’effectuer un contrôle qualité adéquat pour vous assurer que votre code personnalisé et toute autre modification sont diffusés comme prévu.

Pour annuler le chargement d’une page dans le VEC, cliquez sur le bouton Cancel Loading pendant le chargement de la page. La page ne se charge pas dans VEC pour cette activité durant la session de modification en cours.

Pour continuer à gérer les expériences dans l’activité en cours ou ajouter de nouvelles modifications, vous devez cliquer sur le bouton Reload .

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654