Modificare il contenuto web edit-web-content

Una volta ha aggiunto un’azione web nella campagna, puoi modificare il contenuto del sito utilizzando web designer.

Scopri come creare una campagna web in questo video

In entrata Journey Optimizer, l’authoring web è basato su Helper visivo Adobe Experience Cloud estensione del browser chrome. Ulteriori informazioni

CAUTION
Per poter accedere e creare pagine web in Journey Optimizer nell'interfaccia utente, assicurarsi di seguire i prerequisiti elencati in questa sezione.

Per ulteriori informazioni su ciascun argomento, consulta le sezioni seguenti:

Utilizzare il web designer work-with-web-designer

Per iniziare a creare la tua campagna web, segui i passaggi indicati di seguito.

  1. Dalla sezione Azione scheda di campagna, seleziona Modifica contenuto.

  2. 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
  3. Clic Modifica pagina web per iniziare a crearlo. 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 il Estensione del browser Helper per editing video. Consulta alcuni suggerimenti per la risoluzione dei problemi in questa sezione.
  4. Seleziona qualsiasi elemento dall’area di lavoro, ad esempio immagine, pulsante, paragrafo, testo, contenitore, intestazione, collegamento e così via. Ulteriori informazioni

  5. 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.

NOTE
Il designer del contenuto web è per lo più simile al designer e-mail. Ulteriori informazioni su progettazione di contenuti con Journey Optimizer.

Utilizzare i componenti content-components

  1. Dalla sezione Componenti a sinistra, selezionare un elemento. Puoi aggiungere i seguenti componenti alla pagina web e modificarli in base alle tue esigenze:

  2. Passa il puntatore del mouse sulla pagina e fai clic su Inserisci prima o Inserisci dopo per aggiungere il componente a un elemento esistente nella pagina.

    note note
    NOTE
    Per deselezionare un componente, fai clic su ESC nel banner contestuale blu visualizzato nella parte superiore dell’area di lavoro.
  3. Modifica il componente in base alle esigenze direttamente nel contenuto della pagina.

  4. 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

In questa sezione vengono descritti i diversi modi in cui è possibile spostarsi all'interno del designer Web. Per visualizzare e gestire le modifiche aggiunte all’esperienza web, consulta questa sezione.

Utilizzare le breadcrumb breadcrumbs

  1. Seleziona un elemento dall’area di lavoro.

  2. Fai clic su Espandi/comprimi breadcrumb in basso a sinistra per visualizzare rapidamente le informazioni sull’elemento selezionato.

  3. Quando passi il cursore del mouse sulle breadcrumb, l’elemento corrispondente viene evidenziato nell’editor.

  4. Utilizzando questo elemento è possibile passare facilmente a qualsiasi elemento padre, di pari livello o figlio all’interno dell’editor visivo.

Passa alla modalità Sfoglia browse-mode

È possibile sostituire il valore predefinito Progettazione alla modalità Sfoglia mediante il pulsante dedicato.

Dalla sezione Sfoglia in modalità, 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 del carrello e quindi tornare a Progettazione per eseguire le modifiche sulla pagina desiderata.

Utilizzo di Sfoglia La modalità consente inoltre di navigare tra tutte le visualizzazioni del sito web durante l’authoring di applicazioni a pagina singola. Ulteriori informazioni

Cambia dimensione dispositivo change-device-size

È possibile impostare le dimensioni del dispositivo della visualizzazione del Web Designer su una dimensione predefinita, ad esempio Tablet o Orizzontale mobile, o definisci 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.

CAUTION
Puoi modificare un’esperienza web con una dimensione dispositivo specifica. Tuttavia, se i selettori sono gli stessi, queste modifiche si applicano a tutte le dimensioni e ai dispositivi, non solo alle dimensioni del dispositivo in cui stai lavorando. Analogamente, la modifica di un’esperienza nella normale visualizzazione desktop applica le modifiche a tutte le dimensioni di schermo, non solo alla visualizzazione desktop.
Attualmente, Journey Optimizer non supporta le modifiche di pagina specifiche per le dimensioni del dispositivo. Ciò significa che, ad esempio, se disponi di un sito web mobile separato con una struttura del sito separata, dovrai apportare le modifiche specifiche al sito mobile in un’altra campagna.

Video introduttivo video

Il video seguente mostra come creare un’esperienza web utilizzando il designer web in Journey Optimizer campagne.

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76