Salta al contenuto
Nota bene: la traduzione in italiano 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 pagina con un modello iniziale

Ultimo aggiornamento: agosto 2, 2022

Si applica a:

Tutti i prodotti e i piani

È possibile utilizzare un modello iniziale per creare un semplice sito web o una pagina di destinazione. Questo articolo spiega come creare una nuova pagina, personalizzare il design della pagina e pubblicare la pagina utilizzando un modello iniziale.

Attenzione: i modelli di partenza non supportano i contenuti intelligenti, i moduli personalizzati, la personalizzazione, l'accesso al codice sorgente nei moduli di testo ricco, le pagine protette da password o le opzioni avanzate come la sostituzione dei modelli e l'accesso all'HTML dell'intestazione.


Creare una pagina con un modello iniziale

Per creare una nuova pagina di destinazione con un modello iniziale:

  • Navigate verso i vostri contenuti:

    • Pagine del sito web: Nel tuo account HubSpot, naviga su Marketing > Sito web > Pagine del sito web.
    • Pagine di destinazione: Nel tuo account HubSpot, naviga su Marketing > Landing page.
  • In alto a destra, fare clic sul menu a discesa Crea e selezionare Pagina web o Pagina di destinazione.
  • Nella schermata di selezione dei modelli, i modelli della vostra pagina tema attivoappariranno nella parte superiore della pagina, mentre tutti gli altri modelli saranno nella sezione Altri modelli in basso. Se non è stato selezionato un tema attivo, verrà richiesto di selezionarne uno o di fare clic su Salta ai modelli per scegliere un modello esistente.
  • Per creare la pagina con il modello selezionato, fare clic su Seleziona questo modello in alto a destra. Per visualizzare l'anteprima della pagina su mobile o desktop, fare clic su Anteprima.

select-a-template-to-create-page

Modificare il contenuto della pagina

I modelli starter contengono blocchi di contenuti del sito web chiamati moduli. È possibile disporre questi moduli in righe orizzontali o colonne verticali.

È possibile raggruppare le righe e le colonne in sezioni di elementi. Raggruppando gli elementi, è possibile applicare gli stili di sfondo a un'intera area della pagina. È inoltre possibile trascinare e rilasciare questi elementi per riorganizzare il layout della pagina. Per saperne di più sulla modifica del contenuto della pagina in un'area di trascinamento.

Per personalizzare l'aspetto della pagina sui dispositivi mobili, fare clic sull'icona ediEditfor mobile nell' editor della barra laterale.

edit-mobile-version-of-a-page

Personalizzare caratteri, colori e pulsanti

Per personalizzare gli stili predefiniti del modello iniziale, fare clic sulla scheda Tema nell'editor della barra laterale. È inoltre possibile personalizzare il colore o l'immagine di sfondo per una riga, una colonna o una sezione specifica

della pagina.

Edit-theme-options-in-starter-template

Tipografia

Nella sezione Tipografia è possibile modificare i caratteri e gli stili di carattere applicati al corpo della pagina e alle intestazioni. Sono supportati tutti i font di Google.
  • Testo del corpo: personalizzare il carattere, la dimensione e i colori dei caratteri per il corpo principale della pagina.
    • Fare clic sul menu a discesa Testo del corpo e selezionare un font
.
    • Fare clic sui tasti freccia
    • per regolare la dimensione del carattere.
    • Fare clic sul selezionatore di colori e selezionare un colore per il font. Per impostare un colore personalizzato, fare clic sulla scheda Avanzate e inserire un valore esadecimale
  • .
  • Titoli: personalizzare il carattere e il colore del testo nei moduli con un tag titolo.
    • Fare clic sul menu a discesa Intestazioni e selezionare un carattere
    • .
    • Per impostare un colore personalizzato, fare clic sulla scheda Avanzate e inserire un valore esadecimale
  • .
  • Testo dei link: personalizzare i font e i colori applicati ai link della pagina.
    • Fare clic sul menu a discesa Testo del collegamento e selezionare un carattere
    • .
    • Per impostare un colore personalizzato, fare clic sulla scheda Avanzate e inserire un valore esadecimale
    • .
    • Fare clic sul menu a discesa e selezionare uno stile
da applicare al testo del collegamento.
    • Personalizzate il colore e la trasparenza dei vostri link quando vi passano sopra, vengono cliccati e sono già stati visitati:
      • Colore del passaggio del link: fare clic sul selezionatore di colori e selezionare un colore per il link quando un visitatore vi passa sopra. Per modificare la trasparenza del colore, inserire un valore percentuale

nel campo di testo.
      • Colore attivo del link: fare clic sul selezionatore di colori e selezionare un colore per il link quando viene cliccato. Per modificare la trasparenza del colore, inserire un valore percentuale
nel campo di testo.
      • Colore del link visitato: fare clic sul selezionatore di colori e selezionare il colore del link per quando il link è già stato cliccato da un visitatore. Per modificare la trasparenza del colore, inserire un valore percentuale
nel campo di testo.

edit-link-text

Moduli e pulsanti

Nella sezione Moduli e pulsanti, è possibile personalizzare il modo in cui i pulsanti semplici e i pulsanti di invio dei moduli sono inseriti nella pagina.
  • Colore di sfondo dei pulsanti: personalizzare il colore applicato allo sfondo dei pulsanti.
    • Immettere un valore esadecimale o fare clic sul selezionatore di colori e selezionare un colore
    • .
    • Per impostare la trasparenza del colore di sfondo dei pulsanti, inserire un valore percentuale
  • nel campo.
  • Colore del testo dei pulsanti: consente di personalizzare il colore applicato al testo dei pulsanti della pagina.
    • Immettere un valore esadecimale o fare clic sul selezionatore di colori per
    • selezionare il colore del testo.
    • Per impostare la trasparenza del colore di sfondo dei pulsanti, inserire un valore percentuale
  • nel campo.
  • Raggio d'angolo dei pulsanti: consente di personalizzare l'aspetto rotondo o quadrato dei pulsanti della pagina.
    • Inserite un valore nel campo o fate clic e trascinate il cursore
    • in una nuova posizione.
    • Un valore più alto significa che i pulsanti della pagina avranno bordi più rotondi, mentre un valore pari a zero significa che i pulsanti saranno rettangolari.

Nota bene: HubSpot consiglia di mantenere colori, font e stili coerenti con le impostazioni della scheda Design. È possibile sovrascrivere gli stili predefiniti per un singolo modulo nella scheda Opzioni

del pannello di sinistra.

Anteprima e pubblicazione della pagina

Prima di pubblicare la pagina, fare clic su Anteprima in alto a destra per verificare come apparirà la pagina sui dispositivi desktop e mobili. Una volta soddisfatti dell'anteprima della pagina, fare clic su Pubblicare




in alto a destra.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.