HubSpot Knowledge Base

Creare moduli a comparsa

Scritto da HubSpot Support | Jan 27, 2021 5:46:15 PM

Con lo strumento dei moduli pop-up, è possibile creare moduli di acquisizione di contatti coinvolgenti per attirare nuovi contatti. È possibile utilizzare i moduli pop-up con qualsiasi post del blog, landing page o pagina web ospitata su HubSpot.

Se desiderate attivare il pop-up con un pulsante o personalizzarlo ulteriormente, vi consigliamo di creare una CTA con un modulo .

Attenzione: il 17 luglio lo strumento dei moduli a comparsa è stato chiuso. Tutti gli utenti Starter, Professional ed Enterprise non possono più creare o clonare moduli a comparsa. Gli utenti possono ancora modificare, eliminare e non pubblicare i moduli pop-up esistenti. Si consiglia di utilizzare il nuovo strumento CTA per creare banner adesivi, caselle pop-up o CTA a scorrimento.

Creare un modulo a comparsa

Per aggiungere moduli pop-up a una pagina esterna, è necessario installare il codice di tracciamento HubSpot sul sito esterno o installare il plugin HubSpot WordPress sul sito WordPress.

Per creare un nuovo modulo a comparsa:

  • Nel vostro account HubSpot, andate su Moduli:
    • Per gli account Professional ed Enterprise, andare su Marketing > Lead Capture > Moduli.
    • Per gli account Starter e Free, andare su Marketing > Moduli.
  • In alto a destra, fare clic su Crea modulo.
  • Per associare il modulo a un'unità aziendale ( solo per leunità aziendali ):
    • Fare clic sul menu a discesa Seleziona un'unità aziendale.
    • Selezionare l'unità aziendale a cui si desidera associare il modulo.
  • Selezionare il tipo di modulo. Per creare un modulo a comparsa, selezionare uno dei seguenti tipi di modulo:
    • Casella a comparsa
    • Banner a discesa
    • Scorrimento nel riquadro sinistro
    • Scorrimento nel riquadro destro
  • In alto a destra, fare clic su Avanti.
  • Nella parte superiore dell'editor dei moduli, fare clic sull'icona della matita edit per modificare il nome del modulo.

Impostare il callout

Nella scheda Callout , aggiungere e personalizzare il testo del callout per attirare l'attenzione dei visitatori. Ogni personalizzazione del richiamo apparirà nell'anteprima a destra, in modo da avere un'idea di come apparirà il modulo pop-up quando sarà attivo sulla pagina.

  • Immagine in primo piano: selezionare un'immagine in primo piano da visualizzare sia sul callout che sulla fase del modulo (solo per il riquadro a comparsa e il riquadro a scorrimento).
  • Testo del callout: inserire il testo dell'intestazione principale del callout.
  • Corpo del callout: inserire eventuali informazioni o dettagli aggiuntivi sul callout. È facoltativo.
  • Testo del pulsante di callout: inserire il testo del pulsante del modulo di callout.
  • Colore del tema: impostare il colore del tema per il pulsante del modulo a comparsa. Selezionare un colore personalizzato dal selezionatore di colori o inserire manualmente un valore esadecimale.
  • Pulsante di collegamento: selezionare il collegamento del pulsante di callout.
    • Passo del modulo: indirizza gli utenti a un modulo dal modulo a comparsa. Personalizzate il modulo facendo clic sulla scheda Modulo.
    • URL non HubSpot: inserire un link a una pagina esterna.
    • Pagina o post di HubSpot (Marketing Hub o Content HubStarter, Professional o Enterprise): selezionate una pagina o un post di HubSpot nel menu a tendina.
    • Download di file: fare clic su Sfoglia file per aggiungere il file.
    • Collegamento a una riunione: selezionare un collegamento a una riunione dal menu a discesa.
    • Evento di calendario: creare un evento di calendario e configurare i dettagli dell'evento. L'evento verrà creato nel calendario Google o Outlook del cliente.

Personalizzare il modulo pop-up

Se il pulsante di chiamata rimanda a una fase del modulo, è possibile personalizzare il modulo visualizzato. Nella scheda Modulo, personalizzare i seguenti dettagli:
  • Corpo del modulo: inserire eventuali informazioni o dettagli aggiuntivi che verranno visualizzati prima dei campi del modulo. Questo è un passaggio opzionale.
  • Campi aggiunti: selezionare i campi per il modulo pop-up. Il campo e-mail predefinito è incluso automaticamente e si possono aggiungere al modulo un massimo di quattro campi.
    • Per aggiungere altri campi al modulo, fare clic su + Aggiungi un altro campo del modulo.
      • I moduli pop-up supportano i seguenti tipi di campo: testo a riga singola, testo a più righe, selezione a discesa, casella di controllo singola, numero, selezione della data e file.
      • Gli utenti di un account Marketing Hub Starter, Professional ed Enterprise possono creare proprietà di contatto personalizzate nei moduli pop-up.
    • Per personalizzare il modo in cui un campo del modulo appare ai visitatori, fate clic sull'icona della matita edit .
      • È possibile modificare l'etichetta del campo, aggiungere un testo segnaposto o inserire un valore predefinito.
      • Per il campo E-mail, è possibile specificare gli indirizzi e-mail e i domini da bloccare.
  • Testo del pulsante del modulo: personalizzare il testo del pulsante del modulo. Per impostazione predefinita, il testo del pulsante del modulo dalla scheda Callout popolerà questo campo.
  • Opzioni GDPR: se le impostazioni sulla privacy dei dati sono attivate nell'account HubSpot, è possibile impostare l'opzione di avviso e consenso per questo modulo pop-up. Per personalizzare il testo predefinito, fare clic sull'icona della matita edit .
  • Lingua: impostare la lingua del modulo. Questo cambierà le etichette dei campi del modulo, il messaggio di avviso e consenso/interesse legittimo e i messaggi di errore visualizzati nel modulo. Tutti gli altri campi modificabili dovranno essere tradotti manualmente.
  • CAPTCHA: abilitare il CAPTCHA per fornire una protezione aggiuntiva contro l'invio di spam.

Creare un messaggio di ringraziamento per il modulo

Se il pulsante di chiamata rimanda a una fase del modulo, configurare ciò che accade dopo che il visitatore ha inviato il modulo pop-up nella scheda Grazie.

  • Nel campo Messaggio di ringraziamento, inserire un messaggio da visualizzare dopo l'invio del modulo pop-up da parte dei visitatori. È possibile utilizzare l'editor di testo ricco per formattare il testo.
  • Aggiungere un pulsante dopo il messaggio di ringraziamento per reindirizzare i visitatori altrove:
    • Selezionare la casella di controllo Aggiungi un pulsante.
    • Personalizzare il testo del pulsante.
    • Selezionare il link per il pulsante:
      • URL non HubSpot: reindirizza i visitatori a una pagina esterna. Inserite l'URL della pagina.
      • Pagina HubSpot o post del blog (Marketing Hub o Content Hub Starter, Professional o Enterprise): selezionare una pagina HubSpot o un post del blog dal menu a discesa.
      • Download di file: fare clic su Sfoglia file per aggiungere il file.
      • Collegamento a una riunione: selezionare un collegamento a una riunione dal menu a discesa.
      • Evento di calendario: creare un evento di calendario e configurare i dettagli dell'evento. L'evento verrà creato nel calendario Google o Outlook del cliente.

Nota bene: gli account che utilizzano gli strumenti gratuiti di HubSpot devono completare una procedura guidata di impostazione delle e-mail per abilitare il double opt-in per i moduli pop-up la creazione di un'e-mail di follow-up aggiungerà automaticamente un CAPTCHA al modulo.

Personalizzare il targeting per il modulo pop-up

Scegliete quando far apparire il modulo a comparsa sul vostro sito. Aggiungete filtri per combinare più serie di regole per determinare quando il modulo a comparsa viene visualizzato. Per saperne di più sulle regole di targeting.

URL del sito web

È possibile aggiungere una logica condizionale per URL specifici di pagine web e/o valori di parametri di query. Per impostazione predefinita, il modulo a comparsa appare su tutte le pagine.

  • Per mostrare il modulo a comparsa quando un visitatore si trova su un URL specifico del sito web, nella sezione URL del sito web :
    1. Fare clic sul primo menu a discesa e selezionare URL sito web.
    2. Fare clic sul secondo menu a discesa e selezionare una regola di targeting.
    3. Inserire i criteri della regola nel campo di testo.

  • Per mostrare il modulo a comparsa quando un visitatore si trova su una pagina web il cui URL include parametri di query specifici:
    1. Fare clic sul primo menu a discesa e selezionare Parametro di query.
    2. Nel primo campo di testo, inserire il nome del parametro di query.
    3. Fare clic sul menu a discesa e selezionare una regola di targeting.
    4. Nel secondo campo di testo, inserire il valore del parametro di query.


  • Per aggiungere un'altra regola, fare clic su Aggiungi regola.
  • Per escludere il modulo pop-up da determinate pagine (ad esempio, una pagina di informativa sulla privacy), fare clic su Aggiungi regola di esclusione.

Informazioni e comportamento dei visitatori (facoltativo)

È anche possibile indirizzare il modulo pop-up a contatti specifici in base alle informazioni e al comportamento noto dei visitatori. Il tipo di regole di filtraggio che è possibile aggiungere dipende dagli abbonamenti del vostro account. Gli accountMarketing Hub Professional ed Enterprise possono creare filtri con criteri aggiuntivi per mostrare o nascondere il modulo pop-up.

Per impostare i criteri in base alle informazioni sui visitatori, nella sezioneInformazioni e comportamento dei visitatori :

  • Selezionare quando mostrare il modulo a comparsa:
    • Nel riquadro Mostra pop-up , fare clic sul primo menu a discesa per scegliere quando visualizzare il modulo pop-up.
    • Fare clic sul menu a discesa successivo per selezionare le regole di filtraggio.
    • Per aggiungere altre regole su quando mostrare il modulo a comparsa, fare clic su Aggiungi regola e selezionare i filtri.
  • Selezionare quando nascondere il modulo a comparsa:
    • Fare clic su Aggiungi regola di esclusione.
    • Fare clicsul primo menu a discesa per scegliere quando il modulo a comparsa deve essere nascosto.
    • Fare clic sul menu a discesa successivo per selezionare le regole di filtraggio.
    • Per aggiungere altre regole per nascondere il modulo a comparsa, fare clic su Aggiungi regola di esclusione e selezionare i filtri.
  • Per creare un'altra serie di regole di filtraggio, fare clic su Aggiungi gruppo di filtri e selezionare le regole di filtraggio.


Trigger

Imposta quando il modulo a comparsa deve apparire nella pagina.


Si prega di notare:

  • Quando si selezionano più trigger, il modulo viene visualizzato in base alla condizione di trigger soddisfatta per prima.

  • Quando un contatto ha compilato il modulo pop-up, questo non verrà più visualizzato se si trova nella stessa sessione di navigazione.

È possibile selezionare le seguenti opzioni:

  • Al 50% di scorrimento: il modulo appare quando il visitatore è sceso a metà pagina.
  • Intenzione di uscita ( solobox pop-up ): il modulo appare quando il visitatore sposta il cursore sulla barra superiore della finestra del browser.
  • Dopo il tempo trascorso: il modulo verrà visualizzato dopo il numero di secondi specificato.

Personalizzare le opzioni del modulo pop-up

Nella scheda Opzioni, personalizzare ulteriormente le impostazioni del modulo pop-up. Alcune opzioni potrebbero non essere visualizzate, a seconda degli abbonamenti a HubSpot e delle integrazioni aggiunte. È possibile configurare le seguenti opzioni:

  • Pianificazione ( solo per gli accountProfessional o Enterprise ): per impostazione predefinita, un modulo a comparsa viene pubblicato immediatamente. Per programmare un modulo a comparsa in modo che sia attivo solo a partire da una data specifica, selezionare Pianifica per dopo.
    • Per pubblicare il modulo pop-up in una data e ora specifiche, fare clic sui menu a discesa Data di inizio e Ora e impostare la data e l'ora.
    • Per non pubblicare il modulo pop-up in una data e ora specifiche, fare clic sulla casella di controllo Imposta data e ora di non pubblicazione, quindi fare clic sui menu a discesa Data di fine e Ora e impostare la data e l'ora.
  • Impostare una fase del ciclo di vita quando viene creato un contatto o un'azienda: fare clic sul menu a discesa Imposta stato del ciclo di vita su e selezionare una fase del ciclo di vita. Quando i visitatori inviano un modulo, il record corrispondente sarà impostato sulla fase del ciclo di vita selezionata.
    • Non è possibile spostare indietro la fase del ciclo di vita di un record. Se un contatto o un'azienda esistente con una fase del ciclo di vita successiva invia un modulo, la fase del ciclo di vita non verrà aggiornata.
  • Dimensioni dello schermo ridotte: per disattivare il modulo a comparsa sui dispositivi mobili, selezionare la casella di controllo Disattiva il modulo a comparsa su schermi di piccole dimensioni . Sebbene i moduli a comparsa siano ottimizzati per i dispositivi mobili, si consiglia di disattivarli su questi ultimi.
  • Mostra di nuovo il modulo a comparsa dopo che è stato chiuso: fare clic sul menu a discesa per impostare il tempo che deve trascorrere dopo che un visitatore ha chiuso il modulo a comparsa, prima che venga visualizzato di nuovo.
  • Aggiungi contatti alla campagna Salesforce: se si utilizza l'integrazione Salesforce, fare clic sul menu a discesa per associare i contatti che inviano il modulo pop-up a una campagna Salesforce.
  • Aggiungere contatti a GoToWebinar: se si utilizza l'integrazione con GoToWebinar, fare clic sul menu a discesa per registrare qualsiasi contatto che invia il modulo pop-up per un webinar specifico.
  • Quando i contatti vengono acquisiti, inviare notifiche via e-mail a: fare clic sul menu a discesa per notificare a un utente o a un team di HubSpot l'acquisizione dei contatti.
  • Inviare e-mail di opt-in: per gestire le impostazioni di doppio opt-in per i vostri moduli pop-up, fate clic su Gestisci nelle impostazioni.
  • Impostare i contatti creati come contatti di marketing: se il vostro account HubSpot ha accesso ai contatti di marketing, potete impostare automaticamente i contatti creati da questo modulo come contatti di marketing.
  • Spingi i nuovi contatti al tuo provider di posta elettronica (opzionale): per impostare un provider di posta elettronica a cui spingere i contatti, fare clic su Gestisci nelle impostazioni. Per saperne di più sull'invio di contatti alle liste di MailChimp.



Utilizzate le automazioni con il vostro modulo pop-up

Utilizzate semplici funzioni di automazione, come l'invio di un'e-mail di follow-up a un contatto o l'invio di notifiche e-mail interne automatiche con i vostri moduli pop-up. È anche possibile utilizzare l'invio del modulo come trigger in un semplice flusso di lavoro. Per saperne di più su come utilizzare le automazioni con lo strumento dei moduli.

  • In alto, fare clic sulla scheda Automazioni. Dalla scheda Automazioni, è possibile configurare ciò che accade dopo l'invio del modulo .
    • Nella sezione Scegli cosa succede dopo l'invio di un modulo, personalizzare le impostazioni del modulo in base alle esigenze.
    • Nella sezione Crea un flusso di lavoro semplice , impostare un flusso di lavoro semplice per automatizzare le azioni di follow-up, come l'invio di un'e-mail o l'impostazione di una proprietà del contatto.

Anteprima del modulo pop-up

Nella scheda Anteprima è possibile testare un'anteprima interattiva del modulo a comparsa.

  • Per vedere come apparirà il modulo pop-up su diversi dispositivi, fare clic sui pulsanti Desktop, Tablet o Mobile in alto a sinistra.
  • Per visualizzare ogni fase del modulo a comparsa, fare clic sulle iconeleftrightfreccia a sinistra e a destra.

Pubblicare e disinstallare il modulo pop-up

  • Una volta terminata l'impostazione del modulo, in alto a destra, fare clic su Pubblica per rendere operativo il modulo pop-up.
  • È anche possibile non pubblicare un modulo attivo dalla scheda Opzioni:
    • Passare alla scheda Opzioni.
    • Fare clic su Annulla pubblicazione.
    • Nella finestra di dialogo, fare clic su Annulla modulo a comparsa.
    • Dopo la non pubblicazione del modulo, si può scegliere di tornare alla dashboard dei moduli selezionando Vai alla dashboard, oppure di rimanere nell'editor dei moduli selezionando Rimani nell'editor.

Visualizza articolo completo