Sur cette page : découvrez comment ajouter des modifications de sélecteur CSS et de tête de page à vos pages web avec l’éditeur non visuel de Adobe Journey Optimizer, sans installer d’extension de navigateur ni charger le concepteur web.
En plus du concepteur web Journey Optimizer visuel, vous pouvez également ajouter des modifications à vos pages web à l’aide d’un éditeur non visuel.
Ce mode de modification non visuel est utile si vous ne pouvez pas (ou si vous n’avez pas l’autorisation pour) installer des extensions de navigateur telles que Visual Helper d’Adobe Experience Cloud, nécessaires pour charger vos pages dans le concepteur web.
Dans certains cas, il peut également être plus facile d’utiliser un éditeur non visuel pour appliquer des modifications à un sélecteur CSS particulier, sans risquer de modifier d’autres éléments d’une page web ou de modifier la structure de la page.
Pour créer vos expériences web avec l’éditeur non visuel, procédez comme suit.
-
À partir de l’écran Modifier le contenu du parcours ou de la campagne, désélectionnez l’option Éditeur visuel.
-
Cliquez sur Ajouter une modification pour commencer à modifier votre contenu web.
-
L’éditeur non visuel s’affiche. Vous pouvez ajouter votre première modification à l’aide du volet de gauche.
-
Dans la liste déroulante, sélectionnez le type de modification.
Deux types sont disponibles. Il existe différentes options. Consultez les liens ci-dessous pour en savoir plus :
- Sélecteur CSS - En savoir plus
- Page
<head>- En savoir plus
-
Cliquez sur le bouton Ajouter une personnalisation. L’éditeur de personnalisation s’ouvre.
Vous pouvez utiliser l’éditeur de personnalisation de Journey Optimizer et toutes ses fonctionnalités de personnalisation et de création. En savoir plus
-
Saisissez votre contenu et enregistrez vos modifications.
-
Votre première modification s’affiche au-dessus du volet Modifications.
Cliquez sur le bouton Plus d’actions à côté de votre modification et sélectionnez Infos pour afficher ses détails. Vous pouvez également Supprimer la modification si nécessaire.
note NOTE Le volet Modifications est le même que lors de l’utilisation du concepteur web. Toutes les actions que vous pouvez effectuer avec celui-ci sont détaillées dans cette section. -
Cliquez sur le bouton Ajouter en haut du volet Modifications pour ajouter une autre modification, puis répétez les étapes ci-dessus.
-
En outre, vous pouvez sélectionner n’importe quel élément de votre site web et effectuer le suivi des clics sur cet élément. Pour activer le suivi des clics et définir les actions à suivre, cliquez sur la deuxième icône du rail de gauche, comme illustré ci-dessous :
Utilisez le bouton Ajouter un composant pour sélectionner une nouvelle action à suivre. En savoir plus sur l’utilisation du suivi des clics dans cette section.
-
Cliquez sur la flèche en haut à gauche de l’écran pour revenir à l’écran d’édition de parcours ou de campagne. Vous pouvez voir le nombre actuel de modifications et ajouter d’autres modifications.
Vous pouvez également basculer vers le concepteur web si vous le souhaitez. Toutes vos modifications seront conservées.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to add CSS selector and page head modifications to web pages using the Journey Optimizer non-visual editor, without installing a browser extension or loading the web designer.
Intents:
- Edit web content without installing a browser extension or loading the web designer
- Switch off the Visual editor option to open the non-visual editor
- Add a CSS Selector or Page head modification
- Apply personalization to a modification through the personalization editor
- Enable click tracking on a selected element
- Switch back to the web designer while preserving modifications
Glossary:
- Non-visual editor: An editor that adds CSS selector and page head modifications to web pages without installing a browser extension or loading the web designer (product-specific)
- CSS Selector: A modification type that applies changes on a particular CSS selector (product-specific)
- Page
<head>: A modification type that applies changes to the page head (product-specific) - Modifications pane: The pane listing added modifications, the same one used in the web designer (product-specific)
- Click tracking: Selecting any element of the website to track the clicks on it, enabled from the left rail (product-specific)
Guardrails:
- To open the non-visual editor, unselect the Visual editor option on the Edit content screen in the journey or campaign.
- Two modification types are available: CSS Selector and Page head.
- The non-visual editor can be used when you cannot, or are not allowed to, install browser extensions such as the Adobe Experience Cloud Visual Helper required to load pages in the web designer.
- Switching to the web designer preserves all your modifications.
Terminology:
- Canonical name: non-visual editor — Acronym: n/a — variants: web non-visual editor
- Synonyms: “web designer” = “visual editor”
- Do not confuse: “non-visual editor” (no browser extension or web designer required) ≠ “web designer” (visual editor requiring the browser extension)
- Do not confuse: “CSS Selector” (modification on a CSS selector) ≠ “Page head” (modification to the page head)
FAQ:
- Q: How do I open the non-visual editor? — From the Edit content screen in the journey or campaign, unselect the Visual editor option, then click Add a modification.
- Q: What modification types can I add? — CSS Selector and Page head.
- Q: Do I need a browser extension to use the non-visual editor? — No, it lets you edit content without installing a browser extension or loading the web designer.
- Q: Can I track clicks on an element? — Yes, select any element of your website and enable click tracking from the second icon on the left rail, using Add Component to select an action to track.
- Q: Will my modifications be kept if I switch to the web designer? — Yes, all your modifications will be preserved.