Creare una landing page con un modello iniziale

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.

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

Prima di iniziare

• Impara come creare pagine di destinazione nelle video lezioni di Academy progettate per Marketing Hub Starter e CRM Gratis conti.
• Assicurati che il tuo dominio sia collegato per la pubblicazione della pagina. Se stai usando il costruttore di landing page gratuito, hai già un dominio gratuito HubSpot che è pronto per la pubblicazione.
• Decidi cosa stai fornendo ai visitatori che inviano il modulo sulla tua landing page. Potresti offrire una guida, un abbonamento alla newsletter o anche un webinar. Scopri di più sulle offerte di contenuti e guarda alcuni esempi.
• Crea un modulo per raccogliere informazioni dai tuoi contatti. Se necessario, crea proprietà personalizzate per raccogliere informazioni uniche per il tuo business.
• Imposta un'email di follow-up per consegnare la tua offerta di contenuti ai contatti che inviano il tuo modulo.

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.

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

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

Tipografia

• 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

• 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

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

• 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 cima al 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.