Ultimo aggiornamento: gennaio 27, 2021
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.
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.
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.
Per saperne di più sullapersonalizzazione del codice embed del modulo nelladocumentazione per gli sviluppatori di HubSpot.