Guide/Modifica il tuo sito web/Editor/Moduli/Crea un modulo di contatto

Crea un modulo di contatto

Crea dei moduli sul tuo sito per raccogliere messaggi, prenotazioni, iscrizioni, feedback e altro ancora. In questa guida imparerai come creare un modulo da aggiungere al tuo sito.

Tutorial video

Crea il tuo modulo

Per creare un modulo, segui questi passaggi:

  1. Accedi alla bacheca del tuo sito.
  2. Vai a Jetpack → Moduli
  3. Fai clic sul pulsante “Crea un modulo” in alto a destra.
An arrow pointing to the "Create a form" button.
  1. Assegna un nome al modulo (ad esempio, “Contattaci”) e fai clic sul pulsante Crea. Il nome compare nella bacheca dei moduli e ti aiuta a distinguerli quando ne hai più di uno.
The form name field and Create buttons highlighted.
  1. Nell’editor dei moduli, puoi scegliere tra diversi layout predefiniti, tra cui Modulo di contatto, Modulo di conferma partecipazione, Modulo di registrazione, Modulo di appuntamento, Modulo di feedback o Modulo a più passaggi. Oppure, usa il campo di testo per descrivere il modulo che desideri.
The form block with pre-built layouts and a text field to ask AI to build the form.
  1. Aggiungi e personalizza i campi del modulo utilizzando il pulsante + per l’inserimento di blocchi all’interno del modulo. I tipi di campo disponibili includono nome, e-mail, area di testo, casella di controllo, pulsanti di opzione, menu a discesa e caricamento file.
  2. Personalizza il tuo modulo modificando colori, caratteri e layout dalle impostazioni di stile del modulo.

Scegli cosa succede dopo l’invio

Puoi controllare cosa vedono i visitatori dopo che hanno inviato il modulo. Per impostare l’azione successiva all’invio, segui questi passaggi:

  1. Apri la Visualizzazione in modalità elenco cliccando sull’icona con le tre linee orizzontali nell’angolo in alto a sinistra dell’editor.
  2. Seleziona il blocco Modulo dall’elenco.
An arrow from the List View icon to the Form block in the List View.
  1. Nella barra laterale delle impostazioni del blocco, espandi la sezione Azione dopo l’invio.
The "action after submit" settings showing options for a text or redirect link.
  1. Scegli un’opzione:
    • Testo: mostra un messaggio personalizzato. È possibile modificare il testo predefinito, decidere se visualizzare un riepilogo dei dati inviati e includere un link “Torna indietro“.
    • Link di reindirizzamento: reindirizza i visitatori a un’altra pagina dopo l’invio.

Pubblica il tuo modulo

Quando il modulo è pronto, segui questi passaggi:

  1. Fai clic sul pulsante Pubblica nell’angolo in alto a destra dell’editor.
  2. Conferma cliccando nuovamente su Pubblica nella finestra che appare.

Il modulo è stato salvato ed è ora disponibile per essere incorporato in qualsiasi pagina o articolo.

Dopo aver pubblicato il modulo, vedrai le seguenti opzioni:

  • Aggiungi a una nuova pagina: crea una nuova pagina con il modulo già inserito.
  • Aggiungi alla pagina esistente: seleziona una pagina esistente a cui aggiungere il modulo.
  • Copia e aggiungi manualmente: copia il codice di incorporamento o lo shortcode per aggiungere il modulo manualmente.

Una volta lasciato l’editor del modulo, potrai ancora aggiungere il modulo a qualsiasi pagina. Scopri di più nella nostra guida ai blocchi Modulo .

The post-publish options for adding a form to a page.

Ricevi notifiche e-mail

Ricevi una notifica e-mail ogni volta che qualcuno invia un modulo sul tuo sito. Puoi rispondere a queste e-mail direttamente nel tuo programma di posta elettronica.

Per impostazione predefinita, le risposte vengono inviate all’indirizzo e-mail associato al tuo account WordPress.com. Per modificare l’indirizzo e-mail o aggiungere più destinatari, segui questi passaggi:

  1. Apri la visualizzazione in modalità elenco cliccando sull’icona raffigurante tre linee orizzontali nell’angolo in alto a sinistra dell’editor.
  2. Seleziona il blocco Modulo dall’elenco.
An arrow from the List View icon to the Form block in the List View.
  1. Nella barra laterale delle impostazioni del blocco, espandi la sezione Notifiche del modulo.
  2. Verifica che l’opzione “Invia le risposte via e-mail” sia attivata.
  3. Inserisci l’indirizzo e-mail nel campo “Indirizzo e-mail di destinazione“. Usa la virgola per separare più indirizzi tra loro.
  4. Fai clic su Salva.
The Form block's notifications settings with a text field labeled "Email Address to Send To"

Personalizza l’oggetto dell’e-mail

Puoi personalizzare l’oggetto delle e-mail di notifica che ricevi. Nella sezione Notifiche modulo delle impostazioni del blocco, aggiorna il campo “Oggetto e-mail“.

Per includere le informazioni inviate tramite il modulo nell’oggetto, digita il nome del campo tra parentesi graffe. Ad esempio, se il modulo contiene i campi “Nome” ed “E-mail”, inserisci {name}; {email} per includere tali valori nell’oggetto. I nomi dei campi devono corrispondere alle etichette del modulo e non fanno distinzione tra maiuscole e minuscole.

The form block settings showing how the subject line can be customized.

Imposta notifiche push

Puoi ricevere notifiche push relative alle risposte ai moduli nella sezione Notifiche della bacheca e sul tuo browser. Per abilitare le notifiche push, segui questi passaggi:

  1. Apri Vista elenco nell’editor.
  2. Seleziona il blocco Modulo dall’elenco.
  3. Nella barra laterale delle impostazioni del blocco, espandi la sezione Notifiche del modulo.
  4. Attiva “Abilita le notifiche per le risposte“.
  5. Scegli quali utenti del tuo sito riceveranno le notifiche.
  6. Fai clic su Salva.
The  "Enable notifications for responses" option is toggled on and a site username is shown in the box below.

Configura l’archiviazione delle risposte

Per impostazione predefinita, i moduli inviati tramite il blocco Modulo vengono archiviati nella sezione Risposte in Jetpack → Moduli. L’archiviazione delle risposte sul tuo sito è particolarmente utile se i messaggi inviati alla tua e-mail sono bloccati come spam.

Configura l’archiviazione delle risposte seguendo questi passaggi:

  1. Apri Vista elenco nell’editor.
  2. Seleziona il blocco Modulo dall’elenco.
  3. Nella barra laterale delle impostazioni del blocco, espandi “Archiviazione risposta“.
  4. Disattiva l’opzione “Salva risposte” per interrompere l’archiviazione dei messaggi. Attiva l’opzione “Salva risposte” per memorizzare le risposte sul tuo sito.
The Save responses toggle under Response storage toggled on.

Comprendi la sincronizzazione dei moduli

Ogni modulo presente sul tuo sito viene salvato come articolo del modulo. Quando inserisci un blocco Modulo in una pagina, WordPress.com crea un articolo del modulo collegato a quel blocco. Le modifiche sono progettate per rimanere sincronizzate tra i due:

  • Le modifiche al blocco Modulo in una pagina aggiornano l’articolo del modulo.
  • Le modifiche apportate all’editor del modulo aggiornano le pagine in cui viene visualizzato il modulo.
  • La bacheca dei moduli su Jetpack → Moduli mostra tutti gli articoli del modulo in un unico posto.

La sincronizzazione avviene automaticamente quando salvi. Se un modulo non compare nella bacheca Moduli dopo averlo inserito in una pagina, convertilo seguendo questi passaggi.

Copied to clipboard!