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

Modulo nel posto sbagliato nella pagina esterna

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

Tutti i prodotti e i piani

Quando incorpori un modulo HubSpot nella tua pagina esterna, potresti vederlo apparire in posizioni diverse. Questo può essere dovuto al fatto che il modulo viene reso dinamicamente sulla pagina, o a un problema con codici di incorporamento multipli del modulo aggiunti allo stesso tag <div> nell'HTML della pagina.

Il modulo viene reso dinamicamente in una pagina

Un modulo può essere reso dinamicamente in una pagina e caricarsi in diverse posizioni. Per assicurarsi che il modulo venga caricato in una parte specifica della pagina, aggiungere un attributo target al codice embed del modulo per specificare il contenitore specifico in cui si vuole che il modulo venga visualizzato.

Nel codice embed del modulo, aggiungere una virgola (,) dopo il valore dell'attributo formId, quindi inserire una nuova riga e inserire target: '[nome contenitore]' . Per esempio, si può forzare il modulo a rendere in un contenitore nella pagina con la classe CSS di sidebar.

User-added image

Per saperne di più sulla personalizzazione del codice di incorporamento del form, consultare la documentazione per gli sviluppatori di HubSpot.

Codici di incorporamento multipli aggiunti allo stesso tag <div

Quando incorpori lo stesso modulo HubSpot più volte su una pagina esterna, i moduli possono apparire uno accanto all'altro o nella posizione sbagliata se i codici di incorporamento dei moduli sono aggiunti allo stesso tag <div> nell'HTML della pagina.

Per assicurarsi che i moduli vengano caricati e visualizzati correttamente, aggiungil'attributo formInstanceId e specifica un valore unico per ogni codice incorporato del modulo. Nel codice embed del modulo, aggiungete una virgola (,) dopo ilvalore dell'attributo formId, poi inserite una nuova riga e inserite formInstanceId: Siraccomanda di numerareogni modulo nell'ordine in cui appare nella pagina (ad esempio, '1' per il primo modulo, '2' per il secondo modulo, ecc.

User-added image
Immagine aggiunta dall'utente

Il modulo non si carica nei vecchi browser

Nei vecchi browser, alcuni Javascript possono entrare in conflitto con il codice incorporato di HubSpot e causare il mancato caricamento del modulo.

Per assicurarsi che i moduli vengano caricati e visualizzati correttamente, unattributo target può essere aggiunto ad ogni codice incorporato del modulo per specificare il contenitore specifico in cui vuoi che il modulo venga visualizzato.

form-embed-target

Per saperne di più sullapersonalizzazione del codice embed del modulo nelladocumentazione per gli sviluppatori di HubSpot.