In questo articolo spieghiamo come configurare le sezioni e gli elementi della landing page. Ora che hai organizzato le sezioni sulla landing page, è il momento di riempirle con elementi come testo, immagini o pulsanti.
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
- Parte 3: Modifica delle impostazioni di tutti gli elementi della landing page - TU SEI QUI
- Parte 4: Aggiunta di un modulo e utilizzo delle opzioni avanzate
- Parte 5: Pubblicazione della landing page
Impostazioni comuni
Alcune impostazioni sono comuni tra sezioni ed elementi. Inizieremo descrivendo le impostazioni comuni e poi vedremo quelle più specifiche per ciascuno.
Allineamento
L'impostazione Allineamento consente di scegliere come allineare un elemento (orizzontalmente e verticalmente). |
Spaziatura
L'impostazione Spaziatura consente di definire lo spazio verticale e orizzontale attorno e all'interno di sezioni ed elementi:
È possibile scegliere tra spaziature di diverse dimensioni, da XS (più piccola) a XL (più grande). |
Visibilità
Per le sezioni:
|
|
Per gli elementi:
|
Colore di sfondo
L'impostazione Colore di sfondo consente di aggiungere un colore di sfondo a una sezione o elemento e gestirne la trasparenza. |
Immagine di sfondo
L'impostazione Immagine di sfondo 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 Proprietà consente di rinominare la sezione. Il nome delle sezioni viene visualizzato quando navighi nel pannello Layout. |
Stile
L'impostazione Stile consente di personalizzare l'aspetto della sezione:
|
Colore di sfondo, Immagine di sfondo e Spaziatura
Le impostazioni Colore di sfondo, Immagine di sfondo e Spaziatura sono descritte nella sezione Impostazioni comuni di questo articolo.
Riga
Puoi modificare le impostazioni di una riga andando alla scheda Layout dal pannello di sinistra come abbiamo visto in Le landing pages - Parte 2: Definizione della struttura della landing page. Puoi anche utilizzare la traccia breadcrumb che appare nella parte superiore dello schermo quando clicchi su un elemento.
Colore di sfondo, Immagine di sfondo, Spaziatura e Visibilità
Le impostazioni Colore di sfondo, Immagine di sfondo, Spaziatura e Visibilità sono descritte nella sezione Impostazioni comuni di questo articolo.
Avanzate
|
|
Colonna
Puoi modificare le impostazioni di una colonna andando alla scheda Layout dal pannello di sinistra come abbiamo visto in Le landing pages - Parte 2: Definizione della struttura della landing page. Puoi anche utilizzare la traccia breadcrumb che appare nella parte superiore dello schermo quando clicchi su un elemento.
Stile
|
Colore di sfondo, Immagine di sfondo, Spaziatura e Visibilità
Le impostazioni Colore di sfondo, Immagine di sfondo, Spaziatura e Visibilità sono descritte nella sezione Impostazioni comuni di questo articolo.
Testo
Nuovo editor delle landing pages |
Editor classico delle landing pages |
Puoi utilizzare un elemento Testo per aggiungere e formattare il testo sulla tua landing page.
Barra di formattazione
La barra di formattazione 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 ad altre opzioni.
Allineamento e Spaziatura
Le impostazioni Allineamento e Spaziatura sono descritte nella sezione Impostazioni comuni di questo articolo.
Immagine
Nuovo editor delle landing pages |
Editor classico delle landing pages |
Le immagini sono un modo perfetto per personalizzare il design delle tue landing pages e renderlo più coinvolgente. Puoi selezionare un'immagine dalla nostra libreria di immagini, da un URL o dal tuo computer.
Allineamento e Spaziatura
Le impostazioni Allineamento e Spaziatura sono descritte nella sezione Impostazioni comuni di questo articolo.
Immagine
|
Le impostazioni Immagine consentono di selezionare un'immagine e modificarne le dimensioni:
|
Stile
|
L'impostazione Stile consente di definire l'aspetto dell'immagine:
|
Logo
Nuovo editor delle landing pages |
Editor classico delle landing pages |
I loghi sono un modo perfetto per mostrare il tuo marchio sulla tua landing page.
Allineamento e Spaziatura
Le impostazioni Allineamento e Spaziatura sono descritte nella sezione Impostazioni comuni di questo articolo.
Immagine
|
L'impostazione Immagine consente di selezionare un logo e modificarne le dimensioni:
|
Stile
|
L'impostazione Stile consente di definire l'aspetto del logo:
|
Pulsante
Nuovo editor delle landing pages |
|
Editor classico delle landing pages |
Puoi utilizzare un elemento Pulsante per collegarti a un sito web o a un'altra sottopagina della tua landing page. Aggiungere pulsanti alla landing page è un ottimo modo per evidenziare link specifici su cui desideri che clicchino gli utenti.
Allineamento, Spaziatura e Visibilità
Le impostazioni Allineamento, Spaziatura e Visibilità sono descritte nella sezione Impostazioni comuni di questo articolo.
Proprietà
L'impostazione Proprietà consente di definire a cosa deve collegarsi il pulsante:
|
Stile
L'impostazione Stile consente di personalizzare l'aspetto del pulsante:
|
Separatore
Nuovo editor delle landing pages |
|
Editor classico delle landing pages |
Puoi utilizzare un elemento Separatore per aggiungere una separazione visiva tra i diversi elementi e sezioni della tua landing page.
Spaziatura
L'impostazione Spaziatura è descritta nella sezione Impostazioni comuni di questo articolo.
Stile
Scegli l'entità dello spessore del separatore: sottile, spesso o molto spesso. |
Colore
Scegli il colore del separatore. |
Modulo
Nuovo editor delle landing pages |
|
Editor classico delle landing pages |
Puoi utilizzare un elemento Modulo per creare una landing page per la generazione di lead. Per maggiori informazioni sui moduli nelle landing pages, leggi il nostro articolo Parte 4: Aggiunta di un modulo e utilizzo delle opzioni avanzate.
Icona
Nuovo editor delle landing pages |
|
Editor classico delle landing pages |
Puoi utilizzare un elemento Icona per inserire nella landing page elementi grafici e illustrazioni.
Allineamento e Spaziatura
Le impostazioni Allineamento e Spaziatura sono descritte nella sezione Impostazioni comuni di questo articolo.
Impostazioni
Le Impostazioni di un'icona consentono di selezionare un'icona e personalizzarne l'aspetto:
|
Video
Nuovo editor delle landing pages |
|
Editor classico delle landing pages |
Puoi utilizzare un elemento Video nella landing page per mostrare il tuo marchio o i tuoi prodotti senza utilizzare troppo testo.
Spaziatura
L'impostazione Spaziatura è descritta nella sezione Impostazioni comuni di questo articolo.
URL
L'impostazione URL 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 Stile consente di gestire l'aspetto del video:
|
Contenitore
Puoi utilizzare un elemento Contenitore per raggruppare diversi elementi e spostarli o ridimensionarli tutti in una volta.
Immagine di sfondo, Spaziatura e Visibilità
Le impostazioni Immagine di sfondo, Spaziatura e Visibilità sono descritte nella sezione Impostazioni comuni di questo articolo.
Stile
L'impostazione Stile consente di personalizzare l'aspetto del contenitore:
|
Codice
Nuovo editor delle landing pages |
|
Editor classico delle landing pages |
Puoi utilizzare un elemento Codice per aggiungere frammenti di codice alla tua landing page, come ad esempio una sezione dei commenti di Facebook.
⏩ E adesso?
- 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.