Landing page - Parte 2: definizione della struttura della landing page

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

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:

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:

mceclip6.png

mceclip6.png

Nuovo editor di landing page

Editor di landing page classico

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:

  1. Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
  2. 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
💡 Buono a sapersi
Tutte le nuove sezioni saranno visualizzate nella parte inferiore del design.

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.

move_section.gif

💡 Buono a sapersi
Se non sei sicuro di quale sezione devi spostare, tieni presente che quando posizioni il puntatore del mouse su una sezione nella lista, questa verrà animata nel tuo design.

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).
💡 Buono a sapersi
La sezione duplicata sarà visualizzata nella parte inferiore del tuo design.

Scambiare una sezione

Per sostituire un'intera sezione del tuo design con una sezione vuota o predefinita desiderata:

  1. Direttamente nel tuo design, clicca su Section (Sezione) e seleziona l'icona 🔁 Swap Section (Scambia sezione).
  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 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.

add_elements.gif

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.

move_element.gif

Ridimensionare un elemento

Per ridimensionare un elemento nella tua landing page:

  1. Posiziona il puntatore del mouse sull'elemento che desideri ridimensionare.
  2. Trascina l'angolo blu in basso a destra dell'elemento fino a ottenere la dimensione desiderata.

    resize_element.gif

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:

  1. Puoi aggiungere una sezione vuota per personalizzarla completamente da zero.
  2. 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

  1. Posiziona il puntatore del mouse su una sezione.
  2. Nella parte inferiore della sezione, avrai un pulsante ADD ROW OR SECTION (AGGIUNGI RIGA O SEZIONE).
  3. Cliccaci sopra, quindi clicca su ADD ROW (AGGIUNGI RIGA) o su ADD SECTION (AGGIUNGI SEZIONE).

  4. Per le righe: scegli quale modello deve avere la tua nuova riga (fino a 4 colonne).
  5. 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:

move_section_classic.gif

💡 Buono a sapersi
Se non sei sicuro di quale sezione/riga/colonna/elemento stai spostando, tieni presente che il suddetto blocco verrà animato sul tuo design ogni volta che posizioni il puntatore del mouse sull'elemento nella lista.

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?

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

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 2 su 9