Cómo redireccionar contact form 7 en WordPress

Cuando se trata de administrar formularios de contacto en WordPress, Contact Form 7 es una opción popular entre los usuarios. Sin embargo, a veces, es necesario redirigir a los usuarios a diferentes páginas después de enviar un formulario. Ya sea que quieras dirigir a los visitantes a una página de agradecimiento personalizada o a una ubicación específica en tu sitio web, aquí te mostraremos cómo hacerlo.

Método 1: Redirección con JavaScript en el pie de página

Uno de los métodos más comunes para redireccionar después de enviar un formulario en Contact Form 7 es mediante JavaScript. Puedes agregar el siguiente código en el archivo functions.php de tu sitio web para lograrlo:

add_action( 'wp_footer', 'mycustom_wp_footer' );

function mycustom_wp_footer() {

?>

<script type="text/javascript">

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

    if ( 'idform' == event.detail.contactFormId ) { 

        location = '/thank-you-page-1/';

    } else if ( 'idform' == event.detail.contactFormId ) { 

        location = '/thank-you-page-2/';

    } else { 

        location = '/thank-you-page-3/';

    }

}, false );

</script>

<?php

}

Método 2: Redirección con jQuery al enviar el formulario

Otra forma efectiva de redireccionar es utilizando jQuery cuando se envía el formulario. Agrega este código a tu archivo JavaScript personalizado:

jQuery(document).ready(function($) {

    $(document).on('wpcf7mailsent', function(event) {

        if ('idform' == event.detail.contactFormId) {

            window.location.replace('/thank-you-page-1/');

        } else if ('idform' == event.detail.contactFormId) {

            window.location.replace('/thank-you-page-2/');

        } else {

            window.location.replace('/thank-you-page-3/');

        }

    });

});

Redireccionar después de enviar un formulario en Contact Form 7 puede mejorar la experiencia del usuario y conducir a conversiones más efectivas. Ya sea que elijas JavaScript, jQuery o la configuración interna de Contact Form 7, ahora tienes las herramientas para hacerlo. 

¿Necesitas ayuda para implementar la redirección en tu sitio web? ¡Estamos aquí para ayudarte! Comunícate con nuestro equipo de soporte experto y te guiaremos a través de todo el proceso. No dudes en contactarnos para cualquier consulta o asistencia técnica. Tu éxito en línea es nuestra prioridad.