Cómo redirigir a otra URL tras enviar un formulario de Contact Form 7 (actualizado)

Posted By Fernando Tellado on 31 Ago, 2016

Contact Form 7 es el plugin de formularios de contacto más utilizado en WordPress, con enorme diferencia sobre el resto, y es chocante, en vista a lo espartano de su interfaz, nada intuitiva, no digamos para novatos.

Pero ahí está, y sigue siendo el rey indiscutible.

Una de las funcionalidades – aparentemente – no incluida en el plugin es la posibilidad de que, una vez se complete el envío de un formulario, podamos redirigir automáticamente al usuario a una página de nuestra elección, y digo aparentemente porque en realidad si que está incluido, solo hay que echar mano de los un truco.

Cómo redirigir a otra página tras enviar un formulario Contact Form 7

Esta pestaña del plugin, la gran olvidada por los novatos pero al tiempo la más adorada por los usuarios avanzados, acojona un poco la primera vez que se aborda, por su falta de … todo. Es simplemente una caja vacía, sin más explicaciones.

Pero no, resulta que ahí, en esa caja vacía, es donde empieza la magia de Contact Form 7, y es donde podemos añadir de todo al plugin, solo tienes que echar un vistazo (profundo) a todo lo que puedes hacer con él, en su Biblia, la sección Docs de la web del autor.

>El método que usaba el hook on_sent_ok ya no se recomienda, de hecho esa función se ha abandonado.

Pues bien, para conseguir lo que te propongo hoy, para que los usuarios que te contacten tengan algo que hacer tras su logro, como comprar algo, leer un artículo de lo bueno que eres, o una página de agradecimiento (lo ideal), lo que sea, es mandarles a alguna página de tu web.

Solo tienes que añadir un código como este en ~~la caja de Ajustes adicionales de tu formulario~~ tu tema (idealmente en la cabecera):

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    location = 'https://tudominio.es/';
}, false );
</script>

document.addEventListener( 'wpcf7mailsent', function( event ) {

location = 'https://tudominio.es/';

}, false );

</script>

Por supuesto, cambia lo de tudominio.es por la url a la que quieres redirigir a tus visitantes tras contactar.

Lo que hace este script es lanzar la URL (location) que definas a continuación, una vez se envíe con éxito el formulario.

De este modo, el usuario verá el mensaje de que ha enviado su mensaje, momentáneamente, para, a continuación, ser redirigido automáticamente a la URL que hayas indicado. Simple y efectivo.

formulario contact form 7 enviado

Si te gusta este contenido prueba tambien a suscribirte al canal en YouTube.

AVISO: esta publicación es de hace dos años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado.