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

Una volta rata la 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 precedente. 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'utilizzo dell'editor di moduli aggiornato per creare e gestire i moduli.

In WordPress, potete aggiungere i vostri moduli HubSpot legacy 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 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 Contatto Form 7 o Ninja Forms, è possibile raccogliere gli invii di form in HubSpot. Consultate la tabella dei moduli supportati e scoprite come utilizzare i Form non HubSpot.
• Se state utilizzando un form non HubSpot supportato su WordPress, ma non vedete i dati di invio di form in HubSpot, è possibile che abbiate installato un altro plugin per WordPress in conflitto con il plugin HubSpot-WordPress. Disattivate il plugin o consultate le domande frequenti per ulteriori passaggi di risoluzione dei problemi.

Editor classico

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

• Dal vostro account WordPress, nel menu della barra laterale sinistra, andate su HubSpot > Moduli.
• 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.
• Fare clic su Codice breve WordPress, quindi fare clic su Copia per copiare il codice embed.
• Passare a una pagina o a un post di WordPress e incollare il codice breve nell'editor della pagina.
  
• Dopo aver pubblicato la pagina, per visualizzare gli invii di form in WordPress:
  • Dal vostro account WordPress, nel menu della barra laterale sinistra, andate su HubSpot > Moduli.
  • 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 di form.

Editor Gutenberg

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

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

• Nel proprio account WordPress, navigare nella pagina o nel post.
• Fate clic sull'icona più nella barra degli strumenti. Cercate il blocco HubSpot Form e cliccatelo per aggiungerlo al vostro contenuto.
  
  

• 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, andare su HubSpot > Moduli nel menu della barra laterale sinistra e fare clic su Crea modulo.
    
    

• Dopo aver pubblicato la pagina, per visualizzare gli invii di form in WordPress:
  • Dal vostro account WordPress, nel menu della barra laterale sinistra, andate su HubSpot > Moduli.
  • 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 di form.