Fw

Wordpress Creative Developer

Guida WordPress – Form Contatti con Redirect

  • Guide Wordpress
  • -

Su Fedeweb inizia una serie di guide su WordPress, e oggi vediamo come creare un modulo contatti con la possibilità di fare il redirect a seconda della scelta effettuata con delle checkbox.

Guida WordPress - Form Contatti Redirect

Può servire in alcuni casi creare un form dove si chiede all’utente di scegliere degli interessi attraverso delle checkbox, ed in base a questi poi essere mandato in una pagina creata ad hoc in base a uno o più interessi scelti.

Vediamo come ottenere questa funzionalità.

Requisiti

Prima di iniziare con la guida dovrai avere:

  1. un’installazione di WordPress;
  2. il plugin Contact Form 7 installato e attivato.

Passo 1 – Creazione delle Checkbox

Il primo passo è quello di creare il modulo con le checkbox, tramite l’interfaccia del plugin.

Guida WordPress - Creazione Checkox

Il codice finale dovrà essere simile a questo, contenuto in un div.

Guida WordPress - Codice Form Contatti

Passo 2 – Funzione Redirect

Sempre nella pagina di creazione del form, in fondo alla pagina nelle Impostazioni Aggiuntive, bisogna scrivere il codice che permetterà di richiamare la funzione che permetterà il redirect, al momento dell’invio del modulo.

on_sent_ok: ‘my_redirect();’

Passo 3 – Un po’ di javascript

A questo punto dobbiamo creare la funzione my_redirect(), che conterrà il codice necessario per il redirezionamento.

Supponiamo di avere tre checkbox da poter scegliere e vogliamo considerare tutte le possibili combinazioni, in questo caso 7: scelta di una checkbox (3 casi), scelta di due checkbox (3 casi) e la scelta di tutte e 3 le checkbox (1 caso).

Vediamo lo script, che va messo nel file footer.php, prima della funzione wp_footer():

Il funzionamento è abbastanza semplice: inizialmente vengono messe tutte le risposte in un array (risposta[]), poi si controlla il numero di risposte (risposta.length), e infine si sono create delle condizioni in base agli interessi che sono stati scelti.

Ora tocca a te! Buon lavoro! 😉

 

6 Commenti

  1. Ma è possibile con qulsiasi tema wordpress?

  2. […] Guida WordPress – Form Contatti con Redirect | FedewebSu Fedeweb inizia una serie di guide su WordPress, e oggi vediamo come creare un modulo contatti con la possibilità di fare il redirect a seconda della.www.fedeweb.net/guida-wordpress-form-contatti-redirect/ […]

  3. Grazie…e in bocca al lupo per i tuoi lavori…

  4. Ottimo tutorial, per gli zapponi come me potrà rivelarsi utile. Grazie!

Scrivi un commento

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