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.
- Introduzione: Che cos'è una landing page?
- Parte 1: Configurazione della landing page
- Parte 2: Definizione della struttura della landing page - TU SEI QUI
- Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page
- Parte 4: Aggiunta di un modulo e utilizzo delle opzioni avanzate
- Parte 5: Pubblicazione della landing page
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:
|
|
Nuovo editor 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.
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:
- Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
- 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
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.
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.
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.
- Dal design, clicca su Sezione e seleziona l'icona ❏ Copia sezione.
Scambio di sezioni
Per sostituire un'intera sezione del tuo design con una sezione vuota o predefinita a tua scelta:
- Direttamente dal design, clicca su Sezione e seleziona l'icona 🔁 Scambia sezione.
- Seleziona una sezione vuota o predefinita per sostituirla.
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.
- 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 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.
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.
Ridimensionamento di un elemento
Per ridimensionare un elemento della landing page:
- Passa il mouse sopra l'elemento che desideri ridimensionare.
- Afferra l'angolo blu in basso a destra dell'elemento e trascinalo fino alla dimensione desiderata.
Duplicazione di un elemento
Per duplicare e riutilizzare un elemento nella tua landing page, selezionalo e clicca sull'icona ❏ Duplica.
Eliminazione di un elemento
Per eliminare un elemento dalla tua landing page, selezionalo e clicca sull'icona 🗑️ Elimina.
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:
- Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
- Proponiamo anche sezioni predefinite che possono essere aggiunte alla tua landing page.
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
- Passa il mouse su una sezione.
- Nella parte inferiore della sezione compare il pulsante AGGIUNGI RIGA O SEZIONE.
- Clicca sul pulsante e poi su AGGIUNGI RIGA o AGGIUNGI SEZIONE.
- Per le righe: scegli quale struttura deve avere la nuova riga (fino a 4 colonne).
- 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. - 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.
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:
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.
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?
- Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page
- Parte 4: Aggiunta di un modulo e utilizzo delle opzioni avanzate
- Parte 5: Pubblicazione della landing page
- Le landing pages sono adatte alla SEO?
- Duplicazione di una landing page esistente
- Gestione delle sottopagine della landing page
🤔 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.