Modificare il contenuto web edit-web-content
Dopo aver aggiunto un'azione Web alla campagna, puoi modificare il contenuto del sito utilizzando il designer Web.
Scopri come creare una campagna web in questo video
In Journey Optimizer, l'authoring Web è basato sull'estensione del browser Chrome Adobe Experience Cloud Visual Helper. Ulteriori informazioni
Per ulteriori informazioni su ciascun argomento, consulta le sezioni seguenti:
Utilizzare web designer work-with-web-designer
Per iniziare a creare la tua campagna web, segui i passaggi indicati di seguito.
-
Dalla scheda Azione della campagna, seleziona Modifica contenuto.
-
Se hai creato una regola di corrispondenza pagine, devi immettere un URL che corrisponda a questa regola: le modifiche verranno applicate a tutte le pagine che corrispondono alla regola. Viene visualizzato il contenuto della pagina.
note note NOTE Se hai inserito un singolo URL come superficie web, l’URL da personalizzare è già popolato. 
note caution CAUTION La pagina Web deve includere Adobe Experience Platform Web SDK. Ulteriori informazioni -
Fare clic su Modifica pagina Web per iniziare a crearla. Viene visualizzato il web designer.
note note NOTE Se il caricamento di un sito Web non riesce, viene visualizzato un messaggio per suggerirti di installare l'estensione del browser Helper per editing video. Consulta alcuni suggerimenti per la risoluzione dei problemi in questa sezione. -
Seleziona qualsiasi elemento dall’area di lavoro, ad esempio immagine, pulsante, paragrafo, testo, contenitore, intestazione, collegamento e così via. Ulteriori informazioni
-
Usa:
-
Il menu contestuale per modificarne il contenuto, il layout, l’inserimento di collegamenti o la personalizzazione, ecc.
-
Le icone sopra il pannello di destra per modificare, duplicare, eliminare o nascondere ogni elemento.
-
Pannello a destra che cambia dinamicamente in base all’elemento selezionato. Ad esempio, puoi modificare lo sfondo, la composizione tipografica, il bordo, le dimensioni, la posizione, la spaziatura, gli effetti o gli stili in linea di un elemento.
-
Utilizzare i componenti content-components
-
Selezionare un elemento dal riquadro Componenti a sinistra. Puoi aggiungere i seguenti componenti alla pagina web e modificarli in base alle tue esigenze:
- Divisore
- HTML
- Immagine
- Intestazione - L'utilizzo di questo componente è simile all'utilizzo del componente Testo nella finestra di progettazione e-mail. Ulteriori informazioni
- Paragrafo - L'utilizzo di questo componente è simile all'utilizzo del componente Testo nella finestra di progettazione e-mail. Ulteriori informazioni
- Collegamento
-
Passa il mouse sulla pagina e fai clic sul pulsante Inserisci prima o Inserisci dopo per aggiungere il componente a un elemento esistente nella pagina.
note note NOTE Per deselezionare un componente, fare clic sul pulsante ESC nel banner contestuale blu visualizzato sopra l'area di lavoro. -
Modifica il componente in base alle esigenze direttamente nel contenuto della pagina.
-
Regola gli stili visualizzati dal riquadro contestuale a destra, ad esempio sfondo, colore del testo, bordo, dimensione, posizione e così via. - a seconda del componente selezionato.
Aggiungere personalizzazione
Per aggiungere la personalizzazione, seleziona un contenitore e fai clic sull’icona di personalizzazione dalla barra dei menu contestuale visualizzata. Aggiungi le modifiche utilizzando l’editor di personalizzazione. Ulteriori informazioni
Navigazione all'interno del Web Designer navigate-web-designer
In questa sezione vengono descritti i diversi modi in cui è possibile spostarsi all'interno del designer Web. Per visualizzare e gestire le modifiche aggiunte alla tua esperienza Web, consulta questa sezione.
Utilizzare le breadcrumb breadcrumbs
-
Seleziona un elemento dall’area di lavoro.
-
Fai clic sul pulsante Espandi/comprimi breadcrumb in basso a sinistra dello schermo per visualizzare rapidamente le informazioni sull'elemento selezionato.
-
Quando passi il cursore del mouse sulle breadcrumb, l’elemento corrispondente viene evidenziato nell’editor.
-
Utilizzando questo elemento è possibile passare facilmente a qualsiasi elemento padre, di pari livello o figlio all’interno dell’editor visivo.
Passare alla modalità sfoglia browse-mode
È possibile passare dalla modalità predefinita Progettazione alla modalità Sfoglia utilizzando il pulsante dedicato.
Dalla modalità Sfoglia, puoi passare alla pagina esatta dalla superficie selezionata che desideri personalizzare.
È particolarmente utile quando si tratta di pagine che sono dietro l’autenticazione o che non sono disponibili dall’inizio a un determinato URL. Ad esempio, potrai eseguire l'autenticazione, passare alla pagina dell'account o alla pagina del carrello e quindi tornare alla modalità Progettazione per eseguire le modifiche nella pagina desiderata.
L'utilizzo della modalità Sfoglia consente inoltre di spostarsi tra tutte le visualizzazioni del sito Web durante la creazione di applicazioni a pagina singola. Ulteriori informazioni
Cambia dimensione dispositivo change-device-size
È possibile modificare le dimensioni del dispositivo della visualizzazione del Web designer impostando una dimensione predefinita, ad esempio Tablet o Orizzontale mobile, oppure definire una dimensione personalizzata immettendo il numero di pixel desiderato.
È anche possibile cambiare la messa a fuoco dello zoom: da 25% a 400%.
La possibilità di modificare le dimensioni del dispositivo è progettata per i siti reattivi con un rendering ottimale su vari dispositivi, finestre e dimensioni di schermo. I siti reattivi si adattano automaticamente a qualsiasi dimensione di schermo, inclusi desktop, laptop, tablet o telefoni cellulari.
Video introduttivo video
Il video seguente mostra come creare un'esperienza Web utilizzando il designer Web nelle campagne Journey Optimizer.