fbpx

6Magazine

Come effettuare un redirect al submit di un form di Contact Form 7

Molti di voi sicuramente si saranno trovati di fronte all’esigenza di dover effettuare un redirect dopo l’invio corretto di un form di Contact Form 7.
Nelle versioni precedenti era possibile fare tutto ciò direttamente dall’interfaccia del plugin.

Di default Contact Form 7 effettua il redirect puntando alla stessa pagina del form.

Può essere però necessario dover effettuare un redirect verso una thank-you page. Una thank-you page è una “landing page” con lo scopo di:

  • far capire all’utente che l’azione fatta è andata a buon fine.
  • ricompensarlo, se necessario, in qualche modo (download di PDF, etc…)
  • tracciare gli utenti che hanno completato un’azione

Tralasciamo per adesso le strategie di marketing dietro a una Thank-you page e continuiamo con Contact Form 7.

Effettuare un redirect al submit di Contact Form 7

Per farlo sarà necessario, tramite JavaScript, mettersi in ascolto di un dom event. I dom event non sono altro che “notifiche” che possiamo tracciare tramite JavaScript per ascoltare determinati eventi successi nella nostra pagina web.

Ad esempio, questo è il dom event messo a disposizione da Contact Form 7 per ascoltare quando un utente completa il submit del form.

Sostituire http://example.com con la url su cui volete l’utente atterri dopo il completamento del form. 

Esistono molti altri dom events che Contact Form 7 ci mette a disposizione e potete trovarli qui.

 

Marco Giannini

Marco Giannini

Ciao! Piacere, sono Marco Giannini e sono un Full-Stack Developer. Sto lavorando un sacco con PHP e WordPress ma AMO JavaScript e React. Ogni tanto pusho su Github qualcuno dei miei assurdi progetti

Condividi l'articolo

Facebook
LinkedIn
Telegram
WhatsApp
Email

Lascia un commento

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

Sfoglia le categorie

Condividi 6Magazine

Facebook
LinkedIn
Email
WhatsApp

Vuoi rimettere mano alla tua comunicazione?