Creare e modificare moduli con il nuovo editor di moduli (BETA)

Create e utilizzate i moduli con il nuovo editor di moduli per raccogliere informazioni sui vostri visitatori da archiviare nel vostro HubSpot CRM. Utilizzando il nuovo editor di moduli, è possibile creare moduli a più fasi. È quindi possibile creare un modulo che rifletta l'identità e il branding della propria azienda.

Dopo aver creato il modulo, è possibile aggiungerlo alle pagine di HubSpot utilizzando il modulo HubSpot, a un sito esterno utilizzando il codice Hubspot embed o condividerlo come pagina indipendente con un link di condivisione.

Creare un nuovo modulo

Per creare un nuovo modulo:

• In alto a destra, fare clic su Crea modulo.
• Per associare il modulo a una business unit, fare clic sul menu a discesa Seleziona una business unit e selezionare la business unit a cui si desidera associare il modulo.
• Selezionare l'editor del nuovo modulo.
• In alto a destra, fare clic su Avanti.
• In alto, fare clic sull'icona della matita edit per modificare il nome del modulo. Per aggiornare il nome del modulo è necessario pubblicarlo.

Aggiungere e modificare i campi del modulo

Aggiungete campi modulo per raccogliere informazioni dai visitatori e dai contatti del vostro sito web. Ogni campo del modulo deve essere associato a una proprietà di HubSpot. Per aggiungere un campo modulo:

• Nel vostro account HubSpot, andate in Marketing+ Lead Capture > Moduli.
• Create un nuovo modulo o passate il mouse su un modulo esistente e fate clic su Modifica.
• In alto a sinistra, fate clic sull'icona + aggiungi.
• Nel pannello di sinistra, fare clic e trascinare il tipo di campo sull'anteprima del modulo a destra per includerlo nel modulo. I campi possono essere posizionati sopra, sotto o accanto ad altri campi.
• Nel pannello di destra, fare clic e inserire l'etichetta del campo. Quando si inserisce l'etichetta del campo, appare un elenco di proprietà simili esistenti.
  • Nella finestra di dialogo Collega il campo a una proprietà , fare clic su una proprietà suggerita.
  • Per collegare il campo del modulo a una proprietà diversa, fare clic su Cerca proprietà.

• Per aggiungere una proprietà collegata, nel pannello di sinistra fare clic per espandere la sezione Proprietà collegate. Fare clic sulla proprietà che si desidera collegare al campo del modulo.
• Per utilizzare una proprietà esistente come proprietà collegata a un campo del modulo, utilizzare la barra di ricerca per cercare una proprietà esistente. Il tipo di oggetto del campo aggiunto può determinare se l'invio di form appare nella cronologia delle attività dei record associati.

• Per creare una nuova proprietà e utilizzarla come proprietà collegata a un campo del modulo, fare clic su Crea nuovo.
  • Selezionare il tipo di campo del modulo.
  • Nel pannello di destra, impostare il campo del modulo.
  • Rivedere le regole della proprietà, quindi fare clic su Crea. Per impostazione predefinita, sarà selezionata l'opzione Mostra nei moduli, nei moduli a domanda e nei bot . Dopo aver creato la nuova proprietà, questa verrà automaticamente associata al campo del modulo. Imparate a gestire le vostre proprietà.

• Dopo aver aggiunto il campo del modulo, per modificare le opzioni di un campo:
  • Nel pannello di destra, fare clic sul campo nell'anteprima del modulo.
  • Nel pannello di sinistra, fare clic per espandere la sezione Opzioni campo. Le opzioni qui presenti possono variare a seconda del tipo di proprietà del campo, per saperne di più sulle ulteriori opzioni di personalizzazione del campo disponibili.
    
    • Testo di aiuto: testo informativo sotto l'etichetta del campo per aiutare il visitatore a completare il campo.
    • Testo segnaposto: testo che appare nella casella di immissione del campo. Il testo scompare quando il visitatore inserisce un valore nel campo e non viene visualizzato nell'invio, anche se il campo viene lasciato vuoto.
    • Valore predefinito: un valore che verrà inviato per default per il campo, a meno che non venga modificato dal visitatore.
    • Campo nascosto: quando questa opzione è attivata, il campo avrà il suo valore impostato attraverso l'invio di form, ma il campo non apparirà al visitatore. Una volta attivata l'impostazione, si imposta il valore predefinito che passerà nella proprietà quando il modulo viene inviato.
    • Campo obbligatorio: quando questa opzione è attivata, il campo deve essere compilato per inviare il modulo. Se un campo del modulo è stato impostato come obbligatorio, non può essere impostato come nascosto.

Aggiungere elementi aggiuntivi al modulo

Aggiungete ulteriori elementi di testo e media o di sicurezza e privacy al vostro modulo. Come i campi del modulo, questi elementi possono essere posizionati sopra, sotto o accanto ad altri campi. In fase di beta, alcuni elementi potrebbero non essere disponibili per l'uso.

• Creare un nuovo modulo o passare il mouse su un modulo esistente e fare clic su Modifica.
• In alto a sinistra, fare clic sull'icona + aggiungi.
• Nel pannello di sinistra, fare clic su Altro.
• Fare clic e trascinare gli elementi sull'anteprima del modulo a destra per includerli nel modulo.
  
  
  

Aggiunta di logica condizionale ai moduli( solo Marketing Hub Professional e Enterprise )

Dopo aver aggiunto i campi del modulo, è possibile impostare una logica condizionale per nascondere o mostrare i campi pertinenti o reindirizzare i visitatori ad altre pagine HubSpot in base alle loro risposte precedenti.

Per ogni modulo è possibile aggiungere fino a 30 regole con 10 condizioni per regola.

Per impostare la logica condizionale sul modulo:

• Creare un nuovo modulo o passare il mouse su un modulo esistente e fare clic su Modifica.
• In alto a sinistra, fare clic sull'icona della logica githubBranch.
• Nel pannello di sinistra, fare clic su Aggiungi logica.
• Nella sezione Logica, configurare le regole di logica condizionale. Ad esempio, se si filtra per Città e si seleziona è qualsiasi di Dublino , la regola di logica condizionale si applicherà solo ai record con il valore Dublino.
  
• Per eliminare un filtro, fare clic sull'icona deletee.
• Per clonare un filtro, fare clic sull'iconaduplicate clone.
• Per aggiungere altri filtri alla regola, fare clic su add Aggiungi filtro a questo gruppo.
• Per aggiungere un altro gruppo alla regola, fare clic su add Aggiungi gruppo .
• Se si sono aggiunti più filtri o gruppi alla regola, fare clic sul menu a discesa AND OR tra i filtri e i gruppi per applicare la logica AND o OR:
  • AND: tutti i filtri della regola devono essere veri perché la regola venga attivata.
  • OR: solo un filtro del gruppo deve essere vero perché la regola venga attivata. Per saperne di più sulla logica AND o OR.

• Nella sezione Poi, fare clic sul menu a discesa per selezionare le azioni sul modulo. È possibile scegliere tra le seguenti opzioni:
  • Mostra un campo: se le risposte dell'utente corrispondono ai criteri impostati nelle regole, mostra un campo specifico.
  • Nascondi un campo: se le risposte dell'utente corrispondono ai criteri impostati nelle regole, mostra un campo specifico.
  • Passa al passo: se le risposte dell'utente corrispondono ai criteri impostati nelle regole, passa a un passo specifico. Per utilizzare questa opzione, il modulo deve avere almeno tre passi. Per saperne di più sull'aggiunta di passi al modulo.
  • Reindirizza a: se le risposte dell'utente corrispondono ai criteri impostati nelle regole, reindirizza l'utente a una pagina di HubSpot o a un URL esterno. Gli utenti di un account Sales Hub Enterprise o Service Hub Enterprise possono reindirizzare i moduli a un link per riunioni su una pagina di pianificazione.

• A seconda dell'azione selezionata, compilare i campi richiesti.
• Per applicare la logica condizionale, fare clic su Salva e attiva.

Gestire le regole di logica condizionale

• Creare un nuovo modulo o passare il mouse su un modulo esistente e fare clic su Modifica.
• In alto a sinistra, fare clic sull'icona della logica githubBranch.
• Per aggiungere un'altra regola, fare clic su Aggiungi logica.
• Per modificare una regola, fare clic sul menu a discesa Azioni e selezionare Modifica.
• Per eliminare una regola, fare clic sul menu a discesa Azioni e selezionare Elimina.

Aggiungere e modificare le fasi del modulo

Nota bene: questa funzione è disponibile solo per Marketing Hub, Sales Hub o Service Hub Starter, Professional ed Enterprise o Content Hub Enterprise.

Creare moduli a più fasi per incoraggiare gli utenti a completare più segmenti di modulo invece di un unico lungo modulo. Per aggiungere una fase del modulo in un modulo a più fasi:

• Nel vostro account HubSpot, andate in Marketing+ Lead Capture > Moduli.
• Create un nuovo modulo o passate il mouse su un modulo esistente e fate clic su Modifica.
• Nel pannello di destra, passate il mouse tra due passaggi esistenti e fate clic sull'icona + aggiungi. Apparirà una nuova sezione di passi. A questo punto, è possibile impostare i campi del modulo e gli elementi aggiuntivi del modulo nel pannello dei passi.
  

• Per riorganizzare l'ordine di un passo, passare il mouse sul passo stesso. Quindi, in alto a sinistra del passo, fare clic e trascinare il passo [x] per riposizionarlo.
• Per clonare un passo, passare il mouse sul passo e fare clic sull'icona duplicate. Non è possibile clonare i passaggi che includono un'e-mail, un reCAPTCHA o i campi della privacy dei dati.
• Per eliminare un passaggio, passare il mouse sul passaggio e fare clic sull'icona delete per eliminarlo.
• Una barra di avanzamento indica visivamente la parte del modulo che l'utente ha completato, migliorando i tassi di completamento del modulo. Per modificare la barra di avanzamento:
  • Passare il mouse sulla barra di avanzamento e fare clic sull'icona dellamatita edit .

• • Nel pannello di sinistra è possibile modificare la barra di avanzamento e attivarla o disattivarla:

• • • La barra di avanzamento viene aggiunta a tutti i moduli per impostazione predefinita. Per disattivare la barra di avanzamento, attivare l'interruttore Disattiva barra di avanzamento. In questo modo la barra di avanzamento verrà rimossa da tutti i passaggi del modulo.
    • Nella sezione Formato, scegliere il modo in cui si desidera che il testo appaia sulla barra di avanzamento. È possibile scegliere tra le seguenti opzioni: Mostra percentuale di completamento, Mostra numero di passi o Non mostrare testo.

Modificare il layout del passo e il banner di sfondo

Scegliete tra i layout predefiniti per i passi utilizzando il commutatore rapido di layout e personalizzate il banner di sfondo del modulo.

• Creare un nuovo modulo o passare il mouse su un modulo esistente e fare clic su Modifica.
• Passare il mouse sul passo del modulo e fare clic sull'icona della matita edit in alto a destra.
• Nel pannello di sinistra, selezionare il layout del passo.
• Per rimuovere il layout, fare clic su Rimuovi layout in alto a destra.

• Fare clic sullo sfondo del banner per espandere la sezione:
  
  • Attivare l'interruttore del colore di sfondo per personalizzare il banner di sfondo del modulo.

• • Selezionare un colore e un'opacità.
  • Fare clic sul menu a discesa Gradiente per aggiungere un gradiente.
  • Utilizzare un'immagine per lo sfondo del banner. È possibile caricare un'immagine dai file di IA HubSpot, sfogliare le immagini dal disco rigido del computer o utilizzare gli assistenti AI per generare immagini.

Stile del modulo

Personalizzare il testo, i campi di input, i pulsanti e lo sfondo del modulo e delle fasi del modulo. Le opzioni di stile configurate nella scheda Stilizzazione globale saranno applicate a tutti i passi del modulo. Non è possibile personalizzare le singole fasi del modulo separatamente.

Per creare la forma:

• .
• Creare un nuovo modulo o passare il mouse su un modulo esistente e fare clic su Modifica.
• In alto a sinistra, fare clic sull'icona dello stile.

• Quando si personalizzano i campi di testo, di immissione o i pulsanti, è possibile scegliere tra gli stili esistenti utilizzando gli stili di immissione rapida dei campi. In alternativa, è possibile personalizzare manualmente lo stile per ciascun componente del modulo:
  • Testo: personalizzare il carattere, la dimensione e il colore del testo dell'intestazione e del corpo. È possibile scegliere di aggiungere un'ombra al testo dell'intestazione o un'evidenziazione al testo del corpo.

• • Campi di input: personalizzare il campo, compresi sfondo e bordi. È inoltre possibile personalizzare il carattere, la dimensione del carattere e i colori delle etichette, nonché i colori del testo di aiuto, dei segnaposto e del testo di errore.
  • Pulsante: è possibile personalizzare l'altezza del pulsante, l'arrotondamento degli angoli, lo sfondo, il gradiente e aggiungere un'ombra al pulsante. È inoltre possibile personalizzare il carattere, la dimensione del carattere e il colore del testo del pulsante.
  • Sfondo: consente di personalizzare lo sfondo del modulo e delle fasi del modulo. Si può scegliere di impostare un colore di sfondo o di utilizzare un'immagine per lo sfondo. È possibile utilizzare gli assistenti AI per generare immagini. Si può anche scegliere di impostare un bordo per il modulo.

Personalizzazione delle impostazioni del modulo

Configurare le impostazioni del modulo, compreso ciò che accade al contatto corrispondente dopo l'invio del modulo, le impostazioni di notifica all'utente e la lingua predefinita del modulo. È possibile impostare lo stato di marketing del contatto, la fase del ciclo di vita e altro ancora. Alcune opzioni potrebbero non essere visualizzate a seconda del vostro abbonamento a HubSpot.

• Creare un nuovo modulo o passare il mouse su un modulo esistente e fare clic su Modifica.
• Nel pannello di sinistra, fare clic sull'icona delle impostazioni di settings.
• Nella scheda Generale, configurare le seguenti impostazioni generali del modulo:
  
  • Crea sempre un contatto da un indirizzo e-mail sconosciuto: selezionare questa opzione per creare un nuovo record del contatto per ogni invio con un indirizzo e-mail unico. Se l'indirizzo e-mail inviato corrisponde a un record del contatto esistente nel database, i dettagli del record esistente verranno aggiornati.
    • Se questa opzione è disattivata, HubSpot tenterà prima di tutto di associare l'invio a un contatto esistente con l'indirizzo e-mail inviato. Se non esiste alcun contatto a quell'indirizzo e-mail, HubSpot riconoscerà e aggiornerà i contatti in base ai cookie presenti nei loro browser. Ciò può comportare la sovrascrittura dei contatti se lo stesso modulo viene inviato più volte dallo stesso dispositivo.
    • Se questa opzione è attivata, quando un contatto invia il modulo utilizzando un'email diversa su un browser in cui è già presente un cookie, le visualizzazioni non saranno tracciate per questo contatto. Anche l'opzione Prepara i campi del contatto con valori noti sarà automaticamente disattivata.
  • Imposta i contatti creati come contatti di marketing: se il vostro account HubSpot ha accesso ai contatti di marketing, potete impostare automaticamente come marketing tutti i contatti che hanno inviato il modulo. Questo include sia i contatti nuovi che quelli esistenti.
  • Prepopola i campi per i visitatori abituali: se un contatto ha visitato in precedenza il vostro sito e ha inviato un modulo, e HubSpot è stato in grado di memorizzare e tracciare i suoi cookie, i valori dei campi noti possono essere pre-popolati nel modulo. Questa opzione è abilitata per impostazione predefinita; per saperne di più sui campi del modulo precompilati.
    
  • Aggiungi alla campagna di marketing: se si dispone di un abbonamento Marketing Hub Professional o Enterprise, è possibile associare il modulo a una campagna:
    • Per associare il modulo a una campagna esistente, fate clic sul menu a discesa Campagne e selezionate una campagna.
    • Per associare il modulo a una nuova campagna, fare clic sul menu a discesa Campagne e selezionare Crea campagna. Quindi, continuare a impostare la campagna.

• • All'invio, aggiornare la fase del ciclo di vita del contatto e dell'azienda: fare clic sul menu a discesa Imposta stato ciclo di vita su e selezionare una fase del ciclo di vita. Quandoi visitatori inviano il modulo, tutti i record nuovi o esistenti saranno impostati alla 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.
    • La fase del ciclo di vita impostata in un modulo sovrascrive la fase del ciclo di vita predefinita configurata nelle impostazioni di HubSpot.

• Per personalizzare le impostazioni di invio, nel pannello di sinistra, fare clic sullascheda Impostazioni di invio . Personalizzare le seguenti impostazioni di invio di form:

  • Notifiche e-mail del visitatore: selezionare la casella di controllo Invia notifiche e-mail di invio al proprietario del contatto per inviare automaticamente una notifica al proprietario del contatto. Se un contatto non ha un proprietario, non verrà inviata alcuna notifica. Per saperne di più sulla proprietà degli oggetti in HubSpot.

  • Notifiche e-mail di invio: fare clic sulmenu a discesa Invia notifiche e-mail di invio a per selezionare i team o gli individui predefiniti a cui inviare le notifiche e-mail di invio, indipendentemente dalla proprietà del contatto. I destinatari impostati qui saranno sovrascritti dai destinatari impostati nelle opzioni del modulo sulle pagine di HubSpot.

• Per personalizzare le impostazioni della lingua del modulo, fare clic sulla scheda Lingua e regione. Fare clic sul menu a discesa Lingua principale e selezionare una lingua predefinita per il modulo. I messaggi di errore, le etichette per le proprietà predefinite, il testo di aiuto, il testo segnaposto e i valori predefiniti saranno tradotti in questa lingua.
• Per creare una traduzione AI del modulo( soloMarketing Hub o Marketing Hub Professional e Enterprise ):
  • Attivare l'interruttore Abilita traduzioni AI per tutti i contenuti del modulo AI.
  • Nel menu a discesa Lingua principale , selezionare la lingua in cui si desidera tradurre il modulo. I messaggi di errore, le etichette per le proprietà predefinite, il testo di aiuto, il testo segnaposto, i valori predefiniti, le etichette personalizzate, il testo ricco e il testo di consenso saranno tradotti automaticamente in questa lingua.
  • Se il modulo è stato aggiornato dopo la precedente traduzione, fare clic su Ritraduci ora per aggiornare la traduzione.

Gestire la convalida live dei campi dei moduli

Se sono state impostate regole di convalida per una proprietà, queste regole si applicano ai campi del modulo e i visitatori devono soddisfare questi requisiti per inviare il modulo. La convalida in tempo reale dei campi dei moduli fornisce ai visitatori un feedback immediato sui loro input, rendendo più facile la correzione degli errori e la compilazione accurata dei moduli.

Ad esempio, se è stata impostata una regola di convalida per la proprietà Numero d'ordine, che deve contenere solo valori numerici, i visitatori riceveranno un feedback per correggere eventuali inserimenti non numerici.

Per impostazione predefinita, la convalida live sui moduli è attivata. Per attivare/disattivare la convalida live sui campi dei moduli:

• Nel menu della barra laterale sinistra, spostarsi su Marketing+ > Moduli.

• Fare clic sulla scheda Impostazioni di invio.
• Attivare/disattivare l'interruttore Abilita la convalida in tempo reale dei campi del modulo.
• In basso a sinistra, fare clic su Salva.

Pubblicare o condividere il modulo

Dopo aver creato un nuovo modulo o aver effettuato gli aggiornamenti, pubblicare il modulo per rendere effettive le modifiche. Quindi, aggiungetelo ai vostri contenuti HubSpot, utilizzate il codice di incorporamento del modulo per aggiungerlo a una pagina esterna o condividetelo come pagina a sé stante con un link di condivisione.

• Nel vostro account HubSpot, andate in Marketing+ Lead Capture > Moduli.
• Create un nuovo modulo o passate il mouse su un modulo esistente e fate clic su Modifica.
• In alto a destra, fate clic su Pubblica per pubblicare gli aggiornamenti del modulo.
• Per incorporare il modulo in una pagina di HubSpot, navigare nel contenuto, quindi aggiungere il modulo e selezionare il modulo.
• Per condividere il modulo o incorporarlo in un sito esterno, in alto a destra fare clic su Condividi, quindi selezionare una delle seguenti opzioni:
  • Ottieni il codice embed: utilizza un embed per aggiungere il modulo a una pagina ospitata esternamente. Per tracciare gli analytics del modulo su una pagina esterna, il codice di tracciamento HubSpot deve essere rata sulla pagina. Per saperne di più sull'aggiunta di un modulo HubSpot a un sito esterno.
    • In fondo alla pagina, fare clic su Copia.
    • Incollare il codice embed nel modulo HTML della pagina.
  • Copiare un link di condivisione: utilizzare un URL per condividere il modulo come pagina a sé stante.

• • • Fare clic su Copia per copiare l'URL della pagina del modulo negli appunti.
    • Nel browser, aprire una nuova finestra o scheda e incollare l 'URL della pagina del modulo nella barra degli indirizzi per caricarla. È anche possibile condividere l'URL della pagina del modulo direttamente con altri utenti per consentire loro di accedere al modulo.