Redirigir a la página de agradecimiento después del envío del formulario de contacto 7
Si está utilizando el complemento Contact Form 7, probablemente sepa que cuando un usuario llena un formulario de contacto y presiona el botón Enviar, no lo redireccionará a ninguna página. En cambio, este complemento procesa los datos del usuario a través de Ajax y mantiene al usuario en la misma página.
Este es un flujo habitual para la mayoría de los formularios. Pero, ¿qué sucede si desea que el usuario redirija a la página de agradecimiento o cualquier página personalizada de un sitio web después del envío del Formulario de contacto 7? Si eres tú quien lo está buscando, sigue leyendo.
¿Por qué es necesario redireccionar a otra página?
Para fines de análisis, el propietario del sitio normalmente mantiene una página de éxito o agradecimiento en el sitio web. La cantidad de usuarios que son redirigidos a estas páginas calcula la tasa de éxito de la campaña. La página de agradecimiento se utiliza para realizar un seguimiento de sus conversiones. Además, además de mostrar contenido como ‘Gracias por su consulta. Nos comunicaremos contigo pronto. ‘, Puedes hacer muchas más cosas en la misma página.
Dependiendo de su sitio web, utilizaría las siguientes tácticas en la página de agradecimiento.
- Mostrar una promoción
- Agrega enlaces a tu mejor contenido
- Pida a los lectores que realicen una encuesta
- Participa en tu comunidad
- Mostrar testimonios
- Pídales que compartan su sitio
- Muestre un video
- Solicitar comentarios
- Pídeles que te sigan en las redes sociales
Estos son algunos consejos que puede aplicar a la página. Puede mostrar cualquier cosa que pueda ayudarlo.
Redirigir a la página de agradecimiento después del envío del formulario de contacto 7
Espero que esté convencido de la importancia de la página de agradecimiento para su sitio web. A continuación, veamos cómo realizar la redirección en el complemento Contact Form 7.
El complemento Contact Form 7 proporciona diferentes eventos DOM que se pueden utilizar por varias razones. Para este tutorial, podemos usar eventos ‘wpcf7mailsent’ o ‘wpcf7submit’.
El evento ‘wpcf7mailsent’ se activa cuando se envía un correo electrónico al enviar el formulario. Un evento ‘wpcf7submit’ se dispara al enviar un formulario de contacto. El usuario puede elegir cualquier evento en el siguiente código JavaScript. Puede colocar el siguiente código en el footer.phpdespués de una wp_footer()llamada.
<script>
document.addEventListener( 'wpcf7mailsent', function( event) {
location = "<?php echo get_bloginfo('url'); ?>/thank-you";
}, false );
</script>Aquí, estoy asumiendo que la slug de tu página es ‘gracias’. Ajuste esta babosa según sus páginas.
Adelante, pruébalo. Debe redirigir en su página de agradecimiento después de enviar el formulario de contacto. Me gustaría escuchar sus pensamientos y sugerencias en la sección de comentarios a continuación.
Artículos relacionados
- Cómo guardar envíos del formulario de contacto 7 en la base de datos de WordPress
- Cómo agregar una lista de países en el complemento Formulario de contacto 7
- Elimine Contact Form 7 CSS y JS cuando no sea necesario