Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come creare un modulo HubSpot in WordPress (2 metodi semplici)

Se hai mai provato ad aggiungere un modulo HubSpot al tuo sito WordPress e ti sei bloccato, non sei solo. È uno dei problemi più comuni che sentiamo dai lettori e, fortunatamente, c'è un modo semplice per farlo.

Il modulo di HubSpot è uno strumento potente per acquisire lead e sincronizzarli con il tuo CRM. Ma se hai provato a collegarlo a WordPress, sai che all'inizio può sembrare un po' confuso.

In questa guida, ti illustreremo 2 metodi semplici per aggiungere moduli HubSpot al tuo sito WordPress, senza bisogno di codice.

Abbiamo testato questi passaggi su innumerevoli siti web e funzionano ogni volta, sia che tu stia appena iniziando con HubSpot o che tu stia cercando un modo migliore per gestire i tuoi moduli. 🙌

Come creare un modulo HubSpot in WordPress

Perché usare HubSpot per creare moduli?

HubSpot è una piattaforma di marketing e vendite che aiuta le aziende a crescere. Viene fornita con numerosi strumenti, tra cui un gestore delle relazioni con i clienti (CRM), un sistema di gestione dei contenuti (CMS), email marketing integrato e generazione di lead.

HubSpot dispone anche di un potente modulo di creazione moduli per WordPress, che si integra perfettamente con WordPress, consentendoti di creare moduli senza problemi. Come la maggior parte dei moduli di creazione, puoi facilmente creare moduli personalizzati per il tuo sito web senza alcuna competenza tecnica.

Se stai già utilizzando l'app CRM di HubSpot, ogni visitatore che compilerà il tuo modulo verrà aggiunto automaticamente al tuo database. In questo modo, potrai seguirlo con campagne email e messaggi personalizzati.

Questo costruttore di moduli è un semplice costruttore drag-and-drop che ti consente di creare moduli interattivi senza una singola riga di codice, rendendolo uno dei migliori plugin per moduli di contatto.

Inoltre, tieni presente che HubSpot può anche integrarsi facilmente con altri strumenti per moduli come WPForms, Formidable Forms e altri.

Hubspot è un software molto popolare. È probabile che tu possa collegarlo a quasi tutti gli strumenti per piccole imprese, come servizi di email marketing, software di automazione del marketing e altri sistemi.

Detto questo, vediamo come puoi creare un modulo HubSpot in WordPress:

Metodo 1: Creare un modulo HubSpot utilizzando il plugin HubSpot

Puoi creare facilmente un modulo HubSpot per il tuo sito web WordPress utilizzando il plugin HubSpot.

Innanzitutto, devi installare e attivare il plugin HubSpot. Per maggiori dettagli, consulta la nostra guida su come installare un plugin WordPress.

Dopo l'attivazione, il plugin aggiungerà una nuova voce di menu nella barra laterale di amministrazione di WordPress. Fai clic su HubSpot per accedere alla procedura guidata di configurazione, dove puoi creare un account HubSpot se non ne hai già uno.

Se hai un account, devi fare clic sul link 'Accedi qui' in alto.

dashboard di hubspot

Si aprirà un popup 'Accesso HubSpot'.

Digita semplicemente il tuo nome utente e password, quindi fai clic sul pulsante 'Accedi'.

accesso hubspot

Dopo aver effettuato l'accesso, HubSpot ti chiederà se desideri continuare con l'account con cui hai appena effettuato l'accesso.

Fai semplicemente clic sul pulsante 'Continua con questo account'.

continua con questo account hubspot

Successivamente, ti verrà chiesto di collegare il tuo account HubSpot al tuo sito web WordPress.

Fai semplicemente clic sul pulsante 'Collega sito web'.

collega sito web a hubspot

Una volta collegato il sito WordPress al tuo account HubSpot, vai su HubSpot » Moduli dalla bacheca di amministrazione di WordPress.

Questo ti porterà alla pagina ‘Moduli’. Ora, fai semplicemente clic sul pulsante ‘Crea un modulo gratuito’ nell'angolo in alto a destra.

crea un modulo gratuito hubspot

Successivamente, devi selezionare il tipo di modulo e fare clic sul pulsante ‘Avanti’ in alto.

Per questo tutorial, creeremo un ‘Modulo incorporato’.

Scegli un tipo di modulo

Dopodiché, verrai portato alla libreria di modelli di HubSpot.

Scegli semplicemente il tuo modello preferito, come ‘Registrazione’ o ‘Contattaci’. Quindi, fai clic sul pulsante ‘Avvia’ in alto.

Scegli un modello di modulo

Ora che sei nell'Editor Moduli, puoi modificare il modello di modulo predefinito trascinando e rilasciando i campi dalla sinistra nell'anteprima a destra.

Quando hai finito di personalizzare, fai semplicemente clic sul pulsante ‘Invia’ in alto.

Crea un modulo e fai clic sul pulsante Invia

Questo aprirà un popup ‘Revisiona e pubblica’.

Scorri semplicemente verso il basso e fai clic sul pulsante ‘Pubblica’.

Fai clic sul pulsante Invia

Dopodiché, apparirà un popup sul tuo schermo. Poiché si tratta di un modulo incorporato, verrà fornito uno shortcode.

Ora, fai semplicemente clic sul pulsante ‘Copia’ accanto allo shortcode.

Copia lo shortcode

Puoi incorporare questo codice in qualsiasi pagina in cui desideri aggiungere il tuo modulo HubSpot. Per ulteriori informazioni, consulta la nostra guida su come aggiungere shortcode in WordPress.

Metodo 2: Creare un modulo HubSpot utilizzando WPForms

Puoi anche creare un modulo HubSpot utilizzando WPForms, che include un componente aggiuntivo per l'integrazione con HubSpot. WPForms è il costruttore di moduli WordPress drag-and-drop più popolare, con oltre 6 milioni di installazioni attive.

In realtà utilizziamo WPForms per il nostro modulo di contatto, il modulo di richiesta di migrazione del sito e i sondaggi annuali dei lettori di WPBeginner; ecco perché lo raccomandiamo vivamente. Per saperne di più sul plugin, consulta la nostra recensione completa di WPForms!

Nota: Avrai bisogno almeno di un piano Elite per accedere al componente aggiuntivo HubSpot.

La prima cosa da fare è installare e attivare il plugin WPForms. Dai un'occhiata alla nostra guida dettagliata su come installare un plugin WordPress.

Dopo l'attivazione, vai su WPForms » Addons dalla dashboard di amministrazione. Questo ti porterà alla pagina 'WPForms Addons'.

Trova semplicemente il componente aggiuntivo HubSpot e fai clic sul pulsante 'Upgrade Now'.

Fai clic sul pulsante Aggiorna ora sotto l'addon HubSpot

Questo ti porterà alla tua pagina 'WPForms Account'. Qui, scorri semplicemente verso il basso fino a 'HubSpot Addon' e fai clic sul pulsante di download.

Dopodiché, puoi installare e attivare il componente aggiuntivo HubSpot nello stesso modo in cui hai installato e attivato il plugin.

Fai clic sul pulsante Scarica HubSpot

Successivamente, vai su WPForms » Settings dalla dashboard di WordPress. Quindi, vai alla scheda 'Integrations'.

Qui troverai HubSpot nell'elenco delle integrazioni. Fai semplicemente clic sull'icona della freccia per espandere la sezione, e poi potrai fare clic sul pulsante 'Add New Account'.

Scegli HubSpot per l'integrazione

Si aprirà una finestra di dialogo che ti chiederà di connetterti al tuo account HubSpot. Digita semplicemente le tue credenziali di accesso all'account HubSpot.

Se non hai già un account, puoi crearne uno qui.

accedi al tuo account hubspot

Successivamente, ti verrà chiesto se desideri continuare con questo account.

Fai semplicemente clic sul pulsante 'Continua con questo account'.

Fai clic su Continua con questo account

Dopodiché, ti verrà mostrato un popup che ti chiederà di connettere WPForms con Hubspot.

Fai clic sul pulsante 'Connetti app' in fondo alla pagina.

collega wpforms e hubspot

Nella tua bacheca di WordPress, torna alla schermata 'Integrazioni'.

Dovresti ora vedere 'Connesso' accanto alla sezione HubSpot.

HubSpot contrassegnato come Connesso

Ora vai su WPForms » Aggiungi Nuovo dalla dashboard per creare il tuo modulo HubSpot.

Per prima cosa, seleziona un modello di modulo dalla libreria di modelli di WPForms.

Seleziona un modello per te dalla libreria di modelli di WPForms

Dopodiché, verrai portato all'interfaccia di WPForms, dove potrai modificare il modello di modulo.

Ora, fai clic sull'opzione ‘Marketing’ nella barra dei menu a sinistra. Seleziona semplicemente ‘HubSpot’ dall'elenco delle integrazioni.

Verrà quindi visualizzato un popup di HubSpot sullo schermo. Fai semplicemente clic sul pulsante ‘Aggiungi Nuova Connessione’ in alto.

Fai clic sul pulsante Aggiungi nuova connessione

WPForms ti chiederà ora di inserire un soprannome per una connessione.

Sei libero di scegliere qualsiasi nome desideri, poiché nessuno lo vedrà tranne te. Fai semplicemente clic sul pulsante ‘OK’ quando hai finito.

Scegli un soprannome a tuo piacimento

WPForms ti chiederà quindi di selezionare il tuo account HubSpot e scegliere un'azione da eseguire. Seleziona semplicemente il tuo account dal campo ‘Seleziona Account’.

Quindi, scegli l'opzione ‘Crea/Aggiorna Contatto’ dal campo ‘Azione da Eseguire’.

aggiungi azione da eseguire in hubspot

Dopo aver selezionato questa opzione, appariranno varie nuove impostazioni all'interno del modulo.

Compila questi campi di conseguenza. Poiché vogliamo inviare i contatti dal tuo modulo di generazione lead a HubSpot, selezioneremo l'opzione ‘Crea/Aggiorna Contatto’.

Tutti questi campi, come nomi, email e stato del lead dei prospect, verranno aggiornati nel database di HubSpot.

compila i campi del modulo

Successivamente, sei pronto per personalizzare il tuo modulo nell'editor di moduli.

Trascina e rilascia semplicemente i campi dal lato sinistro nell'anteprima live sulla destra.

Modulo nell'editor di moduli

Puoi aggiungere qualsiasi informazione che desideri raccogliere e organizzare nel tuo account HubSpot.

Una volta soddisfatto, fai clic sul pulsante ‘Incorpora’ presente nella parte superiore dell'editor di moduli.

incorpora modulo hubspot

Questo aprirà il prompt ‘Incorpora in una Pagina’.

Se desideri incorporare il tuo modulo HubSpot in una nuova pagina, fai clic sull'opzione ‘Crea Nuova Pagina’.

Per incorporare un modulo in una pagina esistente, fai clic sull'opzione ‘Seleziona Pagina Esistente’.

Seleziona opzione pagina esistente

Dopodiché, scegli semplicemente la pagina giusta dal menu a discesa che appare.

Ora fai clic sul pulsante ‘Iniziamo’.

Fai clic sul pulsante Iniziamo

Verrai automaticamente indirizzato alla pagina selezionata dal menu a discesa. Il modulo HubSpot sarà già incorporato lì.

Fai semplicemente clic sul pulsante ‘Pubblica’ in cima all'editor di contenuti per rendere pubblico il tuo nuovo modulo.

Fai clic sul pulsante Pubblica dopo aver incorporato il modulo

Suggerimento bonus: configura HubSpot Analytics per monitorare i tuoi moduli HubSpot

Creare un modulo è solo il primo passo: se vuoi far crescere il tuo blog WordPress o sito web, è importante capire come stanno performando i tuoi moduli.

Con le analisi integrate di HubSpot, puoi monitorare le richieste di moduli. Questo ti aiuta a vedere quali moduli funzionano bene e quali necessitano di miglioramenti.

Tracciamento degli invii di moduli su HubSpot

Il monitoraggio delle prestazioni dei moduli rende anche più facile individuare i punti di abbandono e ridurre l'abbandono dei moduli.

Per maggiori dettagli, puoi consultare la nostra guida su come impostare HubSpot Analytics in WordPress.

Ecco fatto! Speriamo tu abbia imparato come creare un modulo HubSpot in WordPress. Potresti anche voler consultare la nostra guida definitiva ai moduli WordPress e il nostro confronto tra Contact Form 7 e WPForms per trovare l'opzione migliore per il tuo sito.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

Commenti

  1. Congratulazioni, hai l'opportunità di essere il primo commentatore di questo articolo.
    Hai una domanda o un suggerimento? Lascia un commento per iniziare la discussione.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.