Aggiungere moduli HubSpot a pagine e post di WordPress (legacy)

Una volta installato con successo il plugin HubSpot - CRM, Email Marketing, Live Chat, Forms & Analytics, è possibile aggiungere i moduli legacy di HubSpot alle pagine e ai post di WordPress.

Nota bene: questo articolo è di riferimento solo per i moduli esistenti costruiti con l'editor legacy. Attualmente non è possibile incorporare i moduli HubSpot creati con l'editor di moduli aggiornato nelle pagine o nei post di WordPress. Per saperne di più sull'uso dell'editor di moduli aggiornato per creare e gestire i moduli.

In WordPress, è possibile aggiungere i moduli legacy di HubSpot attraverso l'editor classico o l'editor Gutenberg.

Prima di iniziare

Prima di iniziare, tenete presente quanto segue:

• Se state incorporando un modulo nel vostro sito WordPress, potrebbe essere necessario applicare dichiarazioni CSS aggiuntive nel vostro foglio di stile esterno per rendere il modulo reattivo.
• Se notate che il vostro modulo non funziona in WordPress o che il codice incorporato viene alterato quando visualizzate la pagina live, potrebbe essere necessario inserire il modulo utilizzando un plugin per assicurarsi che il codice incorporato rimanga intatto.
• Se si utilizza un altro plugin per i moduli, come Contact Form 7 o Ninja Forms, è possibile raccogliere i contributi in HubSpot. Consultate la tabella dei moduli supportati e scoprite come utilizzare i moduli non HubSpot.
• Se state utilizzando un modulo non HubSpot supportato su WordPress, ma non vedete i dati degli invii in HubSpot, è possibile che abbiate installato un altro plugin per WordPress che va in conflitto con il plugin HubSpot-WordPress. Disattivate il plugin o consultate le domande più frequenti per individuare ulteriori soluzioni ai problemi.

Editor classico

Per incorporare un modulo HubSpot legacy nelle pagine e nei post di WordPress utilizzando l'editor classico:

1. Dal vostro account WordPress, nel menu della barra laterale sinistra, andate su HubSpot > Moduli.
2. Passare il mouse sul modulo che si desidera aggiungere al sito web e fare clic su Incorpora. È anche possibile creare un nuovo modulo HubSpot facendo clic su Crea modulo.
3. Fare clic su Codice breve WordPress, quindi fare clic su Copia per copiare il codice embed.
4. Passare a una pagina o a un post di WordPress e incollare il codice breve nell'editor della pagina.

1. Dal vostro account WordPress, nel menu della barra laterale sinistra, andate su HubSpot > Moduli.
2. Passare il mouse su un modulo. Quindi fare clic sul menu a discesa Azioni e selezionare Visualizza invii. Per saperne di più sull'analisi degli invii dei moduli.

Editor Gutenberg

Se si utilizza l'ultima versione di Gutenberg, che rimuove il JavaScript in linea, utilizzare il plugin Inline JS Block for Gutenberg per incorporare i moduli e le CTA legacy di HubSpot nella pagina.

Per incorporare un modulo HubSpot legacy nelle pagine e nei post di WordPress utilizzando l'editor Gutenberg:

1. Nel proprio account WordPress, navigare nella pagina o nel post.
2. Fate clic sull'icona più nella barra degli strumenti. Cercare il blocco HubSpot Form e fare clic su di esso per aggiungerlo al contenuto.

3. Nel blocco è possibile selezionare un modulo esistente o crearne uno nuovo:

• • Per selezionare un modulo esistente, fare clic sul menu a discesa Seleziona un modulo esistente e selezionare un modulo.
  • Per creare un nuovo modulo, spostarsi su HubSpot > Moduli nel menu della barra laterale sinistra e fare clic su Crea modulo.

1. Dal vostro account WordPress, nel menu della barra laterale sinistra, andate su HubSpot > Moduli.
2. Passare il mouse su un modulo. Quindi fare clic sul menu a discesa Azioni e selezionare Visualizza invii. Per saperne di più sull'analisi degli invii dei moduli.