Progettazione di una pagina di destinazione designing-a-landing-page
Informazioni sulla progettazione del contenuto di una pagina di destinazione about-content-design
Le pagine di destinazione vengono create come qualsiasi altra attività di marketing.
Durante la progettazione di una pagina di destinazione, dovrai definire il contenuto della pagina stessa, della pagina di conferma e della pagina di errore. Per visualizzare e configurare ciascuna di queste pagine, utilizza il commutatore posto sotto la barra delle azioni.
Il contenuto delle pagine di destinazione è progettato tramite l’editor di contenuti di Campaign.
Questa pagina descrive le specificità dell’editor dei contenuti delle pagine di destinazione. Per ulteriori informazioni sulle azioni comuni a una o più attività di marketing, consulta le sezioni seguenti della guida Progettazione di contenuti delle e-mail:
Interfaccia dell’editor dei contenuti delle pagine di destinazione landing-page-content-editor-interface
L’editor dei contenuti delle pagine di destinazione consente di definire, modificare e personalizzare facilmente il contenuto all’interno di Adobe Campaign. Per accedervi, fai clic sul blocco Content del dashboard di una pagina di destinazione.
L’editor dei contenuti è organizzato in tre sezioni distinte. Tali sezioni ti consentono di visualizzare e modificare il contenuto.
- La palette a sinistra dello schermo ti consente di modificare le opzioni generali collegate a un blocco selezionato. Le opzioni che è possibile modificare sono le seguenti: colore di sfondo, bordo, allineamento del testo, condizione di visibilità e così via. Consulta Inserimento di un campo di personalizzazione.
- La barra delle azioni contiene le opzioni generali della pagina. Puoi selezionare un modello e modificare la modalità di visualizzazione.
- La zona di modifica principale ti consente di interagire direttamente con il contenuto tramite la barra degli strumenti contestuale: puoi inserire un collegamento in un’immagine, modificare il font, eliminare un campo e così via.
La barra delle azioni contiene vari pulsanti che ti permettono di interagire con il contenuto in fase di creazione.
La barra degli strumenti è un elemento contestuale dell’interfaccia dell’editor che offre varie funzionalità a seconda della zona selezionata. Contiene i pulsanti di azione e i pulsanti che ti consentono di modificare lo stile del testo. Le modifiche effettuate si applicano sempre alla zona selezionata. Dopo aver selezionato un blocco, puoi per esempio eliminarlo o duplicarlo. Dopo aver selezionato il testo all’interno di un blocco, puoi convertirlo in un collegamento o renderlo in grassetto.
Gestione della struttura e dello stile della pagina di destinazione managing-landing-page-structure-and-style
Gestione dei blocchi nell’editor dei contenuti managing-blocks-in-the-content-editor
I diversi elementi di contenuto HTML vengono visualizzati nella pagina di destinazione sotto forma di blocchi, corrispondenti al tag <div> </div>. Seleziona un blocco per interagire con esso, che sarà poi circondato da una casella blu.
Se è stato selezionato un blocco, gli oggetti principali dell’elemento HTML corrispondente verranno visualizzati in una breadcrumb situata nella parte inferiore dell’area di modifica.
Al passaggio del mouse passa sopra uno degli elementi della breadcrumb, viene evidenziato l’elemento interessato. Puoi quindi spostarti facilmente tra i diversi blocchi e selezionare con precisione l’elemento HTML che desideri modificare.
Per modificare, eliminare o duplicare il blocco, utilizza le opzioni della palette e della barra degli strumenti contestuale.
Per i blocchi contenenti testo, fai di nuovo clic sul blocco per attivare la modalità di modifica del testo. La cornice intorno al blocco diventa verde. A quel punto, potrai selezionare o immettere il testo. Per aggiungere un collegamento o modificare la formattazione del testo, utilizza le opzioni della palette e della barra degli strumenti contestuale.
I parametri definiti per un elemento in un blocco, quali collegamenti, campi di personalizzazione, blocchi di contenuto e così via, possono essere modificati dalla palette in qualsiasi momento.
Aggiunta di un bordo e uno sfondo nell’editor dei contenuti adding-a-border-and-a-background-in-the-content-editor
È inoltre possibile definire un colore di sfondo selezionandone uno dal grafico. Questo colore viene quindi applicato al blocco selezionato.
Puoi aggiungere anche un bordo al blocco.
Modifica dello stile del testo nell’editor dei contenuti changing-the-text-style-in-the-content-editor
Per modificare lo stile del testo, è necessario fare clic all’interno di un blocco di testo.
Per cambiare l’allineamento del testo, seleziona una delle tre icone seguenti nella palette a sinistra:
- Allinea a sinistra: allinea il testo a sinistra del blocco selezionato (aggiunge style="text-align: left;").
- Centra: centra il testo nel blocco selezionato (aggiunge style="text-align: center;").
- Allinea a destra: allinea il testo a destra del blocco selezionato (aggiunge style="text-align: right;").
Puoi inoltre utilizzare la barra degli strumenti per modificare gli attributi del font: adattarne le dimensioni, rendere il testo in grassetto o corsivo, sottolineare o modificare il colore del testo. Fai riferimento a questa sezione.
Inserimento di immagini in una pagina di destinazione inserting-images-in-a-landing-page
-
All’interno del contenuto di una pagina di destinazione, seleziona un blocco contenente un’immagine.
-
Fai clic sul pulsante Insert.
-
Dalla barra degli strumenti contestuale, seleziona Local image .
-
Scegli un file.
-
Regola le proprietà dell’immagine in base alle esigenze.
Definizione del contenuto dinamico in una pagina di destinazione defining-dynamic-content-in-a-landing-page
Per definire il contenuto dinamico di una pagina di destinazione, seleziona un blocco utilizzando la breadcrumb o facendo clic direttamente su un elemento.
Alcuni blocchi non possono essere selezionati direttamente, ad esempio le immagini. In tal caso, seleziona il blocco principale tramite la breadcrumb. Puoi quindi modificare tutti gli elementi inclusi in questo elemento principale, incluse le immagini. La condizione verrà applicata a tutti gli elementi secondari all’interno del blocco principale.
La breadcrumb viene presentata nella sezione Gestione dei blocchi.
I passaggi successivi per la definizione del contenuto dinamico in una pagina di destinazione sono simili a quelli per la creazione di un’e-mail. Vedi questa sezione.
Puoi spostarti tra i diversi contenuti dinamici di un blocco. Per eseguire questa operazione:
-
Seleziona il blocco.
Le frecce sono visualizzate sul lato destro e sinistro dell’immagine.
-
Per sfogliare i contenuti dinamici disponibili, fai clic sulla freccia destra.
In base al raggiungimento dell’ultimo o del primo contenuto dinamico disponibile, le frecce su ciascun lato si attenuano.
-
Per eliminare tutte le condizioni applicate a un blocco, selezionalo e fai clic sull’icona Disable dynamic content.
-
Seleziona il contenuto dinamico che desideri mantenere.
Nella palette:
- I contenuti con un’espressione inserita non sono più evidenziati in rosso, ma sono visualizzati in grigio.
- Il contenuto attualmente selezionato viene visualizzato in blu.