Landing page e pagina web | Domande frequenti

Trova le risposte alle domande più comuni sul design della pagina, la pubblicazione della pagina e l'analisi della pagina. Il modo migliore per fare una modifica al tuo template o foglio di stile HubSpot è con il designer del template originale.

Nota: se stai usando un modello acquistato da Asset Marketplace, contatta il designer del modello per domande sul design della tua pagina.

Design della pagina

• Come posso ottenere aiuto con domande sul design?
• Perché la mia pagina non è reattiva su mobile?
• Come posso creare un'immagine di sfondo dell'eroe?

• Come posso controllare i colori e i caratteri del mio menu di navigazione?
• Come si centra un CTA?
• Come faccio a modificare il modello della mia pagina?
• Posso fare modifiche nel codice sorgente della mia pagina?
• Come faccio a incorporare un video o un file audio nella mia pagina?
• Come posso cambiare il colore dello sfondo di una pagina?
• Come faccio a far fluttuare le immagini per un effetto a capo?

Come posso ottenere aiuto con domande sul design?

Nota: il modo migliore per ottenere aiuto con domande sul design del tuo sito web è con il designer originale del tuo modello di pagina.

Se hai familiarità con la lettura e la scrittura di HTML e CSS:

• Fate riferimento alla documentazione di riferimento CMS per tutorial, guide e una panoramica del framework CMS.
• Cerca e posta sul forum di sviluppo del CMS sulla Comunità per ottenere suggerimenti, consigli o risoluzione dei problemi del tuo codice.
• Connettiti con il team di prodotto di HubSpot e altri sviluppatori che lavorano in HubSpot su Slack della CMS Developer Community.

Se non sei a tuo agio nel leggere e scrivere HTML e CSS:

• Connettiti con un partner certificato HubSpot con esperienza nella progettazione di siti web per aiutarti a personalizzare i tuoi modelli.
• Usa un modello di partenza o un modello di tema per modificare gli stili di pagina senza toccare alcun codice.
• Se stai usando un modello acquistato da Asset Marketplace, contatta il designer del modello per domande sul design della tua pagina.

Perché la mia pagina non è reattiva su mobile?

Il contenuto responsivo non apparirà identico su ogni tipo di dispositivo. Mentre tutti i template drag and drop di HubSpot sono responsive per impostazione predefinita, ci sono alcune ragioni per cui il tuo contenuto potrebbe non apparire responsive. Scopri come visualizzare l'anteprima del tuo contenuto su un dispositivo mobile.

• L'immagine è tagliata fuori: un'immagine responsive si ridimensiona per adattarsi alla dimensione dello schermo su cui viene visualizzata. Questo significa che può essere ritagliata in modo diverso per adattarsi a un tipo di dispositivo più piccolo. Questo evita lo stiramento o la distorsione dell'immagine.
• Iltesto non si ridimensiona: se hai aggiunto del testo a un'immagine in uno strumento di fotoritocco, come Photoshop, quel testo non si ridimensiona separatamente dall'immagine. Per garantire che il testo sovrapposto sia reattivo, aggiungi la tua immagine di sfondo come immagine di sfondo di sezione, riga o colonna e includi un modulo rich text o un modulo di intestazione per il tuo testo.
• Latabella non è reattiva: le tabelle stabiliscono delle regole sulla dimensione esatta che questi elementi dovrebbero avere nella pagina. Per i migliori risultati, usa le colonne drag-and-drop per definire la struttura della tua pagina invece di una tabella.

Nota: se stai lavorando in un template di partenza, un template a tema o un template con un'area di trascinamento, puoi personalizzare il modo in cui la tua pagina appare su un dispositivo mobile.

Come posso creare un'immagine di sfondo dell'eroe?

Il modo migliore per creare un'immagine eroe dipende dal tipo di modello di pagina che stai usando.

• Il modo più semplice per creare una pagina con un'immagine eroe è quello di utilizzare un modello iniziale e selezionare un'immagine di sfondo per un'intera sezione della tua pagina. Tieni presente che i modelli di partenza non includono un menu di navigazione o l'accesso al codice sorgente.
• Se vuoi creare una pagina web con un'immagine eroe di sfondo, CMS Hub Gli account Professional ed Enterprise possono utilizzare un modello di tema che include un'immagine eroe nel design. I modelli di tema supportano anche il drag and drop editing, dove puoi selezionare un'immagine di sfondo per un'intera sezione della tua pagina.

• Per aggiungere un'immagine eroe a un modello di layout creato nel gestore del design, dovrai modificare del codice personalizzato sul tuo modello. Scopri di più su come impostare un'immagine eroe su un modello di layout sul forum della comunità di sviluppo del CMS.

Nota: se non ti senti a tuo agio nel modificare il codice, puoi metterti in contatto con un designer con esperienza nello sviluppo di CMS sulla Partner Directory.

Come posso controllare i colori e i caratteri del mio menu di navigazione?

Le voci di menu e i link per il tuo menu di navigazione sono controllati nelle tue impostazioni di navigazione nelle impostazioni del tuo account. Ma il design del tuo menu è basato sul tuo modello di pagina. I colori, i caratteri, la spaziatura e l'aspetto generale dei menu sono controllati dagli stili applicati al tuo modello di pagina.

• Se stai usando un modello di layout creato nello strumento di gestione del design, il CSS sui fogli di stile allegati al tuo modello.
• Se stai usando un modello di tema, il design del tuo menu di navigazione è controllato dalle impostazioni del tema.

Come si centra un CTA?

I passi per centrare una CTA (Call-to-action) dipendono dal tipo di modello di pagina che stai usando.

Per centrare un CTA in un template di avvio, un template di tema o un template codificato con un'area di trascinamento, puoi centrare un modulo CTA nelle impostazioni di Alignment del modulo:

• Nell'editor della pagina, clicca sul tuo CTA per selezionarlo.
• Nel pannello di sinistra, clicca sulla scheda Stili.
• Clicca su Allineamento e spaziatura per espandere queste opzioni.
• Nella sezione Alignment, clicca sull'icona blockAlignmentCenter center-aligned.

Per centrare un CTA in un modello di layout creato nel gestore del design, otterrai risultati migliori aggiungendo il CTA a un modulo di testo ricco e centrandolo all'interno del modulo.

• All'interno dell'editor di pagina, clicca su qualsiasi modulo di testo ricco per selezionarlo.
• Nella navigazione superiore, clicca su Inserisci > Call-to-action.
• Clicca sul CTA per selezionarlo, poi clicca su Insert.
• All'interno del tuo modulo rich text, clicca sul CTA per attivare la finestra di dialogo CTA Options.
• Nella sezione Layout, clicca sull'icona blockAlignmentCenter center-aligned. Questo centrerà il tuo CTA all'interno del modulo rich text sulla tua pagina.

Se sei a tuo agio nel modificare il CSS, puoi personalizzare il tuo modello di layout per centrare sempre il contenuto in questo modulo.

Come faccio a modificare il modello della mia pagina?

Per modificare il modello della tua pagina, puoi accedere al modello nella scheda Impostazioni nell'editor della pagina.

Nota bene: se stai cambiando il template applicato a una pagina esistente, sarai in grado di selezionare solo template dello stesso tipo del template corrente. Se la pagina sta usando l'editor di trascinamento , puoi solo passare a un modello che è abilitato alla modifica con trascinamento.

• Nel tuo account HubSpot, naviga verso pagine di destinazione, pagine del sito web, blog o e-mail.
• Nella dashboard, passa con il mouse sopra la pagina, il post o l'email di cui vuoi modificare il modello, poi clicca su Edit.
• Fai clic sulla scheda Impostazioni nella parte superiore dell'editor di contenuti, quindi scorri verso il basso e fai clic su Opzioni avanzate.
• Per modificare il modello, nella sezione Template , cliccare su Edit this template.
  
  

Se preferisci cambiare il modello usato per questa pagina, clicca su Use different template.

Posso fare modifiche nel codice sorgente della mia pagina?

Imoduli di testo ricco supportano l'accesso al codice sorgente nella maggior parte dei tipi di modelli. Per accedere al codice sorgente, clicca su qualsiasi modulo rich text per attivare la barra degli strumenti dell'editor. In alto a destra, clicca su Avanzato > Codice sorgente. Fai qualsiasi modifica, poi clicca su Salva le modifiche in basso a sinistra.

Attenzione: non è possibile accedere al codice sorgente nei modelli starter.

Come faccio a far fluttuare le immagini per un effetto a capo?

Puoi far fluttuare un'immagine in qualsiasi modulo rich text con le opzioni di allineamento per qualsiasi immagine. Prima inserisci l'immagine che vuoi posizionare nella pagina. Poi clicca sull'immagine nell'editor di contenuti per aprire le sue opzioni di formattazione.

Come faccio a incorporare un video o un file audio nella mia pagina?

• Puoi incorporare un URL video da un provider supportato in tutti i tipi di modelli di pagina.
• Con HubSpot video, alimentato da Vidyard, gli account Marketing Hub Professional ed Enterprise e CMS Hub Professional ed Enterprise possono aggiungere contenuti video in un modulo rich text e tracciare le analisi video in HubSpot. Questa caratteristica non è disponibile nei modelli starter.
• C'è anche un'integrazione Vidyard disponibile per HubSpot.

Come posso cambiare il colore dello sfondo di una pagina?

Imodelli di avvio, i modelli di tema e i modelli codificati con un'area di trascinamento includono sezioni di pagina con opzioni di stile di sfondo. Impara come modificare lo stile applicato allo sfondo di una sezione.

Per i modelli di layout, il colore di sfondo di una singola pagina può essere cambiato aggiungendo semplici CSS all'HTML di testa di una pagina web o di una landing page.

• Nel tuo account HubSpot, vai alle tue landing page o alle pagine del sito web. Passa sopra la pagina che vuoi personalizzare e clicca su Modifica.
• Clicca sulla scheda Impostazioni , poi scorri in basso e clicca su Opzioni avanzate.
• Aggiungete il seguente codice nella sezione Head HTML. Sostituisci il colore rosso con il colore di tua scelta, usando il nome o il valore esadecimale HTML.

<style>
 body {
 background-color: red;
 }
 </style>

Si prega di notare: iSe non avete familiarità con la modifica dei CSS, contattate il progettista originale del vostro template o chiedete consiglio sul Forum di sviluppo CMS.

Pagina Editoriale

• Posso ripristinare le versioni precedenti della mia landing page o pagina web?
• Posso usare la personalizzazione sulla mia pagina?
• Come faccio a collegarmi a un PDF dopo che un visitatore invia un modulo sulla mia landing page?
• Come posso impostare una data e un'ora di scadenza per una pagina?
• Perché la mia pagina non viene pubblicata?
• Posso associare una pagina a più di una campagna?
• Posso recuperare una pagina cancellata?

Posso ripristinare le versioni precedenti della mia pagina?

Puoi rivedere le versioni salvate della tua pagina usando lo strumento di revisione della pagina. Mentre stai lavorando alla bozza di una pagina, le tue modifiche saranno salvate ogni volta che clicchi sul pulsante Salva in alto a destra. Dopo che la tua pagina è stata pubblicata, ogni nuova versione pubblicata sarà salvata nella cronologia delle revisioni.

Posso usare la personalizzazione sulla mia pagina?

Puoi personalizzare le tue pagine con qualsiasi proprietà di contatto o proprietà personalizzata. Quando aggiungi un token di personalizzazione, assicurati di includere anche un valore predefinito per ogni nuovo visitatore. Affinché i token di personalizzazione mostrino un valore per un contatto, il contatto deve avere un record di contatto nel tuo account HubSpot e avere un valore noto per la proprietà usata come token.

Come faccio a collegarmi a un PDF dopo che un visitatore invia un modulo sulla mia landing page?

Puoi reindirizzare i visitatori a un contenuto gated (ad esempio, un file PDF o un video) dopo che hanno inviato il tuo modulo HubSpot in due modi:

• Reindirizzare il visitatore direttamente al contenuto o all'URL del file
• Reindirizzare il visitatore a una pagina di ringraziamento con il contenutoComeposso impostare una data e un tempo di scadenza per una pagina?

Puoi far scadere una pagina e reindirizzare i visitatori a un nuovo URL dopo che la tua promozione è finita o la data dell'evento è passata. Nella scheda Impostazioni dell'editor di pagina, cciccare il pulsante Quando una pagina scade, reindirizza i visitatori a per selezionare dove questa pagina deve essere reindirizzata dopo la sua scadenza. Seleziona una delle tue pagine pubblicate HubSpot o clicca + Inserisci unURL esterno per reindirizzare la tua pagina HubSpot a una pagina esterna.

Perché la mia pagina non viene pubblicata?

Le pagine e i post di HubSpot richiedono un valore nel campo Internal page nome, Titolo della paginae Pagina url prima del Pubblica appaia nell'interfaccia di modifica.Qualsiasi contenuto che pubblichi deve avere anche un URL unico.

Se alla tua pagina manca qualche campo obbligatorio, vedrai un avviso con una lista di campi obbligatori quando passi il mouse sul pulsante Pubblica in alto a destra.

Posso associare una landing page a più di una campagna?

Ogni singola landing page e pagina web può essere associata a una sola campagna in HubSpot. L'aggiuntadi risorse o contenuti che sono già associati a un'altra campagna a una nuova campagna li rimuoverà dalle loro campagne attuali .

Posso recuperare una pagina cancellata?

In questo momento non c'è modo di recuperare le pagine cancellate di HubSpot nell'applicazione. Se hai cancellato per sbaglio una pagina di HubSpot che hai bisogno di ripristinare, contatta il supporto.

Analisi della pagina

• Con quale frequenza si aggiornano i dati sulla dashboard della landing page?
• Se cambio l'URL della mia pagina, l'analitica sarà cancellata?
• Come faccio a vedere le analisi per un periodo specifico?
• Qual è la differenza tra la presentazione e un nuovo contatto?
• Se un contatto invia più moduli e diventa un cliente, conterà come cliente per entrambe le landing page?
• Se visualizzo e provo un modulo sulla mia landing page, il mio test verrà conteggiato?
• Perché gli ultimi invii di moduli non appaiono nell'analitica della mia landing page?
• Come vengono gestiti gli invii di moduli duplicati?

Con quale frequenza si aggiornano i dati sulla dashboard della landing page?

Le analisi e le metriche sulla dashboard della pagina e gli strumenti di analisi del tuo sito web si aggiornano ogni 20-30 minuti.

Se cambio l'URL della mia pagina, l'analitica sarà cancellata?

I dati non spariranno dalla dashboard della pagina se cambiate l'URL di una pagina. HubSpot usa un numero di identificazione unico per ciascuna delle vostre pagine per tracciare le loro prestazioni. Questo permette di cambiare l'URL di una pagina senza che i tuoi dati ne risentano.

Nota: a differenza della dashboard della pagina di atterraggio, il report delle pagine considera le pagine uniche in base all'URL. Se cambi l'URL di una landing page, le pagine tracceranno le visualizzazioni della pagina al nuovo URL invece che al vecchio URL.

Come faccio a vedere le analisi per un periodo di tempo specifico?

Per visualizzare le analisi di una pagina per un periodo di tempo specifico, naviga sulle tue pagine di destinazione o sulle pagine del sito web. Passa sopra la tua pagina, clicca sul pulsante Più menu a discesa e seleziona Dettagli.

Nella scheda Performance , clicca sul menu a discesa Date range per segmentare le analisi per un intervallo di date personalizzato.

Qual è la differenza tra le presentazioni e i nuovi contatti?

• Il numero di invii indica il numero di volte che un modulo nella pagina è stato inviato.
• Il numero di nuovi contatti indica il numero di visitatori che sono diventati un contatto inviando il modulo sulla pagina. Per esempio, se uno dei tuoi contatti esistenti invia un modulo sulla tua landing page, non sarà considerato un nuovo contatto.

Se un contatto invia più moduli e diventa un cliente, conterà come cliente per tutte quelle landing page?

Il contatto si rifletterà come cliente nell'analitica solo per la prima pagina di destinazione che ha inviato. Conteranno per gli invii su tutte e cinque le landing page, ma appariranno solo sotto Nuovi contatti e Clienti sulla prima landing page che hanno completato.

Se visualizzo e invio un modulo sulla mia landing page, il mio test verrà conteggiato?

Se il tuo indirizzo IP è filtrato da analytics nelle impostazioni dei tuoi rapporti, le tue visualizzazioni di prova e i tuoi invii non saranno conteggiati nei dati di invio della pagina.

Perché gli invii recenti di moduli non appaiono immediatamente nell'analitica della mia pagina?

Ci può essere un ritardo di 20-30 minuti tra quando un contatto invia un modulo e quando l'invio appare nell'analisi della pagina. Per vedere gli invii più aggiornati di un modulo, vai alla tua dashboard dei moduli. Nel tuo account HubSpot, naviga su Marketing > Acquisizione lead > Form. Passa sopra il modulo sulla tua pagina di destinazione e clicca sul menu a discesa Azioni , quindi seleziona Visualizzainvii.

Come vengono gestiti gli invii di moduli duplicati?

Ogni invio di un modulo sarà conteggiato nel totale degli invii nelle prestazioni della tua pagina. Se lo stesso contatto invia il modulo sulla tua pagina di destinazione più di una volta, ognuno di questi invii sarà contato.