Aggiungere un campo dinamico nel form di Elementor
In questo tutorial andiamo a costruire un form di contatto dove inseriremo un campo che ci permette di selezionare un valore dinamico in base ai contenuti del nostro sito, detto così può sembrare “strano” ed è per questo che il tutorial che andremo ad eseguire è basato su una situazione reale: creare un form di contatto per un sito web di una catena di negozi dove l’utente potrà selezionare da un campo a tendina del form il punto vendita sul quale l’utente vuole richiedere informazioni.
Partiamo subito con il tutorial e vediamo come ottenere un form con un campo dinamico dove l’utente può selezionare il negozio del quale vuole ottenere informazioni.
Per poter creare questo esempio nel nosto sito web deve essere installato Elementor Pro, il plugin gratuito Custom Post Type UI che ci permetterà di creare il Post Type “Negozi” ed il plugin Dynamic Content for Elementor che ci permette di espandere le funzionalità del form di Elementor (non hai ancora Dynamic Content for Elementor? Leggi il tutorial fino alla fine e troverai un coupon sconto del 20% per l’acquisto della licenza).
Collegare il campo dinamico del form al Post Type
Dopo aver installato il plugin Custom Post Type UI creiamo il nostro Post Type “Negozi” e popoliamo la nostra lista di negozi.
Il passo successivo è quello di creare il form di contatto dove inseriremo il campo che “leggerà” i dati dal nostro elenco dei punti vendita che abbiamo inserito con il Custom Post Type “Negozi”.
Il campo che dobbiamo aggiungere al nostro form deve essere di tipo “Seleziona” e nel campo opzioni dobbiamo cliccare sull’icona del Dynamic Tags, categoria Dynamic.ooo e selezionare Posts.
Ora cliccate sull’icona a forma di chiave inglese e nel campo Post Type selezionare “Negozi”.
Salvate ed ora nel vostro form è presente il campo a tendina dove l’utente può selezionare uno tra i punti vendita che avete inserito nel vostro Custom Post Type “Negozi”.
Conclusioni
A questo punto l’utente potrà selezionare il negozio dal campo a tendina del nostro form e di conseguenza noi troveremo il valore della sua scelta nella mail che ci viene inviata dal form quando compilato.
Il vantggio dell’utilizzare i campi dinamici nel form è che se viene aggiunto (o rimosso) un negozio (ovviamente utilizzando il Custom Post Type Negozio) verrà aggiunto (o rimosso) automaticamente dall’elenco del nostro form.
Ancora non hai acquistato il plugin Dynamic Content for Elementor? Inserisci il codice EFFICACE nell’apposito spazio del carrello ed ottieni subito lo sconto del 20% sull’acquisto della tua licenza.