Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coppa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

HubSpot è una popolare piattaforma di marketing e CRM tutto-in-uno, progettata per aiutarvi a far crescere la vostra attività. Con il builder di HubSpot è possibile iniziare a convertire i visitatori del sito web in lead qualificati, raccogliere informazioni sui clienti e stimolare l’engagement.

Creando vari moduli con HubSpot sui nostri siti web di prova, abbiamo avuto modo di capire in prima persona la sua efficacia, l’interfaccia user-friendly e le sue potenti caratteristiche.

In questo articolo vi mostreremo come creare un modulo HubSpot in WordPress. Le nostre istruzioni passo-passo sono state concepite per essere semplici per i principianti e non richiedono alcuna conoscenza di codifica.

How to Create a HubSpot Form in WordPress

Perché usare HubSpot per creare moduli?

HubSpot è una piattaforma di marketing e vendita che aiuta le aziende a crescere. È dotata di numerosi strumenti, tra cui unCRM(Customer Relationship Manager), un sistema di gestione dei contenuti(CMS), email marketing integrato e lead generation.

Dispone anche di un potente builder di moduli WordPress, che si integra perfettamente con WordPress, consentendo di creare moduli gratuiti. Come la maggior parte dei builder di moduli, è possibile creare facilmente moduli personalizzati per il proprio sito web senza alcuna competenza tecnica.

Se utilizzate già l’applicazione CRM di HubSpot, ogni visitatore che compila il modulo viene automaticamente aggiunto al vostro database. In questo modo, potrete coltivarli con campagne email e messaggi personalizzati.

Questo costruttore di moduli è un facile costruttore drag-and-drop che consente di creare moduli interattivi senza una sola riga di codice, il che lo rende uno dei migliori plugin per moduli di contatto.

Inoltre, tenete presente che HubSpot può anche integrarsi facilmente con altri strumenti per la creazione di moduli, come WPForms, Formidable Forms e altri ancora. Hubspot è un software molto popolare. È probabile che sia possibile collegarlo a qualsiasi strumento per le piccole imprese, come servizi di email marketing, software di automazione del marketing e altri sistemi.

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

Metodo 1: Creare un modulo HubSpot utilizzando il plugin HubSpot

Potete creare facilmente un modulo HubSpot per il vostro sito WordPress utilizzando il plugin HubSpot.

Per prima cosa, è necessario installare e attivare il plugin HubSpot. Per maggiori dettagli, consultate la nostra guida su come installare un plugin di WordPress.

Dopo l’attivazione, il plugin aggiunge una nuova voce di menu nella barra laterale dell’amministrazione di WordPress. Basta fare clic su HubSpot per accedere alla procedura guidata di configurazione, dove è possibile creare un account HubSpot, se non ne avete già uno.

Se si dispone di un account, è necessario fare clic sul link “Accedi qui” in alto.

hubspot dashboard

Si aprirà un popup “Accesso a HubSpot”.

È sufficiente digitare il nome utente e la password e fare clic sul pulsante “Login”.

hubspot login

Dopo aver effettuato l’accesso, HubSpot vi chiederà se volete continuare con l’account con cui avete appena effettuato l’accesso.

È sufficiente fare clic sul pulsante “Continua con questo account”.

continue with this account hubspot

Poi vi verrà chiesto di collegare l’account HubSpot al vostro sito WordPress.

Basta fare clic sul pulsante “Connetti sito web”.

connect website to hubspot

Una volta collegato il sito WordPress con il vostro account HubSpot, andate su HubSpot ” Forms dalla dashboard di amministrazione di WordPress.

Si accede così alla pagina “Moduli”. A questo punto, è sufficiente fare clic sul pulsante “Crea un modulo gratuito” nell’angolo in alto a destra.

create a free form hubspot

Successivamente, è necessario selezionare il tipo di modulo e fare clic sul pulsante “Avanti” in alto.

Per questa esercitazione, creeremo un “modulo incorporato”.

Choose a form type

Dopodiché, si accede alla libreria dei modelli di HubSpot.

È sufficiente scegliere il modello preferito, ad esempio “Registrazione” o “Contatti”. Poi, basta fare clic sul pulsante “Inizia” in alto.

Choose a form template

Ora che siete nell’Editor di moduli, potete modificare il modello di modulo preconfezionato trascinando e rilasciando i campi da sinistra nell’anteprima a destra.

Una volta terminata la personalizzazione, è sufficiente fare clic sul pulsante “Invia” in alto.

Create a form and click Submit button

Si aprirà un popup “Rivedi e pubblica”.

È sufficiente scorrere verso il basso e fare clic sul pulsante “Pubblica”.

Click Submit button

Dopodiché, apparirà un popup sullo schermo. Trattandosi di un modulo incorporato, verrà fornito uno shortcode.

A questo punto, è sufficiente fare clic sul pulsante ‘Copia’ accanto allo shortcode.

Copy the shortcode

È possibile incorporare questo codice in qualsiasi pagina in cui si desidera aggiungere il modulo HubSpot. Per ulteriori informazioni, consultate la nostra guida su come aggiungere shortcode in WordPress.

Metodo 2: Creare un modulo HubSpot con WPForms

È anche possibile creare un modulo HubSpot utilizzando WPForms, che è dotato di un addon per l’integrazione di HubSpot. WPForms è il più popolare costruttore di moduli WordPress drag-and-drop, con oltre 6 milioni di installazioni attive.

Nota: per accedere all’addon di HubSpot è necessario avere almeno un piano Elite.

La prima cosa da fare è installare e attivare il plugin WPForms. Consultate la nostra guida dettagliata su come installare un plugin di WordPress.

Dopo l’attivazione, andare su WPForms ” Addons dal pannello di amministrazione. Si accede così alla pagina “WPForms Addons”.

È sufficiente individuare l’addon HubSpot e fare clic sul pulsante “Aggiorna ora”.

Click Upgrade Now button below HubSpot addon

Si accede così alla pagina “Account WPForms”. Qui, è sufficiente scorrere verso il basso fino a ‘HubSpot Addon’ e fare clic sul pulsante di download.

Successivamente, è possibile installare e attivare l’addon HubSpot nello stesso modo in cui è stato installato e attivato il plugin.

Click Download HubSpot button

Quindi, andare su WPForms ” Impostazioni dalla dashboard di WordPress. Quindi, andate alla scheda “Integrazioni”.

Qui troverete HubSpot nell’elenco delle integrazioni. Basta fare clic sull’icona a forma di freccia per espandere la sezione e poi fare clic sul pulsante “Aggiungi nuovo account”.

Choose HubSpot for integration

Si aprirà un prompt che vi chiederà di connettervi con il vostro account HubSpot. È sufficiente digitare le credenziali di accesso all’account HubSpot.

Se non avete ancora un account, potete crearlo qui.

log into your hubspot account

Successivamente, vi verrà chiesto se volete continuare con questo account.

È sufficiente fare clic sul pulsante “Continua con questo account”.

Click Continue With This Account

Dopodiché, vi verrà mostrato un popup che vi chiederà di collegare WPForms con Hubspot.

Fare clic sul pulsante “Connetti app” in fondo alla pagina.

connect wpforms and hubspot

Nella dashboard di WordPress, tornare alla schermata “Integrazioni”.

Ora dovreste vedere “Connected” accanto alla sezione HubSpot.

HubSpot marked Connected

Ora andate su WPForms ” Aggiungi nuovo dalla dashboard per creare il vostro modulo HubSpot.

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

Select a template for yourself from the WPForms template library

Dopodiché, si accede all’interfaccia di WPForms, dove è possibile modificare il template del modulo.

A questo punto, fate clic sull’opzione “Marketing” nella barra dei menu a sinistra. Selezionate semplicemente “HubSpot” dall’elenco delle integrazioni.

Sullo schermo apparirà un popup di HubSpot. È sufficiente fare clic sul pulsante “Aggiungi nuova connessione” in alto.

Click Add New Connection button

WPForms vi chiederà ora di inserire un nickname per una connessione.

Siete liberi di scegliere il nome che preferite, poiché nessuno lo vedrà tranne voi. Al termine, fate clic sul pulsante “OK”.

Choose a nickname of your liking

WPForms vi chiederà quindi di selezionare il vostro account HubSpot e di scegliere un’azione da eseguire. È sufficiente scegliere il proprio account dal campo “Seleziona account”.

Quindi, scegliere l’opzione “Crea/aggiorna contatto” dal campo “Azione da eseguire”.

add action to perform in hubspot

Dopo aver selezionato questa opzione, nel modulo appariranno diverse nuove impostazioni.

Compilare i campi di conseguenza. Poiché vogliamo inviare i contatti dal modulo di lead generation a HubSpot, selezioneremo l’opzione “Crea/Aggiorna contatto”.

Tutti questi campi, come i nomi dei prospect, le e-mail e lo stato dei lead, saranno aggiornati nel database di HubSpot.

fill in form fields

Successivamente, si è pronti a personalizzare il modulo nel costruttore di moduli.

È sufficiente creare campi trascinandoli dal lato sinistro nell’anteprima live a destra.

Form in form builder

È possibile aggiungere qualsiasi informazione che si desidera raccogliere e organizzare nel proprio account HubSpot.

Una volta soddisfatti, fare clic sul pulsante “Incorpora” presente nella parte superiore del costruttore di moduli.

embed hubspot form

Si aprirà la finestra “Incorpora in una pagina”.

Se volete incorporare il vostro modulo HubSpot in una nuova pagina, fate clic sull’opzione “Crea nuova pagina”.

Per incorporare un modulo in una pagina esistente, fare clic sull’opzione “Seleziona pagina esistente”.

Select existing page option

A questo punto, è sufficiente scegliere la pagina giusta dal menu a tendina che appare.

Ora fate clic sul pulsante “Andiamo”.

Click Let's Go button

Verrete automaticamente indirizzati alla pagina selezionata dal menu a tendina. Il modulo HubSpot sarà già incorporato.

È sufficiente fare clic sul pulsante “Pubblica” nella parte superiore dell’editor di contenuti per rendere operativo il nuovo modulo.

Click Publish button after embedding the form

Ecco fatto! Speriamo che abbiate imparato a creare un modulo HubSpot in WordPress. Potreste anche voler selezionare la nostra guida definitiva ai moduli di WordPress e il nostro confronto tra Contact Form 7 e WPForms per trovare l’opzione migliore per il vostro sito.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.

Divulgazione: I nostri contenuti sono sostenuti dai lettori. Ciò significa che se cliccate su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come WPBeginner è finanziato , perché è importante e come puoi sostenerci. Ecco il nostro processo editoriale .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Il kit di strumenti WordPress definitivo

Ottenete l'accesso gratuito al nostro kit di strumenti - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Reader Interactions

Commenti

  1. Congratulazioni, avete l'opportunità di essere il primo commentatore di questo articolo.
    Avete una domanda o un suggerimento? Lasciate un commento per avviare la discussione.

Lascia una risposta

Grazie per aver scelto di lasciare un commento. Tenga presente che tutti i commenti sono moderati in base alle nostre politica dei commenti e il suo indirizzo e-mail NON sarà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avremo una conversazione personale e significativa.