Landing pages - Parte 2: Definizione della struttura della landing page

💡 Buono a sapersi
Le landing pages sono disponibili per i piani Business ed Enterprise.

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

Abbiamo creato una serie di articoli per aiutarti a costruire le tue landing pages. 

Buono a sapersi

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

mceclip6.png

mceclip5.png

Nuovo editor delle landing pages

Editor classico delle landing pages

Nuovo editor delle landing pages

Una landing page è composta da pagine, sezioni ed elementi.

Pagine

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

mceclip0.png

Per maggiori informazioni sulle sottopagine, ti invitiamo a leggere il nostro articolo Gestione delle sottopagine della landing page.

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:

mceclip1.png

  1. Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
  2. Proponiamo anche sezioni predefinite che possono essere aggiunte alla tua landing page:
    • 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 landing page, 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 landing page.

mceclip2.png

Spostamento di una sezione

Per riorganizzare il tuo design, puoi spostare le sezioni della landing page. Dal pannello Layout, trascina e rilascia la sezione nell'ordine desiderato.
move_section.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.

Duplicazione di una sezione

Per duplicare e riutilizzare una sezione nella landing page:

  • Dal pannello Layout, passa il mouse su una sezione e clicca sull'icona ❏ Duplica.
    mceclip3.png
  • Dal design, clicca su Sezione e seleziona l'icona ❏ Copia sezione.
    mceclip4.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.
    mceclip5.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 landing page:

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

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 landing page e su come modificarne le impostazioni, vedi Parte 3:  Modifica delle impostazioni di tutti gli elementi della landing page.

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

add_elements.gif

Spostamento di un elemento

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

move_element.gif

Ridimensionamento di un elemento

Per ridimensionare un elemento della landing page:

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

Duplicazione di un elemento

Per duplicare e riutilizzare un elemento nella tua landing page, selezionalo e clicca sull'icona ❏ Duplica.

mceclip8.png

Eliminazione di un elemento

Per eliminare un elemento dalla tua landing page, selezionalo e clicca sull'icona 🗑️ Elimina.

mceclip9.png

Editor classico delle landing pages

Layout della landing page

Impariamo a strutturare una landing page con il nostro strumento di creazione di landing pages. Ecco come è strutturata una landing page:

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 landing page.
    mceclip10.png

Puoi rinominare ciascuna sezione per maggiore chiarezza durante la creazione della landing page. È 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 landing pages e sugli elementi.

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

mceclip12.png mceclip13.png mceclip14.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:

move_section_classic.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 landing page 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.
mceclip15.png mceclip16.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 contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con il giusto partner esperto certificato Brevo.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 2 su 6