Vai al contenuto principale

Le pagine di destinazione - Parte 2: Definizione della struttura della pagina di destinazione

💡 Buono a sapersi
Le pagine di destinazione sono disponibili per i piani Business ed Enterprise (i vecchi piani Premium ed Enterprise).

In questo articolo spiegheremo come strutturare la pagina di destinazione. La pagina di destinazione può essere strutturata aggiungendo, spostando, duplicando ed eliminando pagine, sezioni ed elementi.

Abbiamo creato una serie di articoli per aiutarti a costruire le tue pagine di destinazione. 

Buono a sapersi

Il nuovo editor delle pagine di destinazione offre una struttura diversa dall'editor classico delle pagine di destinazione. Assicurati di controllare la sezione corretta di questo articolo a seconda dell'editor delle pagine di destinazione che stai usando:

mceclip1.png

mceclip0.png

Nuovo editor delle pagine di destinazione

Editor classico delle pagine di destinazione

Nuovo editor delle pagine di destinazione

Una pagina di destinazione è composta da pagine, sezioni ed elementi.

Pagine

Puoi aggiungere delle pagine alla tua pagina di destinazione, ad esempio una pagina di ringraziamento, che puoi collegare alla pagina di destinazione principale. Per aggiungere una nuova pagina, clicca su + Crea una nuova pagina dal pannello Pagine.

create_page-en_us.png

Per maggiori informazioni sulle sottopagine, ti invitiamo a leggere il nostro articolo Gestione delle sottopagine della pagina di destinazione.

Sezioni

All'interno di una pagina, puoi aggiungere sezioni per organizzare i tuoi contenuti, come una sezione Intestazione, una sezione Corpo e una sezione Piè di pagina. Puoi aggiungere una sezione alla pagina dai pannelli Sezioni o Layout.

Puoi scegliere diversi tipi di sezioni da aggiungere al tuo design:

add_section-en_us.png

  1. Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
  2. Proponiamo anche sezioni predefinite che possono essere aggiunte alla tua pagina di destinazione:
    • Intestazione
    • Copertina
    • Vantaggi
    • Funzionalità
    • Video
    • Riprova sociale
    • Invito all'azione
    • Team
    • Piè di pagina
    • Testimonianze
    • Moduli
    • Domande frequenti
    • Come funziona
💡 Buono a sapersi
Tutte le nuove sezioni appariranno nella parte inferiore del tuo design.

Modifica del nome di una sezione

Per rinominare una sezione della pagina di destinazione, clicca su una sezione e inserisci un nome nel campo Assegna un nome a questa sezione. Rinominare le sezioni è utile per avere una chiara panoramica della struttura della tua pagina di destinazione.

name_section-en_us.png

Spostamento di una sezione

Per riorganizzare il tuo design, puoi spostare le sezioni della pagina di destinazione. Per spostare una sezione:

  • Dal pannello Layout, trascina e rilascia la sezione nell'ordine desiderato.
    move_section-en_us.gif
    💡 Buono a sapersi
    Se non sei sicuro di quale sezione devi spostare, tieni presente che quando passi con il mouse sopra una sezione nell'elenco, questa sarà animata nel tuo design.
  • Clicca sulle frecce su e giù direttamente dal tuo design.
    move_section2-en_us.gif

Duplicazione di una sezione

Per duplicare e riutilizzare una sezione nella pagina di destinazione:

  • Dal pannello Layout, passa il mouse su una sezione e clicca sull'icona ❏ Duplica.
    mceclip15.png
  • Dal design, clicca su Sezione e seleziona l'icona ❏ Copia sezione.
    copy_section-en_us.png
💡 Buono a sapersi
La sezione duplicata apparirà nella parte inferiore del tuo design.

Scambio di sezioni

Per sostituire un'intera sezione del tuo design con una sezione vuota o predefinita a tua scelta:

  1. Direttamente dal design, clicca su Sezione e seleziona l'icona 🔁 Scambia sezione.
    swap_section-en_us.png
  2. Seleziona una sezione vuota o predefinita per sostituirla.
💡 Buono a sapersi

Lo scambio di una sezione cancellerà tutto il suo contenuto. Questa modifica può essere annullata solo utilizzando il pulsante ⟲ Annulla.

Eliminazione di una sezione

Per eliminare una sezione dalla pagina di destinazione:

  • Seleziona un elemento direttamente dal tuo design e clicca sull'icona 🗑️ Elimina.
    mceclip14.png
  • Dal design, clicca su Sezione e seleziona l'icona 🗑️ Elimina sezione.

Elementi

All'interno di una sezione, puoi aggiungere elementi come contenitori, testo, pulsanti, immagini, video, separatori, loghi, icone, codice e moduli. Per maggiori informazioni sui tipi di elementi disponibili in una pagina di destinazione e su come modificarne le impostazioni, vedi Parte 3:  Modifica delle impostazioni di tutti gli elementi della pagina di destinazione.

Per aggiungere un elemento a una sezione, clicca su + Elementi e trascina e rilascia l'elemento di tua scelta nella sezione.

add_elements-en_us.gif

Spostamento di un elemento

Per riorganizzare il tuo design, puoi spostare gli elementi della pagina di destinazione. Per spostare un elemento, trascinalo e rilascialo dove vuoi che sia sulla tua pagina di destinazione.

move_element-en_us.gif

Ridimensionamento di un elemento

Per ridimensionare un elemento della pagina di destinazione:

  1. Passa il mouse sopra l'elemento che desideri ridimensionare.
  2. Afferra l'angolo blu in basso a destra dell'elemento e trascinalo fino alla dimensione desiderata.

    resize_element-en_us.gif

Duplicazione di un elemento

Per duplicare e riutilizzare un elemento nella tua pagina di destinazione, selezionalo e clicca sull'icona ❏ Duplica.

mceclip16.png

Eliminazione di un elemento

Per eliminare un elemento dalla tua pagina di destinazione, selezionalo e clicca sull'icona 🗑️ Elimina.

mceclip17.png

Editor classico delle pagine di destinazione

Layout della pagina di destinazione

Impariamo a strutturare una pagina di destinazione con il nostro strumento di creazione di pagine di destinazione. Ecco come è strutturata una pagina di destinazione:

Sezione > Righe > Colonne > Elementi

Sezioni

Ogni pagina è composta da sezioni, che rendono lo strumento di creazione facile da usare e flessibile. Ad esempio, la pagina può contenere una sezione Intestazione, una sezione Corpo e una sezione Piè di pagina.

Puoi scegliere due tipi di sezioni da aggiungere al tuo progetto:

  1. Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
  2. Proponiamo anche sezioni predefinite che possono essere aggiunte alla tua pagina di destinazione.
    Structure_1_EN.png

Puoi rinominare ciascuna sezione per maggiore chiarezza durante la creazione della pagina di destinazione. È sufficiente fare clic sulla sezione e compilare il campo Assegna un nome a questa sezione nel pannello di destra.

Puoi anche assegnare un nome a una sezione selezionando Sezioni > Sezione X > ⚙️. L'area di modifica delle sezioni compare a destra.

Righe e colonne

All'interno di una sezione ci sono righe che possono essere divise in tante colonne

All'interno delle colonne, puoi aggiungere elementi come testo, immagini, pulsanti CTA, separatori, moduli, icone, video, loghi e codice HTML. Per ulteriori informazioni, vedi la nostra guida dettagliata sull'uso dello strumento di creazione di pagine di destinazione e sugli elementi.

Ecco un riepilogo della struttura, dall'impostazione del layout, alle sezioni, alle righe e alle colonne:

2020-11-06_16-30-15__1_.gif

Aggiunta di una sezione, colonna o riga

Esistono diversi modi per aggiungere righe o sezioni. Puoi farlo direttamente nel progetto o tramite il pannello di sinistra (tramite Sezioni o Layout).

Aggiunta di una sezione o una riga direttamente dal design

  1. Passa il mouse su una sezione.
  2. Nella parte inferiore della sezione compare il pulsante AGGIUNGI RIGA O SEZIONE.
  3. Clicca sul pulsante e poi su AGGIUNGI RIGA o AGGIUNGI SEZIONE.
    Add_row_or_section_EN.png
  4. Per le righe: scegli quale struttura deve avere la nuova riga (fino a 4 colonne).
  5. Per le sezioni: si apre il pannello di sinistra e puoi scegliere Aggiungi una sezione vuota o una sezione predefinita dall'elenco. 
    Le sezioni possono anche essere aggiunte direttamente dal pannello Sezioni a sinistra e verranno aggiunte appena sopra la sezione del piè di pagina o alla fine del tuo progetto se hai iniziato da zero.
  6. Fatto!

Questo metodo non consente di aggiungere colonne; per sapere come aggiungere colonne, vedi la sezione seguente.

Aggiunta di una sezione, colonna o riga dal pannello Layout

Puoi anche aggiungere sezioni o righe direttamente dal pannello Layout quando navighi all'interno della struttura. In ogni passaggio verrà visualizzato il pulsante + Aggiungi sezione, + Aggiungi colonna o + Aggiungi riga

add_row_section_from_layout.png

Spostamento di sezioni, righe, colonne ed elementi

Ora che sai come aggiungere sezioni, righe e colonne, potresti volerle riorganizzare durante la creazione del tuo design. Per spostare gli oggetti, devi andare al pannello Layout.

Da qui, puoi semplicemente trascinare e rilasciare i diversi elementi. Vedi l'esempio seguente con gli elementi di una colonna:

Drag_and_drop_structure_gif__1_.gif

💡 Buono a sapersi
Se hai dubbi su quale sia la sezione/riga/colonna/elemento che stai spostando, nota che il suddetto blocco apparità animato sul progetto ogni volta che passi il mouse sull'oggetto nell'elenco.

Duplicazione o eliminazione di sezioni, righe, colonne ed elementi

Ogni oggetto della pagina di destinazione può essere duplicato.

  • È possibile duplicare sezioni, righe, colonne ed elementi dal pannello Layout cliccando sull'icona Duplica mentre si passa il mouse sull'oggetto prescelto.
  • Puoi anche duplicare una sezione o un elemento dal pannello Modifica sulla destra quando clicchi sulla sezione o sull'elemento. Nell'angolo in basso a destra è visibile l'icona Duplica.

Duplicate_EN.png

Aggiunta di una pagina

Per aggiungere una nuova pagina clicca sulla scheda Pagine nella barra laterale a sinistra e poi sul pulsante + AGGIUNGI PAGINA VUOTA. Scopri di più sulle sottopagine qui.

⏩ E adesso?

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarcihere.