Modulo webform Drupal 8 – Un breve tutorial

Il modulo Drupal 8 Webform è un modulo contribuito ed è uno dei moduli più potenti e flessibili di Drupal 8. È un modulo open source utilizzato per creare moduli e gestire l'invio. Drupal Webform è anche arrivato alla nostra lista dei migliori moduli Drupal di cui hai assolutamente bisogno per il tuo prossimo progetto Drupal! Scopri di più sul modulo versatile in questo tutorial sul modulo web di Drupal 8.

Drupal Webform è un modulo altamente versatile che viene utilizzato per creare moduli ed estrarre informazioni dagli utenti nei siti Web Drupal. Ad esempio, possiamo utilizzare il modulo webform di Drupal per creare sondaggi, moduli di contatto, moduli di feedback e molto altro. Dopo l'invio, questo modulo consentirà di inviare e-mail all'utente e può inviare notifiche all'amministratore in merito all'invio. Sono disponibili opzioni per visualizzare l'invio, pubblicarlo come nodo, pagina o bloccare ed esportare i risultati in un file CSV.

Iniziare con il modulo Drupal 8 Webform

La community di Drupal ci ha fornito alcuni moduli fenomenali e Drupal Webform è sicuramente uno di questi. Jacob Rockowitz, il costruttore e il manutentore del modulo Webform, una volta aveva discusso con noi di Webform e del suo contributo alla comunità Drupal. “Ognuno ha un ritmo/stile personale per la creazione di software. Dopo 20 anni di scrittura di software, sono arrivato ad accettare che mi piace lavorare per un unico obiettivo/progetto, che è il modulo Webform per Drupal 8. Allo stesso tempo, ho anche imparato che la creazione di software open source è più che solo codice contribuente; si tratta di supportare e creare una comunità attorno al codice.“ Leggi di più su Jacob e molti altri collaboratori della nostra comunità Drupal qui.
Ora, iniziamo con l'installazione del modulo webform Drupal 8 e la creazione di moduli web.

Installa e abilita il modulo Drupal Webform

Scarica il modulo Drupal 8 Webform da https://www.drupal.org/project/webform e abilitalo.

Per abilitare il modulo web, vai su Estendi e nella categoria del modulo web, vedrai un modulo web insieme alla casella di controllo. Per lavorare con Drupal 8, i moduli web abilitano Field API, System module, User module. Senza abilitare questi tre moduli, il modulo web non può essere abilitato.
Ci sono molte opzioni sotto il modulo web che forniscono funzioni specifiche. Abilitali secondo il requisito.

Crea un nuovo modulo web Drupal

Per creare un nuovo modulo web Drupal 8, abilita l'interfaccia utente del modulo web e l'accesso al modulo web. L'interfaccia utente di Webform fornisce una buona interfaccia utente per la creazione/gestione di moduli Web e Webform Access controlla i nodi del modulo Web. Abilita il nodo Webform prima di abilitare l'accesso Webform. Quindi vai a Struttura > Moduli web .

Ecco alcune opzioni per i moduli web.

• Nella prima scheda, Moduli, è presente un elenco di moduli web creati. Per impostazione predefinita, c'è un modulo di contatto. Questo è il modello fornito dal modulo Webform.
• Ci sono più modelli nella seconda scheda Modelli.
• Nella scheda Invii, possiamo visualizzare i moduli inviati dagli utenti.
• Le opzioni hanno un insieme riutilizzabile predefinito di valori disponibili per i pulsanti di opzione, le caselle di controllo e i menu.
• Ci sono alcuni altri valori riutilizzabili nella scheda Componenti aggiuntivi.
• In Configurazioni, sono fornite le impostazioni generali dei moduli web.

Per creare un nuovo modulo web:

1. Fare clic su Aggiungi modulo web.
2. Facendo clic su Aggiungi modulo web si apre una scheda con titolo, descrizione, categoria e stato.
3. Aggiungi un titolo al modulo web e una breve descrizione del modulo web.
4. Alla fine, in Stato, ci sono due opzioni aperte e chiuse. Ciò significa che se lo stato è " aperto ", il modulo è disponibile per l'utente, altrimenti è chiuso. Dopo aver modificato tutte le opzioni, fai clic su Salva . Ad esempio, qui il titolo è ' Registrazione '.

Aggiunta di campi al modulo web Drupal 8

Facendo clic su Salva, si apre una pagina con il titolo del modulo web indicato (qui – Registrazione).

● Per aggiungere i campi al modulo web, fare clic su + Aggiungi elemento .
● Facendo clic su + Aggiungi elemento, viene visualizzato un popup con l'elenco dei campi che possono essere utilizzati nel modulo web.

Per visualizzare in anteprima gli elementi, fare clic su Mostra anteprima in alto a destra. Per aggiungere l'elemento, fare clic sull'elemento Aggiungi del rispettivo elemento. Facendo clic, il popup si apre sul lato destro della pagina.

Qui ci sono opzioni per modificare il nome del titolo e molte impostazioni avanzate per il campo. Dopo aver apportato tutte le modifiche alle impostazioni, fare clic sul pulsante Salva alla fine. Fare clic sulla casella di controllo sotto Richiesto per tutti i campi obbligatori nel modulo web.

● È possibile visualizzare il modulo web creato facendo clic sulla scheda Visualizza in alto. Il pulsante Invia viene creato automaticamente quando si aggiunge un elemento al modulo web.
● La scheda Test fornisce test al modulo web creato. I valori nei campi del modulo vengono compilati automaticamente con valori casuali.
● Nella scheda Risultato , è possibile visualizzare i valori del modulo inviato. Ci sono tre opzioni nella scheda dei risultati.

1. Elenco di tutti i moduli inviati nella scheda di invio .
2. I risultati inviati possono essere scaricati in quattro formati: testo delimitato, tabelle HTML, documento JSON o documento Yaml nella scheda Download .
3. Può cancellare i moduli inviati nella scheda chiara dei risultati.

● La scheda Impostazioni contiene le impostazioni generali dei moduli web che possono essere modificate in base alle esigenze dell'utente.

● La configurazione del modulo web Drupal può essere scaricata dalla scheda Esporta . La configurazione viene visualizzata e può essere scaricata facendo clic sul pulsante Download alla fine della pagina. La configurazione viene scaricata in formato Yaml poiché il file di configurazione di Yaml può essere facilmente importato in un'altra istanza di Drupal.

Aggiunta di contenuti al modulo web Drupal

Non appena il modulo Drupal 8 Webform è abilitato, viene creato un tipo di contenuto con il nome " webform ". Ha campi come titolo, corpo e modulo web. Il modulo web ha un menu a discesa con tutti i moduli web creati.

Per aggiungere il contenuto al modulo web, vai a Contenuto > Aggiungi contenuto > Modulo web . Come accennato, ci sarà un titolo e un corpo. C'è un menu a tendina etichettato Webform, che ha i nomi dei titoli di tutti i moduli web creati.

Accanto a questo c'è un'altra opzione chiamata " Impostazioni Webform ".

In Stato , ci sono tre opzioni, Aperto (per mantenere aperto agli utenti), Chiuso (per chiudere il modulo agli utenti) e Programmato ( fornirà il campo data e ora e in base alla data e all'ora menzionate, il modulo sarà tenuto aperto agli utenti per la compilazione).

Puoi anche fornire dati predefiniti compilando il campo Dati di invio predefiniti con un token disponibile. È possibile sfogliare un token facendo clic su Sfoglia token disponibili . Gli esempi per scrivere il token possono essere visualizzati facendo clic sul collegamento Esempio . E può visualizzare tutti i moduli inviati nella scheda Risultato .

Aggiunta del modulo web Drupal 8 come campo nei tipi di contenuto

● Per aggiungere il modulo web Drupal nel tipo di contenuto, vai a Struttura > Tipi di contenuto > Gestisci i campi del tipo di contenuto per il quale è richiesto il modulo.

● Fare clic sul campo Aggiungi . In Aggiungi un nuovo campo seleziona " Modulo web " nella sezione " Riferimenti ", assegna un'etichetta a quel campo e fai clic su "Salva e continua".

● In Impostazioni campo, puoi fornire il numero di valori consentiti al campo e fare clic su "Salva impostazioni campo".

● È possibile selezionare il modulo predefinito dal valore predefinito oppure fare clic su " Salva impostazioni ".

● Ora vai su Contenuti > Aggiungi contenuto e seleziona il tipo di contenuto che ha un campo riferito ai moduli web.

● Seleziona il modulo dal menu a discesa richiesto per questo contenuto. Il modulo inviato può essere visualizzato nella scheda Risultato di quel contenuto.

Aggiunta di Captcha in Drupal Webforms

Devi aver visto Captcha ampiamente utilizzato in molti siti web. Prima di inviare un modulo, fornisce una domanda e chiede una risposta all'utente. Ciò impedisce ai bot di sovraccaricare i server effettuando molti invii di moduli e invii di posta elettronica.

Drupal Webform ti consente di aggiungere l'elemento Captcha durante la creazione del modulo web. Drupal webform captcha richiede di abilitare il modulo Captcha.

Passaggi per aggiungere il modulo web Drupal Captcha nei moduli:

● Scarica e abilita il modulo captcha da www.drupal.org/project/captcha .

● Passa a Struttura > Moduli web .

● Fare clic sulla build del modulo a cui è richiesto il captcha.

● Fare clic su Aggiungi elemento ed espandere Elementi avanzati . Espandendo l'elenco degli elementi avanzati è possibile visualizzare. Fare clic su Aggiungi elemento del captcha per aggiungere il captcha.

● Facendo clic su Aggiungi elemento si aprirà una finestra delle impostazioni sulla destra. Seleziona la casella Modalità amministratore in modo che l'amministratore possa eseguire il debug e visualizzare il captcha.

● E nel tipo di sfida, abbiamo 2 opzioni: matematica e immagine. Puoi selezionare una qualsiasi delle tue scelte. Quindi fare clic su Salva e su Salva elementi .

● Aggiungi il campo nel tipo di contenuto del tipo di campo Webform e fai riferimento al modulo per il quale viene aggiunto il captcha.

● Ora vai su Contenuto> Aggiungi contenuto> e tipo di contenuto che ha un campo riferito al modulo.

● Compila il titolo e salva il contenuto. Quando si visualizza il contenuto, viene pubblicato il modulo insieme al captcha. Prima di selezionare il pulsante di invio, il campo captcha deve essere compilato, altrimenti il ​​modulo non verrà inviato e fornirà il messaggio di avviso.

Vantaggi del modulo Drupal Webform

● Il modulo Drupal Webform è open source, il che significa che è gratuito e hai solo bisogno di tempo per impostare e configurare i moduli.

● Puoi anche eseguire convalide dei moduli tramite hook, gestori di moduli web o il modulo di convalida dei moduli web Drupal. Il modulo di convalida del modulo web Drupal aggiunge una scheda extra al nodo in cui puoi personalizzare e creare le tue regole di convalida.

● Questi moduli Web sono flessibili e consentono la personalizzazione dei campi utilizzati nei moduli.

● Offre molte opzioni in un'unica installazione come l'invio di notifiche e messaggi di posta elettronica all'utente e all'amministratore.

● Drupal Webforms semplifica l'esportazione dei risultati dell'invio. Gli utenti possono visualizzare il risultato del modulo inviato nell'interfaccia di amministrazione e possono anche esportare il risultato in formato CSV facendo clic su un singolo pulsante.