In questo articolo, ti spiegheremo come configurare le sezioni e gli elementi della tua landing page. Ora che hai organizzato le sezioni della tua landing page, è il momento di riempirle con elementi come testo, immagini o pulsanti.
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
- Parte 3: modifica delle impostazioni di tutti gli elementi della landing page - TU SEI QUI
- Parte 4: aggiunta di un modulo alla landing page e utilizzo delle opzioni avanzate
- Parte 5: pubblicazione della landing page
Impostazioni comuni
Alcune impostazioni sono comuni tra le sezioni e gli elementi. Descriveremo prima le impostazioni comuni e poi quelle specifiche di ogni sezione o elemento.
Allineamento
|
L'impostazione Alignment (Allineamento) ti consente di scegliere come desideri allineare un elemento (in orizzontale e in verticale). |
Spaziatura
|
L'impostazione Spacing (Spaziatura) ti consente di definire lo spazio verticale e orizzontale intorno e all'interno delle sezioni e degli elementi:
Puoi scegliere diverse dimensioni di spaziatura da XS (più piccola) a XL (più grande). |
Visibilità
|
Per le sezioni:
|
|
|
Per gli elementi:
|
Colore di sfondo
| L'impostazione Background Color (Colore di sfondo) ti consente di aggiungere un colore di sfondo a una sezione o a un elemento e di gestirne la trasparenza. |
Immagine di sfondo
|
L'impostazione Background Image (Immagine di sfondo) ti consente di aggiungere un'immagine dalla nostra libreria di immagini, da un URL o dal tuo computer come sfondo di una sezione o di un elemento:
|
Sezione
Proprietà
|
|
L'impostazione Properties (Proprietà) ti consente di rinominare la sezione. Il nome delle sezioni viene visualizzato durante la navigazione nel pannello Layout. |
Colore di sfondo, immagine di sfondo e spaziatura
Le impostazioni Background Color (Colore di sfondo), Background Image (Immagine di sfondo) e Spacing (Spaziatura) sono descritte nella sezione Impostazioni comuni di questo articolo.
Stile
|
L'impostazione Style (Stile) ti consente di personalizzare l'aspetto della sezione:
|
Segnalibro
|
Il pulsante Bookmark (Segnalibro) ti consente di salvare una sezione per riutilizzarla in altre landing page. Può essere utile per le intestazioni e i piè di pagina che usi sempre nelle tue landing page. Puoi trovare le sezioni salvate in Sections (Sezioni) > Bookmark (Segnalibro) nel pannello di sinistra dell'editor. |
Riga
Puoi modificare le impostazioni di una riga andando sulla scheda Layout nel pannello di sinistra, come abbiamo visto in Landing page - Parte 2: definizione della struttura della landing page. Puoi utilizzare anche il percorso di navigazione visualizzato nella parte superiore dello schermo quando clicchi su un elemento.
Colore di sfondo, immagine di sfondo, spaziatura e visibilità
Le impostazioni Background Color (Colore di sfondo), Background Image (Immagine di sfondo), Spacing (Spaziatura) e Visibility (Visibilità) sono descritte nella sezione Impostazioni comuni di questo articolo.
Avanzate
|
Colonna
Puoi modificare le impostazioni di una colonna andando sulla scheda Layout nel pannello di sinistra, come abbiamo visto in Landing page - Parte 2: definizione della struttura della landing page. Puoi utilizzare anche il percorso di navigazione visualizzato nella parte superiore dello schermo quando clicchi su un elemento.
Stile
|
Colore di sfondo, immagine di sfondo, spaziatura e visibilità
Le impostazioni Background Color (Colore di sfondo), Background Image (Immagine di sfondo), Spacing (Spaziatura) e Visibility (Visibilità) sono descritte nella sezione Impostazioni comuni di questo articolo.
Testo
| Nuovo editor di landing page |
| Editor di landing page classico |
Puoi utilizzare un elemento Text (Testo) per aggiungere e formattare il testo della tua landing page.
Barra di formattazione
La barra di formattazione ti consente di modificare lo stile del testo. Seleziona il testo che desideri modificare per visualizzare la barra di formattazione e clicca sui 3 punti all'estremità destra per accedere a ulteriori opzioni.
Allineamento e spaziatura
Le impostazioni Alignment (Allineamento) e Spacing (Spaziatura) sono descritte nella sezione Impostazioni comuni di questo articolo.
Immagine
| Nuovo editor di landing page |
| Editor di landing page classico |
Le immagini sono un modo perfetto per personalizzare il design della tua landing page e renderla più accattivante. Puoi selezionare un'immagine dalla nostra libreria di immagini, da un URL o dal tuo computer.
Allineamento e spaziatura
Le impostazioni Alignment (Allineamento) e Spacing (Spaziatura) sono descritte nella sezione Impostazioni comuni di questo articolo.
Immagine
|
|
Le impostazioni Image (Immagine) ti consentono di selezionare un'immagine e modificarne le dimensioni:
|
Stile
|
|
L'impostazione Style (Stile) ti consente di definire l'aspetto dell'immagine:
|
Logo
| Nuovo editor di landing page |
| Editor di landing page classico |
I loghi sono un modo perfetto per mostrare il tuo brand sulla tua landing page.
Allineamento e spaziatura
Le impostazioni Alignment (Allineamento) e Spacing (Spaziatura) sono descritte nella sezione Impostazioni comuni di questo articolo.
Immagine
|
|
L'impostazione Image (Immagine) ti consente di selezionare un'immagine e modificarne le dimensioni:
|
Stile
|
|
L'impostazione Style (Stile) ti consente di definire l'aspetto del logo:
|
Pulsante
| Nuovo editor di landing page |
|
|
| Editor di landing page classico |
Puoi utilizzare un elemento Button (Pulsante) per creare un link a un sito web o a un'altra sottopagina della tua landing page. L'aggiunta di pulsanti alla tua landing page è un'ottima soluzione per evidenziare i link specifici che desideri far cliccare agli utenti.
Allineamento, spaziatura e visibilità
Le impostazioni Alignment (Allineamento), Spacing (Spaziatura) e Visibility (Visibilità) sono descritte nella sezione Impostazioni comuni di questo articolo.
Proprietà
|
L'impostazione Properties (Proprietà) ti consente di definire il link di reindirizzamento del pulsante:
|
Stile
|
L'impostazione Style (Stile) ti consente di personalizzare l'aspetto del pulsante:
|
Separatore
| Nuovo editor di landing page |
|
|
| Editor di landing page classico |
Puoi utilizzare un elemento Divider (Separatore) per aggiungere una separazione visiva tra i diversi elementi e sezioni della tua landing page.
Spaziatura
L'impostazione Spacing (Spaziatura) è descritta nella sezione Impostazioni comuni di questo articolo.
Stile
|
Scegli il livello di spessore del separatore: Thin (Sottile), Thick (Spesso) o Thickest (Il più spesso). |
Colore
|
Scegli il colore del separatore. |
Modulo
| Nuovo editor di landing page |
|
|
| Editor di landing page classico |
Puoi utilizzare un elemento Form (Modulo) per creare una landing page per la generazione di lead. Per ulteriori informazioni sui moduli in una landing page, consulta il nostro articolo dedicato Parte 4: aggiunta di un modulo alla landing page e utilizzo delle opzioni avanzate.
Icona
| Nuovo editor di landing page |
|
|
| Editor di landing page classico |
Puoi utilizzare un elemento Icon (Icona) per aggiungere del contenuto visivo e illustrare la tua landing page.
Allineamento e spaziatura
Le impostazioni Alignment (Allineamento) e Spacing (Spaziatura) sono descritte nella sezione Impostazioni comuni di questo articolo.
Impostazioni
|
Le impostazioni di un'icona ti consentono di selezionare un'icona e personalizzarne l'aspetto:
|
Video
| Nuovo editor di landing page |
|
|
| Editor di landing page classico |
Puoi utilizzare un elemento Video nella tua landing page per presentare il tuo brand o i tuoi prodotti senza utilizzare troppo testo.
Spaziatura
L'impostazione Spacing (Spaziatura) è descritta nella sezione Impostazioni comuni di questo articolo.
URL
| L'impostazione URL ti consente di aggiungere il link al video. Puoi utilizzare un video ospitato su YouTube, Vimeo, Dailymotion, Canal+, Wista, Twitch, Youku o Coub. |
Stile
|
L'impostazione Style (Stile) ti consente di gestire l'aspetto del video:
|
Contenitore
Puoi utilizzare un elemento Container (Contenitore) per raggruppare più elementi e spostarli o ridimensionarli tutti contemporaneamente.
Immagine di sfondo, spaziatura e visibilità
Le impostazioni Background Image (Immagine di sfondo), Spacing (Spaziatura) e Visibility (Visibilità) sono descritte nella sezione Impostazioni comuni di questo articolo.
Stile
|
L'impostazione Style (Stile) ti consente di personalizzare l'aspetto del contenitore:
|
Codice
| Nuovo editor di landing page |
|
|
| Editor di landing page classico |
Puoi utilizzare un elemento Code (Codice) per aggiungere frammenti di codice alla tua landing page, ad esempio una sezione dei commenti di Facebook.
⏩ E adesso?
- 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.