Aggiungere moduli HubSpot a pagine e post di WordPress

Una volta installato con successo il plugin HubSpot All-In-One Marketing - Forms, Popups, Live Chat WordPress plugin, è possibile aggiungere i moduli di HubSpot alle pagine e ai post di WordPress.

In WordPress, potete aggiungere i moduli 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, quindi scoprite come utilizzare i moduli non HubSpot.
• Se si utilizza un modulo non HubSpot supportato su WordPress, ma non si vedono i dati di invio in HubSpot, è possibile che sia installato un altro plugin di 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 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 Copia shortcode. È anche possibile creare un nuovo modulo HubSpot facendo clic su Crea modulo.
• 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 al modulo 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 pulsante Azionie selezionare Visualizza invii. Per saperne di piùanalizzare gli invii dei moduli.

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 moduli e CTA nella vostra pagina.

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

• Nel proprio account WordPress, navigare nella pagina o nel post.
• Fare clic sull'icona più nella barra degli strumenti. Cercare il blocco HubSpot Form e fare clic su di esso per aggiungerlo al 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, spostarsi su HubSpot > Moduli nel menu della barra laterale sinistra e fare clic su Crea modulo.
    
    

• Dopo aver pubblicato la pagina, per visualizzare gli invii al modulo 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 pulsante Azionie selezionare Visualizza invii. Per saperne di piùanalizzare gli invii dei moduli.