Impostazione e stile dei moduli sulle pagine di HubSpot (legacy)

Dopo aver creato un modulo in HubSpot, puoi aggiungerlo a qualsiasimodulo di una pagina HubSpot. In ogni pagina, puoi anche configurare cosa succede dopo l'invio del modulo e personalizzare lo stile degli elementi del modulo, come il pulsante di invio e i campi del modulo.

Questo articolo deve essere utilizzato solo per i moduli esistenti creati con l'editor legacy. Si consiglia di utilizzare l'editor moduli aggiornato per creare e gestire nuovi moduli. Scopri di più sulla personalizzazione dei moduli nelle pagine HubSpot. 

Prima di iniziare

Prima di configurare i moduli su una pagina HubSpot, tieni presente quanto segue: 

• Le modifiche alle impostazioni e allo stile si applicheranno solo al modulo del modulo nella pagina selezionata. Qualsiasi modifica alle impostazioni e allo stile non influirà sul modulo nelle altre pagine.
• L'aggiornamento del contenuto del modulo, come i campi del modulo, aggiornerà il modulo su tutte le altre pagine, inclusi eventuali moduli incorporati o pagine di moduli autonome. 

Configura i tuoi moduli

1. Accedi ai tuoi contenuti:

   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. Clicca sul nome della tua pagina.
3. Nell'editor dei contenuti, clicca sul modulo del modulo. Se la tua pagina non dispone attualmente di un modulo, scopri come aggiungere moduli a una pagina. 
4. Nella scheda Contenuto nel pannello di sinistra, personalizza le impostazioni del modulo per questa pagina:
   • Titolo del modulo: inserisci un nome per il modulo.
   • Modulo: seleziona un modulo per questa pagina.
     • Per utilizzare un modulo esistente, fai clic sul menu a discesa e seleziona un modulo. 
     • Per creare e utilizzare un nuovo modulo, clicca su Azioni > Crea nuovo modulo. Ulteriori informazioni sulla configurazione dei moduli
     • Per visualizzare gli invii per questo modulo, clicca su Azioni > Visualizza invii modulo.
     • Per clonare questo modulo, clicca su Azioni > Clona modulo.
     • Per rivedere qualsiasi altra pagina che utilizza il modulo selezionato, clicca su Azioni > Pagine che utilizzano questo modulo.
     • Per modificare il modulo nell'editor dei moduli, clicca su Azioni > Vai all'editor completo dei moduli. 
       
       

Personalizza il contenuto del tuo modulo

Per modificare i campi del modulo, il testo dei pulsanti e le opzioni relative alla privacy dei dati e al consenso:

1. Fai clic per espandere la sezione Contenuto del modulo .
2. Configura il contenuto del modulo: 
   • Campi del modulo: clicca e trascina i campi per modificare l'ordine in cui vengono visualizzati nel modulo. Non è possibile trascinare e rilasciare i campi dei moduli con moduli a più colonne o quando fanno parte di un modulo personalizzato. Per aggiungere ulteriori campi al modulo:
     • Fai clic su + Aggiungi un altro campo del modulo.
     • Fai clic sul menu a discesa Scegli una proprietà e utilizza la barra di ricerca per cercare un campo. 
     • Fai clic sulla proprietà per aggiungerla come campo del modulo. 

• • Testo del pulsante: inserisci il testo da visualizzare sul pulsante di invio.
  • Opzioni relative alla privacy dei dati e al consenso: nel menu a tendina, seleziona le informazioni relative all'informativa e al consenso da visualizzare.
  • Captcha (prevenzione dello SPAM): clicca per attivare l'opzione Captcha (prevenzione dello SPAM) e visualizzare il reCAPTCHA invisibile di Google.

Nota: l'aggiornamento del contenuto del modulo aggiornerà il modulo su tutte le altre pagine in cui è utilizzato, compresi i moduli incorporati o le pagine dei moduli autonomi.

Configura le azioni post-invio

Per impostazione predefinita, i moduli aggiunti alle pagine HubSpot visualizzeranno un messaggio in linea" " (Grazie per aver inviato il modulo ). Il modulo non visualizzerà l'azione post-invio configurata nell'editor del modulo.

Nell'editor della pagina è possibile personalizzare un'azione post-invio diversa. Per configurare cosa succede dopo l'invio di un modulo:

1. Clicca per espandere la sezione Grazie.
2. Nella sezione Cosa vedrà un visitatore dopo aver inviato il modulo , configura le azioni post-invio: 
   • Reindirizza a un'altra pagina: reindirizza un visitatore a un'altra pagina dopo l'invio del modulo.
     • Clicca su Reindirizza a un'altra pagina.
     • Clicca sul menu a tendina Link di reindirizzamento e seleziona una pagina HubSpot esistente o inserisci un URL.
   • Visualizza un messaggio di ringraziamento in linea: visualizza un messaggio dopo che il visitatore ha inviato il modulo. Puoi inserire un messaggio di ringraziamento nella casella di testo.

Configura l'automazione del modulo

Puoi gestire l'automazione del modulo, come la creazione di contatti e le opzioni di email di marketing, nonché qualsiasi flusso di lavoro associato ai tuoi moduli. I trigger di iscrizione sono soggetti al seguente comportamento:

• Quando si aggiunge un flusso di lavoro nelle impostazioni di automazione del modulo, il trigger di iscrizione corrispondente all'invio del modulo verrà aggiunto al flusso di lavoro.
• La rimozione di un flusso di lavoro dalle impostazioni di automazione del modulo del modulo lo rimuoverà anche dai trigger di iscrizione del flusso di lavoro.
• Se il trigger di iscrizione al modulo utilizzato in un flusso di lavoro non specifica una pagina, il trigger non può essere rimosso dalla pagina e deve invece essere rimosso dal flusso di lavoro.

Per configurare le impostazioni di automazione del modulo, fai clic su Automazione moduli nel pannello di sinistra per espandere la sezione, quindi esamina le seguenti opzioni di automazione:

• Crea sempre un nuovo contatto per l'indirizzo e-mail: crea un nuovo record di contatto ogni volta che viene inviato un modulo con un nuovo indirizzo e-mail, indipendentemente dalla presenza di token utente corrispondenti ai contatti esistenti dall'invio del modulo. 
• Imposta i contatti creati come contatti di marketing: imposta tutti i contatti creati tramite questo modulo come contatti di marketing.
• Invia un'e-mail di follow-up:invia un'e-mail di follow-up ai visitatori che hanno inviato il modulo. Le e-mail di follow-up possono essere inviate solo ai contatti di marketing. 
  • Per aggiungere un'e-mail di follow-up:
    • Fai clic su Seleziona un'e-mail +.
    • Nella finestra di dialogo, clicca sul menu a tendina Seleziona un'e-mail e seleziona un'e-mail automatica esistente oppure clicca su Crea nuova e-mail per creare una nuova e-mail automatica.
    • Fai clic su Salva. L'e-mail di follow-up selezionata verrà visualizzata nel pannello di sinistra. 
    • Dopo aver impostato le e-mail di follow-up, in alto a destra, clicca su Pubblica o Aggiorna per rendere effettive queste modifiche. L'e-mail di follow-up non sarà abilitata fino a quando le modifiche non saranno state pubblicate. 

• • Per modificare l'email di follow-up utilizzata, passa con il mouse sull'email e clicca sull'icona a forma di matita accanto all'email. 
  • Per rimuovere l'email di follow-up, passa con il mouse sull'email e clicca sull'icona X accanto all'email. L'email non dovrebbe più essere visualizzata. 
  • Se il modulo era precedentemente associato a un'e-mail di follow-up legacy, verrà visualizzato un avviso Questo modulo utilizza un'e-mail di follow-up legacy. Sebbene le e-mail di follow-up legacy non possano essere modificate, se l'e-mail è stata precedentemente pubblicata, può essere aggiornata a un'e-mail automatizzata. Le e-mail automatizzate aggiornate possono quindi essere modificate. 
    • Per aggiornare un'e-mail di follow-up legacy precedentemente pubblicata in un'e-mail automatica modificabile, clicca su Aggiorna e-mail. Quindi, clicca su Aggiorna. Se l'e-mail non era stata precedentemente pubblicata, questa opzione non verrà visualizzata. 

• • • Per rimuovere un'e-mail di follow-up legacy pubblicata o non pubblicata, clicca su Rimuovi. Quindi, clicca su Rimuovi. 

• Flussi di lavoro collegati: verranno visualizzati tutti i flussi di lavoro e i flussi di lavoro semplici che utilizzano il modulo come trigger di iscrizione. Ulteriori informazioni sull'utilizzo dell'automazione con i moduli. 
  • Per utilizzare il modulo come trigger in un flusso di lavoro, clicca su Aggiungi modulo a un flusso di lavoro o Aggiungi modulo a un altro flusso di lavoro. 
    • Fai clic su Aggiungi modulo a un flusso di lavoro.
    • Seleziona un flusso di lavoro esistente o fai clic su Crea nuovo flusso di lavoro per crearne uno nuovo. Se crei un nuovo flusso di lavoro, configuralo, quindi torna al modulo del modulo nella tua pagina di destinazione o nella pagina del sito web. 
  • Per aggiungere un altro flusso di lavoro, clicca su Aggiungi modulo a un altro flusso di lavoro, quindi seleziona un flusso di lavoro esistente o clicca su Crea nuovo flusso di lavoro.
  • Per rimuovere il modulo come trigger in un flusso di lavoro, passa con il mouse sul flusso di lavoro e clicca sull'icona di eliminazione accanto al flusso di lavoro. 

Configura opzioni aggiuntive del modulo

Puoi anche configurare impostazioni aggiuntive, come la selezione dei destinatari delle notifiche del modulo. Inoltre, se hai installato l'integrazione HubSpot-Salesforce, puoi anche associare il modulo a una campagna Salesforce attiva.

Per configurare le opzioni aggiuntive del modulo, scorri fino alla parte inferiore del pannello di sinistra, quindi configura le seguenti opzioni:

• Invia le notifiche del modulo agli indirizzi e-mail specificati invece che a quelli predefiniti: per impostazione predefinita, le notifiche di invio del modulo saranno inviate a tutti i destinatari aggiunti nella scheda Opzioni del modulo. Per sovrascrivere i destinatari predefiniti del modulo e selezionare i destinatari delle notifiche per gli invii su questa pagina:
  • Clicca per attivare l'opzione Invia notifiche agli indirizzi email specificati invece che a quelli predefiniti nel modulo.
  • Fai clic sul menu a discesa Indirizzi e-mail e seleziona i destinatari. Solo gli utenti HubSpot possono essere selezionati come destinatari delle notifiche del modulo. 
  • Per rimuovere un destinatario, clicca sull'icona X accanto all'indirizzo email del destinatario. 
• Campagna Salesforce: se hai abilitato l'integrazione con Salesforce, puoi associare un modulo a una campagna Salesforce attiva cliccando sul menu a discesa e selezionando una campagna. Scopri di più sull'associazione dei moduli alle campagne Salesforce.
  
  

Personalizza lo stile dei tuoi moduli sulle pagine HubSpot

Puoi personalizzare lo stile del modulo nel suo complesso, nonché apportare modifiche specifiche allo stile del pulsante di invio o dei campi del modulo. Per personalizzare lo stile del tuo modulo:

1. Vai al tuo contenuto:
   • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
2. Nell'editor dei contenuti, fai clic sul modulo del modulo. Se la tua pagina non dispone attualmente di un modulo, scopri come aggiungere moduli a una pagina. 
3. Nella parte superiore del pannello di sinistra, fai clic sulla scheda Stili.
4. Fai clic sulle schede Modulo, Campi o Pulsanti per selezionare l'elemento del modulo che desideri modificare.
5. Personalizza l'elemento selezionato del modulo utilizzando le opzioni di testo e allineamento riportate di seguito.
6. Clicca su Pubblica o Aggiorna per rendere visibili le modifiche apportate alla pagina.

Nota: i moduli che appaiono sulle pagine HubSpot possono essere personalizzati solo pagina per pagina.I moduli incorporati in pagine esterne o pagine di moduli autonome devono essere personalizzati nell'editor dei moduli o con CSS nel foglio di stile esterno.