En este tutorial de syspa social veremos como crear una acción o redirección a otra pagina o pagina de agradecimiento, dentro de los formularios wordpress de tu pagina o sitio web.

Quien conoce mi canal y sitio web sabe que vamos creando cada vez mas funcionalidades asociadas a los formularios, en este caso veremos un tema muy importante, como crear acciones según el contenido de dichos formularios, incluyen la impresión en pantalla de los datos o el redireccionamiento a otras paginas web o formularios.

Este tutorial es imperdible así que no dudes de mirarlo para crear una acción o redirección dentro de tus formularios wordpress.

Principales puntos de este tutorial – acción o redirección en formularios wordpress.

• Instalamos los plugins necesarios.
• Creamos la primer acción en el formulario y la probamos.
• Redireccionamos el formulario a otra pagina web.
• Ejecutamos acciones en un formulario especifico.

Codigos utilizados en este tutorial

Imprimir contenido del primer campo.

add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7() {
?>
<script type="text/javascript">
 
  document.addEventListener( 'wpcf7submit', function( event ) {
  var inputs = event.detail.inputs;
 
   alert( inputs[0].value );
  
}, false );
 

 
</script>
<?php
}

Mostrar el contenido de un campo con un nombre especifico.

add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7() {
?>
<script type="text/javascript">
  document.addEventListener( 'wpcf7submit', function( event ) {
 var inputs = event.detail.inputs;
 for ( var i = 0; i < inputs.length; i++ ) {
   if ( 'your-name' == inputs[i].name ) {
      alert( inputs[i].value );
      break;
    }
  }
}, false );

</script>
<?php
}

Mencionar el contenido de todos los campos.

add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7() {
?>
<script type="text/javascript">
  document.addEventListener( 'wpcf7submit', function( event ) {
 var inputs = event.detail.inputs;
 for ( var i = 0; i < inputs.length; i++ ) {
      alert( inputs[i].value );
  }
}, false );

</script>
<?php
}

Redireccionar a una pagina web luego de cargar el formulario.

add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'https://syspasocial.com';
}, false );
</script>
<?php
}

Redireccionar solo en formularios especificos.

add_action( 'wp_footer', 'redirect_cf7' );

function redirect_cf7() {
?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    if ( '400' == event.detail.contactFormId ) {
  location = 'https://syspasocial.com';
    }
}, false );
</script>
<?php
}

Vídeos Relacionados

El mejor formulario de contacto.

Insertar código dinámico en wordpress.

Mejor hosting para wordpress (cupón de descuento en www.syspasocial.com)

Desde ya agradezco a quienes deseen apoyarme:

DONA para apoyar al crecimiento de la comunidad.

SUSCRIBIRSE al canal de youtube.