Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Landing Pages

Creare una landing page con un modello iniziale

Ultimo aggiornamento: marzo 1, 2021

Si applica a:

Tutti i prodotti e i piani

Puoi usare un modello iniziale per costruire una semplice pagina di destinazione che presenti un'offerta di contenuto ai visitatori del tuo sito web. Questo articolo spiega come creare una nuova landing page, personalizzare il design della pagina e pubblicare la pagina.

Si prega di notare: i modelli di partenza non supportano i contenuti intelligenti, i moduli personalizzati, la personalizzazione, l'accesso al codice sorgente nei moduli rich text, o le opzioni avanzate come lo scambio di template e l'accesso all'HTML dell'intestazione.


Prima di iniziare

Creare una landing page con un modello iniziale

Per creare una nuova landing page con un modello iniziale:

  • Nel tuo account HubSpot, naviga su Marketing > Sito web > Landing page.
  • In alto a destra, clicca su Crea > Landing page.
  • Nel menu laterale sinistro, clicca su Tutti i tuoi modelli.
  • Passa sopra un modello e clicca su Anteprima in alto a destra.

preview-starter-template

  • Per creare una pagina con questo modello, clicca su Use template in alto a destra.

Modifica il contenuto della tua pagina

I modelli di avvio contengono blocchi di contenuto del sito web chiamati moduli. Puoi organizzare questi moduli in righe orizzontali o colonne verticali.

Righe e colonne possono essere raggruppate in sezioni di elementi. Raggruppando gli elementi insieme, puoi applicare stili di sfondo a un'intera area della tua pagina. Puoi anche trascinare e rilasciare questi elementi per riorganizzare il layout della tua pagina. Scopri di più su come modificare il contenuto della pagina in un'area di trascinamento.

Per personalizzare il modo in cui il contenuto della tua pagina appare su un dispositivo mobile, clicca sull'icona mobile ediEditfor mobile in alto a sinistra.

edit-page-for-mobile

Personalizzare i caratteri, i colori e i pulsanti

Per personalizzare gli stili predefiniti del tuo modello di partenza, clicca sulla scheda Design nel pannello di sinistra. Puoi anche personalizzare il colore di sfondo o l'immagine per una specifica riga, colonna o sezione

della tua pagina.

edit-starter-theme-on-page

Tipografia

Nella sezione Tipografia, modifica i caratteri e gli stili di carattere applicati al corpo della pagina e alle intestazioni. Tutti i font di Google sono supportati.
  • Testo del corpo: personalizza il carattere, la dimensione del carattere e i colori del carattere per il corpo principale della tua pagina:
    • Clicca sul menu a discesa Testo corpo per selezionare il carattere.
    • Clicca sulle frecce per selezionare la dimensione del carattere.
    • Fai clic sulla bolla del colore per impostare un colore per il tuo carattere. Per impostare un colore personalizzato, clicca sulla scheda Advanced e inserisci un valore esadecimale.
  • Titoli: personalizza il carattere e il colore del testo nei moduli con un tag di titolo.
    • Fai clic sul menu a discesa Titoli per selezionare un carattere.
    • Fai clic sulla bolla di colore per selezionare il colore del carattere.
  • Testo dei link: personalizza i caratteri e i colori applicati ai link della tua pagina.
    • Fai clic sul menu a discesa Link text per selezionare un font.
    • Fai clic sulla bolla di colore per selezionare un colore di collegamento.
    • Fai clic sui pulsanti di stile o sul menu a discesa per selezionare gli stili applicati al tuo testo di collegamento.
    • Per personalizzare il modo in cui i link appaiono quando i tuoi visitatori interagiscono con la tua pagina, puoi personalizzare il colore e la trasparenza dei link.
      • Colore del link hover: personalizza il colore e la trasparenza del testo del link quando un visitatore passa sopra il link.
      • Colore del link attivo: personalizza il colore e la trasparenza del testo del link prima che il link venga cliccato.
      • Colore del link visitato: personalizza il colore e la trasparenza del testo del link dopo che è stato cliccato da un visitatore.

Pulsanti

Nella sezione Buttons, personalizza il modo in cui i pulsanti semplici e i pulsanti di invio dei moduli sono stilizzati nella pagina.
  • Colore di sfondo dei pulsanti: personalizza il colore applicato allo sfondo dei tuoi pulsanti.
    • Inserisci un valore esadecimale o clicca sulla bolla di colore per selezionare un colore.
    • Inserisci un valore percentuale o fai clic sui tasti freccia per impostare la trasparenza del colore di sfondo del tuo pulsante.
  • Button text color: il colore applicato al testo dei pulsanti sulla tua pagina.
    • Inserisci un valore esadecimale o fai clic sulla bolla di colore per selezionare il colore del testo.
    • Inserisci un valore percentuale o fai clic sui tasti freccia per impostare la trasparenza del colore del testo del tuo pulsante.
  • Raggio d'angolo dei pulsanti: personalizza la forma dei tuoi pulsanti inserendo un valore o trascinando il cursore. Un valore più alto significa che i pulsanti della tua pagina avranno dei bordi più rotondi, mentre un valore pari a zero significa che i tuoi pulsanti saranno rettangolari.

Nota: HubSpot raccomanda di mantenere coerenti colori, caratteri e stili in base alle impostazioni della scheda Design. Puoi sovrascrivere gli stili predefiniti per un singolo modulo nella scheda Opzioni

del pannello sinistro.

Ottimizza la tua pagina per i motori di ricerca

Clicca sulla scheda Ottimizza per aprire lo strumento di ottimizzazione SEO. Qui puoi rivedere i consigli per migliorare le prestazioni del tuo contenuto nei motori di ricerca

.

Modifica le impostazioni della tua pagina

Clicca sulla scheda Impostazioni

per personalizzare i dettagli della tua pagina.
  • Nome interno della pagina: il nome della pagina che solo gli utenti HubSpot vedono. Non viene mostrato ai visitatori.
  • Titolo della pagina: il titolo che i visitatori vedono nella scheda in alto del loro browser quando la pagina viene caricata.
  • URL della pagina: l'URL della tua pagina. Appare nella barra dell'URL all'interno del browser quando i visitatori navigano verso questa pagina. Puoi modificare l'URL della tua pagina anche dopo che è stata pubblicata.
  • Meta description: il contenuto che apparirà nei risultati di ricerca sotto il titolo della pagina.
  • Featured image: clicca per attivare questo interruttore per una specifica immagine da mettere in evidenza quando la tua pagina viene condivisa sui social media. Clicca Carica per selezionare un'immagine dal tuo computer o Sfoglia immagini per selezionare un'immagine dal tuostrumento file.

Anteprima e pubblicazione della pagina

Prima che la tua pagina venga pubblicata, clicca su Anteprima in alto a destra per testare come apparirà la tua pagina sui dispositivi desktop e mobili. Una volta che sei soddisfatto dell'anteprima della tua pagina, clicca su Pubblica in alto a destra.