DocumentationTargetGuide de Target

Visual Experience Composer (VEC)

Dernière mise à jour : 7 mai 2025
  • Rubriques :

Le Visual Experience Composer (VEC) d’Adobe Target est un éditeur WYSIWYG qui permet aux clients et clientes de créer et de tester des expériences personnalisées directement sur leurs sites web ou pages web mobiles sans avoir à modifier de code.

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. Pour obtenir un aperçu des différentes options du VEC mis à jour, voir Options du compositeur d’expérience visuelle.

Le compositeur d’expérience visuelle 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’ 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 Target Administration > Visual Experience Composer , vous pouvez saisir l’URL de Visual Experience Composer par défaut.

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 avec une page vierge lorsque vous ouvrez l’éditeur, puis vous pouvez spécifier une URL.

Mise en surbrillance de VEC

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 rail 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 votre barre de navigation, vous pouvez nommer une expérience dans laquelle le lien Accueil apparaît en premier. Par exemple, « Lien d’accueil » pour faciliter l’identification des expériences dans la liste.

NOTE
Les modifications apportées à la structure d’une page qui affectent les emplacements utilisés dans une activité créée sur cette page peuvent entraîner des problèmes d’édition d’expérience. 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 accéder à un menu d’options disponibles pour ce type d’élément. Par exemple, vous pouvez cliquer sur une image et sélectionner Change Image pour la remplacer 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
  • Annulation du chargement d’une page dans le VEC

Modifiez une page pendant ou après son chargement

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 rail de Experiences, le rail de Components et les options de Configure sont accessibles.

Annulation du chargement d’une page dans le VEC

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 Page Delivery
  • Vous souhaitez remplacer le bouton (bascule) Enhanced Experience Composer global (EEC) lors du chargement d’une page via EEC ou iframe-only

Si vous annulez le chargement de la page dans le VEC, vous pouvez basculer entre les expériences de l’activité sans attendre que la page se charge. 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