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.