Creare un Contact Form per WordPress in jQuery

Oggi vi mostrerò come creare un semplice form contatti per WordPress, con i campi che ho ritenuto basilari ma anche essenziali al giorno d’oggi. Sarà un form in javascript e quindi senza un ulteriore caricamento della pagina stessa all’invio dei dati.

Dentro alla vostra cartella, del vostro tema, inserire un file PHP e chiamatelo form-contatti.php ed inserite questo codice:

https://gist.github.com/miniMAC/dd862e3c9d9a643d8994

Ora che avete inserito il codice PHP, non vi resta che inserire la funzione di validazione in jQuery:

https://gist.github.com/miniMAC/32e869fe553ae2a12798

Tutto qui! Ora non vi resta che stilizzare tramite CSS il tutto ed avrete un form veloce e pratico da usare in WordPress.

Se volete potete partire da questo codice CSS che ho creato:

https://gist.github.com/miniMAC/9ec4b7716aaeef031c5a

Ricordatevi poi di richiamare il vostro form nella parte del sito che preferite, sempre tra i vari file del vostro tema, per esempio potete duplicare il file page.php del vostro tema e cerare una custom page template ed inserire dove volete questo codice:

https://gist.github.com/miniMAC/db67324d0d14149ae06f

Lascia una risposta

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *