In questo articolo, ti spieghiamo come strutturare la tua landing page. Puoi strutturare la tua landing page aggiungendo, spostando, duplicando ed eliminando pagine, sezioni ed elementi.
Abbiamo creato una serie di articoli per aiutarti a creare le tue landing page:
- 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 alla landing page e utilizzo delle opzioni avanzate
- Parte 5: pubblicazione della landing page
Buono a sapersi
Il nuovo editor di landing page offre una struttura diversa dall'editor di landing page classico. Assicurati di consultare la sezione corretta di questo articolo in base all'editor di landing page che stai utilizzando:
|
|
|
| Nuovo editor di landing page |
Nuovo editor di landing page
Una landing page è composta da pagine, sezioni ed elementi.
Pagine
Puoi aggiungere altre pagine alla tua landing page, ad esempio una pagina di ringraziamento, che puoi collegare alla tua landing page principale. Per aggiungere una nuova pagina, clicca su + Create a new page (+ Crea una nuova pagina) nel pannello Pages (Pagine).
Per ulteriori informazioni sulle sottopagine, consulta il nostro articolo dedicato Gestione delle sottopagine della landing page.
Sezioni
All'interno di una pagina, puoi aggiungere sezioni per organizzare i tuoi contenuti, ad esempio una sezione Header (Intestazione), una sezione Body (Corpo) e una sezione Footer (Piè di pagina). Puoi aggiungere una sezione alla tua pagina tramite i pannelli Sections (Sezioni) o Layout.
Puoi aggiungere diversi tipi di sezioni al tuo design:
- Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
- Offriamo anche sezioni predefinite che puoi aggiungere per creare la tua landing page:
- Intestazione
- Copertina
- Vantaggi
- Funzionalità
- Video
- Prova social
- Invito all'azione
- Team
- Piè di pagina
- Testimonianze
- Moduli
- Domande frequenti
- Come funziona
Rinominare una sezione
Per rinominare una sezione della tua landing page, clicca su una sezione e immetti un nome nel campo Name this section (Dai un nome a questa sezione). Rinominare le sezioni è utile per avere una chiara visione d'insieme della struttura della tua landing page.
Spostare una sezione
Per riorganizzare il tuo design, puoi spostare le sezioni della tua landing page. Nel pannello Layout, trascina le sezioni nell'ordine desiderato.
Duplicare una sezione
Per duplicare e riutilizzare una sezione nella tua landing page:
- Nel pannello Layout, posiziona il puntatore del mouse su una sezione e clicca sull'icona ❏ Duplicate (Duplica).
- Nel tuo design, clicca su Section (Sezione) e seleziona l'icona ❏ Copy Section (Copia sezione).
Scambiare una sezione
Per sostituire un'intera sezione del tuo design con una sezione vuota o predefinita desiderata:
- Direttamente nel tuo design, clicca su Section (Sezione) e seleziona l'icona 🔁 Swap Section (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 tramite il pulsante ⟲ Undo (Annulla).
Eliminare una sezione
Per eliminare una sezione dalla tua landing page:
- Direttamente nel tuo design, seleziona un elemento e clicca sull'icona 🗑️ Delete (Elimina).
- Nel tuo design, clicca su Section (Sezione) e seleziona l'icona ❏ 🗑️ Delete Section (Elimina sezione).
Elementi
All'interno di una sezione, puoi aggiungere diversi elementi: contenitore, testo, pulsante, immagine, video, separatore, logo, icona, codice e modulo. Per ulteriori informazioni sui tipi di elementi disponibili in una landing page e su come modificare le relative impostazioni, consulta la Parte 3: modifica delle impostazioni di tutti gli elementi della landing page.
Per aggiungere un elemento in una sezione, clicca su + Elements (+ Elementi) e trascina l'elemento desiderato nella sezione.
Spostare un elemento
Per riorganizzare il tuo design, puoi spostare gli elementi della tua landing page. Per spostare un elemento, trascinalo nel punto desiderato sulla tua landing page.
Ridimensionare un elemento
Per ridimensionare un elemento nella tua landing page:
- Posiziona il puntatore del mouse sull'elemento che desideri ridimensionare.
- Trascina l'angolo blu in basso a destra dell'elemento fino a ottenere la dimensione desiderata.
Duplicare un elemento
Per duplicare e riutilizzare un elemento nella tua landing page, selezionalo e clicca sull'icona ❏ Duplicate (Duplica).
Eliminare un elemento
Per eliminare un elemento dalla tua landing page, selezionalo e clicca sull'icona 🗑️ Delete (Elimina).
Editor di landing page classico
Layout della landing page
Vediamo come strutturare una landing page creata con il nostro editor. Ecco la struttura della landing page:
| Sezione > Righe > Colonne > Elementi |
Sezioni
Ogni pagina è composta da sezioni, che garantiscono facilità di utilizzo e flessibilità dell'editor di landing page. Ad esempio, avrai una sezione Header (Intestazione), una sezione Body (Corpo) e una sezione Footer (Piè di pagina).
Puoi scegliere due tipi di sezioni da aggiungere al tuo design:
- Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
- Offriamo anche sezioni predefinite che puoi aggiungere per creare la tua landing page.
Puoi rinominare ogni sezione per renderla ancora più chiara quando crei la tua landing page. Per farlo, ti basta cliccare sulla sezione e compilare il campo Name this section (Dai un nome a questa sezione) nel pannello di destra.
Puoi dare un nome a una sezione anche in Sections (Sezioni) > Section X (Sezione X) > ⚙️. La sezione da modificare sarà visualizzata sulla destra.
Righe e colonne
All'interno di una sezione ci sono righe che possono essere divise in più colonne.
All'interno delle colonne, puoi aggiungere diversi elementi: testo, immagine, pulsante CTA, separatore, modulo, icona, video, logo e codice HTML. Per ulteriori informazioni, consulta il nostro articolo dedicato Parte 3: modifica delle impostazioni di tutti gli elementi della landing page.
Aggiungere una sezione, una colonna o una riga
Esistono diversi modi per aggiungere righe o sezioni. Puoi farlo direttamente sul design o tramite il pannello di sinistra (Sections (Sezioni) o Layout).
Aggiungere una sezione o una riga direttamente dal design
- Posiziona il puntatore del mouse su una sezione.
- Nella parte inferiore della sezione, avrai un pulsante ADD ROW OR SECTION (AGGIUNGI RIGA O SEZIONE).
- Cliccaci sopra, quindi clicca su ADD ROW (AGGIUNGI RIGA) o su ADD SECTION (AGGIUNGI SEZIONE).
- Per le righe: scegli quale modello deve avere la tua nuova riga (fino a 4 colonne).
- Per le sezioni: si apre il pannello di sinistra e puoi scegliere se aggiungere una sezione vuota o una sezione predefinita dalla lista. Le sezioni possono anche essere aggiunte direttamente dal pannello Sections (Sezioni) a sinistra e verranno aggiunte appena sopra la sezione del piè di pagina o alla fine del tuo design, se hai iniziato da zero.
Non puoi aggiungere colonne da qui, consulta la sezione seguente per informazioni su come aggiungere le colonne.
Aggiungere una sezione, una colonna o una riga dal pannello Layout
Puoi anche aggiungere sezioni o righe direttamente dal pannello Layout durante la navigazione nella struttura. A ogni passaggio, vedrai un pulsante + Add section (+ Aggiungi sezione), + Add column (+ Aggiungi colonna) o + Add row (+ Aggiungi riga).
Spostare sezioni, righe, colonne ed elementi
Ora che sai come aggiungere sezioni, righe e colonne, se vuoi, puoi riorganizzarle durante la creazione del tuo design. Per spostare i vari elementi, devi andare sul pannello Layout.
Qui, puoi semplicemente trascinare i diversi elementi. L'esempio seguente riguarda gli elementi di una colonna:
Duplicare o eliminare sezioni, righe, colonne ed elementi
Ogni elemento della tua landing page può essere duplicato:
- Puoi duplicare sezioni, righe, colonne ed elementi nel pannello Layout cliccando sull'icona Duplicate (Duplica) quando posizioni il puntatore del mouse sull'elemento.
- Puoi anche duplicare una sezione o un elemento dal pannello Modifica a destra quando clicchi sulla sezione o sull'elemento. Nell'angolo in basso a destra, troverai l'opzione Duplicate (Duplica).
Aggiungere una pagina
Per aggiungere una nuova pagina, nella barra laterale sinistra, clicca sulla scheda Pages (Pagine), quindi sul pulsante + Create a new page (+ Crea una nuova pagina). Per ulteriori informazioni sulle sottopagine, vai qui.
⏩ E adesso?
- Parte 3: modifica delle impostazioni di tutti gli elementi della landing page
- Parte 4: aggiunta di un modulo alla landing page e utilizzo delle opzioni avanzate
- Parte 5: pubblicazione della landing page
- Le landing page sono SEO friendly?
- 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 l'agenzia partner di Brevo giusta per te.