In questa pagina: scopri come aggiungere alle pagine web modifiche al selettore CSS e all’intestazione senza installare un’estensione del browser o caricare il Web Designer.
Oltre al Journey Optimizer Web Designer visivo, puoi anche aggiungere modifiche alle pagine Web utilizzando un editor non visivo.
Questa funzione può essere utile se non è possibile installare estensioni del browser, ad esempio Adobe Experience Cloud Visual Helper, necessario per caricare le pagine nel Web Designer.
In alcuni casi, potrebbe essere più semplice utilizzare un editor non visivo per applicare modifiche a un particolare selettore CSS, senza il rischio di modificare altri elementi di una pagina web o di modificare la struttura della pagina.
Per creare le tue esperienze web con l’editor non visivo, segui i passaggi indicati di seguito.
-
Dalla schermata Modifica contenuto nel percorso o nella campagna, deseleziona l’opzione Editor visivo.
-
Fai clic su Aggiungi una modifica per iniziare a modificare il contenuto Web.
-
Viene visualizzato l’editor non visivo. Puoi aggiungere la prima modifica utilizzando il riquadro a sinistra.
-
Nell’elenco a discesa, seleziona il tipo di modifica.
Sono disponibili due tipi. Sono disponibili diverse opzioni. Per ulteriori informazioni, consulta i collegamenti seguenti:
- Selettore CSS - Ulteriori informazioni
- Pagina
<head>- Ulteriori informazioni
-
Fai clic sul pulsante Aggiungi personalizzazione. Viene aperto l’editor di personalizzazione.
Puoi sfruttare l’editor di personalizzazione Journey Optimizer con tutte le sue funzionalità di personalizzazione e authoring. Ulteriori informazioni
-
Inserisci il contenuto e Salva le modifiche.
-
La prima modifica viene visualizzata sopra il riquadro Modifiche.
Fai clic sul pulsante Altre azioni accanto alla modifica e seleziona Informazioni per visualizzarne i dettagli. Se necessario, puoi anche Eliminare la modifica.
note NOTE Il riquadro Modifiche è identico a quello utilizzato per Web Designer. Tutte le azioni che è possibile eseguire sono descritte in questa sezione. -
Fai clic sul pulsante Aggiungi nella parte superiore del riquadro Modifiche per aggiungere un’altra modifica e ripeti i passaggi precedenti.
-
Inoltre, puoi selezionare qualsiasi elemento del sito web e tenere traccia dei clic su di esso. Per abilitare il tracciamento dei clic e definire le azioni da tracciare, fai clic sulla seconda icona nella barra a sinistra, come illustrato di seguito:
Utilizza il pulsante Aggiungi componente per selezionare una nuova azione da tracciare. Ulteriori informazioni sull’utilizzo del tracciamento dei clic in questa sezione.
-
Fai clic sulla freccia in alto a sinistra dello schermo per tornare alla schermata dell’edizione del percorso o della campagna. Puoi visualizzare il numero corrente di modifiche e aggiungere altre modifiche.
Se necessario, puoi anche passare al web designer. Tutte le modifiche verranno mantenute.
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.