Salta al contenuto
Nota bene: la traduzione in italiano di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.

Impostazione e stile dei moduli sulle pagine di HubSpot

Ultimo aggiornamento: 7 ottobre 2025

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Dopo aver creato un modulo in HubSpot, è possibile aggiungerlo a qualsiasi modulo di una pagina HubSpot. In ogni pagina è possibile anche configurare ciò che accade dopo l'invio del modulo e personalizzare lo stile degli elementi del modulo, come il pulsante di invio e i campi del modulo.

Prima di iniziare

Prima di impostare i moduli su una pagina di HubSpot, è necessario tenere presente quanto segue:

  • Le modifiche alle impostazioni e allo stile si applicano solo al modulo del modulo nella pagina selezionata. Tutte le modifiche apportate alle impostazioni e allo stile non influenzeranno il modulo su altre pagine.
  • L'aggiornamento dei contenuti del modulo, come i campi del modulo, aggiornerà il modulo su tutte le altre pagine, compresi i moduli incorporati o le pagine di moduli indipendenti.

Configurare il modulo su una pagina HubSpot

  1. Navigate nel vostro 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. Fare clic sul nome della pagina.
  3. Nell'editor dei contenuti, fare clic sul modulo del modulo. Se la pagina non dispone di un modulo modulo, imparare ad aggiungere moduli a una pagina.
  4. Nellascheda Contenuto dell'editor della barra laterale, personalizzare le impostazioni del modulo per questa pagina:
    • Titolo del modulo: inserire un nome per il modulo.
    • Modulo: selezionare un modulo per questa pagina.
      • Per utilizzare un modulo esistente, fare clic sul menu a discesa e selezionare un modulo.
      • Per creare e utilizzare un nuovo modulo, fare clic su Azioni. Selezionare quindi Crea nuovo modulo. Per saperne di più sull'impostazione dei moduli.
      • Per visualizzare gli invii per questo modulo, fare clic su Azioni. Quindi, selezionare Visualizza invii del modulo.
      • Per modificare il modulo nell'editor dei moduli, fare clic su Azioni. Selezionare quindi Vai all'editor dei moduli.

Screenshot of the form module within the content editor, showing the Actions dropdown menu open with options to View form submissions, Go to the forms editor, and Create new form.


Configurare l'automazione del modulo

È possibile gestire l'automazione del modulo, ad esempio le e-mail di follow-up e i flussi di lavoro associati ai moduli. I trigger di iscrizione sono soggetti al seguente comportamento:

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

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

  • Segui con un'e-mail: 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:
      • Fare clic su Seleziona un'e-mail +.
      • Nella finestra di dialogo, fare clic sul menu a discesa Seleziona un'e-mail e selezionare un'e-mail automatica esistente o fare clic su Crea nuova e-mail per creare una nuova e-mail automatica.
      • Fare 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, fare clic su Pubblica o Aggiorna per rendere effettive le modifiche. L'email di follow-up non sarà abilitata finché le modifiche non saranno state pubblicate.
    • Per modificare l'e-mail di follow-up utilizzata, passare il mouse sull'e-mail e fare clic sull'icona della matita accanto all'e-mail.
    • Per rimuovere l'e-mail di follow-up, passare il mouse sull'e-mail e fare clic sull'icona X accanto all'e-mail. L'email non dovrebbe più essere visualizzata.
  • Flussi di lavoro collegati: vengono visualizzati tutti i flussi di lavoro e i flussi di lavoro semplici che utilizzano il modulo come trigger di iscrizione. Per saperne di più sull'uso dell'automazione con i moduli.
    • Per utilizzare il modulo come trigger di un flusso di lavoro, fate clic su Aggiungi modulo a un flusso di lavoro o Aggiungi modulo a un altro flusso di lavoro.
      • Fare clic su Aggiungi modulo a un flusso di lavoro.
      • Selezionare un flusso di lavoro esistente o fare clic su Crea nuovo flusso di lavoro per creare un nuovo flusso di lavoro. Se create un nuovo flusso di lavoro, impostate il flusso di lavoro, quindi tornate al modulo del modulo sulla pagina di destinazione o sulla pagina del sito web.
    • Per aggiungere un altro flusso di lavoro, fate clic su Aggiungi modulo a un altro flusso di lavoro, quindi selezionate un flusso di lavoro esistente o fate clic su Crea nuovo flusso di lavoro.
    • Per rimuovere il modulo come trigger di un flusso di lavoro, passate il mouse sul flusso di lavoro e fate clic sull'icona di eliminazione accanto al flusso di lavoro.

Nota bene:

  • Una volta che un flusso di lavoro è stato collegato al modulo, esso aggiornerà immediatamente i trigger di iscrizione al flusso di lavoro, anche se la pagina non è ancora stata pubblicata o aggiornata.
  • Se si clona una pagina di HubSpot con un modulo impostato per iscrivere i contatti in un flusso di lavoro, gli invii del modulo sulla nuova pagina clonata non verranno aggiunti come nuovi trigger di iscrizione nel flusso di lavoro.


Configurare altre opzioni del modulo

È possibile configurare anche altre impostazioni, come la selezione dei destinatari delle notifiche del modulo. Inoltre, se avete installato l'integrazione HubSpot-Salesforce, potete anche associare il modulo a una campagna Salesforce attiva.

Per configurare le opzioni aggiuntive del modulo, scorrete fino in fondo al pannello di sinistra e configurate 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 in questa pagina:
    • Fare clic per attivare l'opzione Invia notifiche agli indirizzi e-mail specificati invece che a quelli predefiniti del modulo .
    • Fare clic sul menu a discesa Indirizzi e-mail e selezionare i destinatari. Solo gli utenti di HubSpot possono essere selezionati come destinatari delle notifiche del modulo.
    • Per rimuovere un destinatario, fare clic sull'icona X accanto all'indirizzo e-mail del destinatario.
  • Campagna Salesforce: se è stata impostata l'integrazione con Salesforce, è possibile associare un modulo a una campagna Salesforce attiva facendo clic sul menu a discesa e selezionando una campagna. Per saperne di più sull'associazione dei moduli alle campagne Salesforce.

Screenshot of a form module's sidebar editor, showing the checkbox selected for “Send form notifications to specified email addresses” and the “Salesforce campaign” dropdown menu.

Stile dei moduli sulle pagine di HubSpot

È possibile personalizzare lo stile dell'intero modulo e apportare modifiche specifiche al pulsante di invio o ai campi del modulo. Per personalizzare lo stile del modulo:

  1. Navigate nel vostro 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. Fare clic sul nome della pagina.
  3. Nell'editor dei contenuti, fare clic sul modulo del modulo. Se la pagina non dispone di un modulo modulo, si veda come aggiungere moduli a una pagina.
  4. Nella parte superiore dell'editor della barra laterale, fare clic sulla scheda Stili.
  5. Fare clic sulle schede Modulo, Campi o Pulsante per selezionare l'elemento del modulo che si desidera personalizzare.
  6. Personalizzare l'elemento selezionato del modulo utilizzando le opzioni di testo e allineamento riportate di seguito.
  7. In alto a destra, fare clic su Pubblica o Aggiorna per rendere effettive le modifiche alla pagina.

Nota bene: i moduli che compaiono nelle pagine di HubSpot possono essere personalizzati solo pagina per pagina, mentre i moduli incorporati in pagine esterne o in pagine di moduli indipendenti devono essere stilizzati nell'editor dei moduli o con i CSS nel foglio di stile esterno.


Screenshot of a form module's sidebar editor showing the Styles tab selected, showing sections for Visibility, Alignment and spacing, Typography, and Background.

L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.