Cómo crear un formulario lógico condicional en WordPress

¿Quiere hacer una forma lógica condicional fácilmente? La lógica condicional es una forma inteligente de hacer que su formulario esté libre de desorden y moderno, para que pueda obtener aún más conversiones.

Entonces, en esta publicación, lo guiaremos, paso a paso, exactamente cómo crear un formulario con un formulario de lógica condicional en WordPress.

Aquí hay una tabla de contenido para ayudarlo a navegar este tutorial sobre cómo crear un formulario con condiciones:

  1. Generar un formulario de contacto simple
  2. Añadir lógica condicional
  3. Configure los ajustes de su formulario
  4. Configure sus notificaciones de formulario
  5. Personaliza tus confirmaciones de formulario
  6. Agregue su formulario de lógica condicional a su sitio

¿Qué significa la lógica condicional?

Básicamente, la lógica condicional le permite mostrar y ocultar campos según la respuesta anterior de los visitantes de su sitio en su formulario.

Hay infinitas formas de usar la lógica condicional para crear formularios dinámicos, y le informaremos algunas de las formas en que puede beneficiarse de usarlo a continuación.

¿Por qué usar lógica condicional en formularios?

Preguntándose por qué y cuándo usar la lógica condicional en sus formularios de WordPress? Hay muchas maneras excelentes de utilizar la lógica condicional inteligente para que sus formularios sean aún más efectivos.

  • Cree formularios que no estén desordenados: Si alguien no necesita que se le pregunte algo, puede ocultar un campo de formulario a menos que responda de cierta manera. Luego, aparecerá el campo, manteniendo sus formularios limpios y ordenados, evitando formularios largos y ayudando a reducir el abandono de formularios.
  • Obtenga más detalles sobre encuestas – Muestra u oculta diferentes tipos de preguntas en el texto del párrafo según las clasificaciones de los usuarios o con escalas Likert. Esta es una excelente manera de descubrir más sobre por qué las personas sienten lo que sienten.
  • Ofrecer múltiples opciones de pago – ¿Por qué decidir entre usar Stripe o PayPal en sus formularios de pedido cuando puede usar ambos? Esto ofrece a sus clientes más opciones de pago.
  • Use un campo de descuento – Ofrezca a los usuarios la opción de ingresar un campo de código de cupón para ahorrar dinero en su pedido. Pero, solo demuéstralo si dicen que tienen uno.
  • Muchas, muchas más razones …

Entonces, ahora que sabe por qué es posible que desee utilizar la lógica condicional en los formularios de su sitio web, veamos exactamente cómo agregarlo.

Cómo crear un formulario lógico condicional en WordPress

Si desea agregar lógica condicional a sus formularios de WordPress, aquí está exactamente cómo hacerlo fácilmente:

Paso 1: generar un formulario de contacto simple

Lo primero que deberá hacer es instalar y activar el complemento WPForms. Para obtener más detalles, consulte esta guía paso a paso sobre cómo instalar un complemento en WordPress.

A continuación, ve a WPForms »Agregar nuevo para crear un nuevo formulario.

En esta pantalla, seleccione la plantilla Formulario de contacto simple.

seleccione una plantilla de formulario de contacto simple para crear un control deslizante de rango

A continuación, se generará la plantilla de formulario de contacto simple para usted. Bastante impresionante, ¿verdad?

plantilla de formulario de contacto simple antes del control deslizante de rango

Avancemos y eliminemos el cuadro Comentario o Mensaje haciendo clic en él y luego haciendo clic en el icono de la papelera roja en la esquina superior derecha.

eliminar un campo en wpforms

Buen trabajo, ahora vamos a la parte divertida. Agregar lógica condicional.

Paso 2: Agregar lógica condicional

Ahora sigamos adelante y agreguemos una lógica condicional simple a su formulario.

Primero, agregue un campo de Opción múltiple a su formulario arrastrándolo desde el panel izquierdo hacia su formulario a la derecha.

agregar campo de opción múltiple al formulario de lógica condicional

Ahora, haga clic en el campo para abrir su configuración en el panel izquierdo. Puede editar la etiqueta y las opciones aquí.

cambiar etiqueta en campo de opción múltiple para formulario de lógica condicional

Ahora, elija un campo que desee mostrar en función de una respuesta anterior del Agregar campos panel y arrástrelo a su formulario.

agregue un campo de texto de una sola línea a su formulario de lógica condicional

En este ejemplo, aparecerá un campo de Texto de línea única después de que alguien marque "Otro" en una pregunta de opción múltiple.

agregue un campo de texto de una sola línea para crear un formulario lógico condicional

Haga clic en el campo Texto de línea única para editar su etiqueta. En nuestro ejemplo, solicitamos más detalles sobre qué es "Otro".

cambiar etiqueta de campo wpforms

Ahora, querrá habilitar la lógica condicional para este campo haciendo clic en el Condicionales desplegable en el panel izquierdo y haga clic en la casilla de verificación junto a Habilitar lógica condicional.

habilitar la lógica condicional en el formulario

Luego, ingrese la siguiente información en la configuración condicional: mostrar este campo si ‘¿Dónde escuchaste acerca de nosotros?' es Otro, como se muestra a continuación.

configurar la lógica condicional para el campo de texto de una sola línea (1)

¡Es realmente así de simple!

Puede hacer todo tipo de cosas en esta área como:

  • Mostrar ocultar: El campo se mostrará u ocultará cuando se cumplan las condiciones (lo que estamos usando en este tutorial)
  • Seleccionar campo: El campo del que le gustaría que dependiera esta lógica
  • Comparación: La comparación que le gustaría usar en este campo. Las opciones incluyen: es, no es, está vacío, no está vacío, contiene, no contiene, comienza con, termina con, mayor que y menor que.

Por último, puede agregar cualquier campo adicional a su formulario de lógica condicional arrastrándolos desde el lado izquierdo hacia el lado derecho.

Cuando haya terminado de personalizar su formulario, haga clic en Salvar en la esquina superior derecha

formulario con lógica condicional habilitada

Paso 3: configura los ajustes de tu formulario

Ahora ve a Configuraciones »» General.

configuración de formulario de lógica condicional

Aquí puede configurar lo siguiente:

  • Nombre del formulario – Cambie el nombre de su formulario aquí si lo desea.
  • Descripción del formulario Déle a su formulario una descripción.
  • Enviar texto del botón – Personalice la copia en el botón enviar.
  • Prevención de spam Detenga el correo no deseado del formulario de contacto con la función honeypot o Google reCAPTCHA. La función honeypot se habilita automáticamente en todos los formularios de WordPress, por lo que si decide utilizar otra forma de prevención de spam, desmarque esta opción.
  • Formularios AJAX – Habilite la configuración de AJAX sin recargar la página.
  • Mejoras GDPR – Puede deshabilitar el almacenamiento de información de entrada y detalles de usuario, como direcciones IP y agentes de usuario, en un esfuerzo por cumplir con los requisitos de GDPR. Además, consulte nuestras instrucciones paso a paso sobre cómo agregar un campo de acuerdo GDPR a su formulario de contacto simple.

Cuando haya terminado, haga clic en Salvar.

Paso 4: Configura las notificaciones de tu formulario

Cuando alguien completa el formulario en su sitio web, es importante que usted y su equipo sean notificados de inmediato.

Las notificaciones son una excelente manera de enviar un correo electrónico cada vez que se envía un formulario en su sitio web.

configuración de notificación de formulario de lógica condicional

Si crea etiquetas inteligentes, también puede enviar correos electrónicos de notificación a los usuarios cuando completen esto, haciéndoles saber que recibió el envío del formulario. Esto asegura a las personas que su solicitud ha sido aprobada.

Para obtener ayuda con este paso, consulte nuestra documentación sobre cómo configurar notificaciones de formulario en WordPress.

Y si desea que la marca en sus correos electrónicos sea coherente, puede consultar esta guía sobre cómo agregar un encabezado personalizado a su plantilla de correo electrónico.

Encabezado de correo electrónico personalizado

¡Esta es una excelente manera de obtener rápidamente entradas de formulario para usted o su equipo para asegurarse de que salten sobre las cosas rápidamente!

Paso 5: Personalice sus confirmaciones de formulario

Las confirmaciones de formulario son mensajes que se muestran a los visitantes del sitio una vez que envían un formulario de lógica condicional en su sitio web. Le informan a las personas que su solicitud ha sido aprobada y le ofrecen la oportunidad de informarles cuáles son los próximos pasos.

WPForms tiene 3 tipos de confirmación para elegir:

  1. Mensaje – Este es el tipo de confirmación predeterminado en WPForms. Cuando un visitante del sitio envía una solicitud, aparecerá un simple mensaje de confirmación que le informará que su formulario fue procesado. Vea algunos mensajes de gran éxito para ayudar a impulsar la felicidad del usuario.
  2. Mostrar página – Este tipo de confirmación llevará a los visitantes del sitio a una página web específica en su sitio agradeciéndoles por enviar su información. Para obtener ayuda para hacer esto, consulte nuestro tutorial sobre cómo redirigir a los clientes a una página de agradecimiento. Además, asegúrese de leer nuestro artículo sobre cómo crear páginas de agradecimiento efectivas.
  3. Ir a URL (Redirigir) – Esta opción es para cuando desea enviar visitantes del sitio a un sitio web diferente.

Veamos cómo configurar una confirmación de formulario simple en WPForms para que pueda personalizar el mensaje que los visitantes del sitio verán cuando completen su formulario de lógica condicional.

Para comenzar, haga clic en el Confirmación pestaña en el Editor de formularios en Configuraciones. Luego, seleccione el tipo de confirmación que desea crear. Para este ejemplo, seleccionaremos Mensaje.

tipo de confirmación de mensaje en forma de lógica condicional

Luego, personalice el mensaje de confirmación a su gusto y haga clic Salvar.

Para obtener ayuda con otros tipos de confirmación, consulte nuestra documentación sobre cómo configurar confirmaciones de formulario.

Paso 6: Agregue su formulario de lógica condicional a su sitio

Después de crear su formulario, debe agregarlo a su sitio web de WordPress. WPForms le permite agregar sus formularios a muchas ubicaciones en su sitio web, incluidas sus publicaciones de blog, páginas e incluso widgets de barra lateral.

Echemos un vistazo a la opción de ubicación más común: incrustación de página / publicación.

Para comenzar, cree una nueva página o publicación en WordPress, o vaya a la configuración de actualización en una existente.

Después de eso, haga clic dentro del primer bloque (el área en blanco debajo del título de su página) y haga clic en el ícono Más.

Agregar formulario de lógica condicional al sitio web

De los diferentes bloques, busque y seleccione WPForms.

seleccione wpforms del bloque

Ahora, el práctico widget WPForms aparecerá dentro de su bloque. Haga clic en el menú desplegable de WPForms y elija cuál de los formularios que ya creó que desea insertar en su página.

seleccione su forma de lógica condicional

Seleccione su formulario de lógica condicional del menú desplegable. Luego, publique o actualice su publicación o página para que su formulario aparezca en su sitio web.

publicar página de formulario de lógica condicional en wordpress

¿Desea ver las entradas del formulario después de que se hayan enviado? Consulte esta guía completa para formar entradas. Por ejemplo, puede ver, buscar, filtrar, imprimir y eliminar cualquier entrada de formulario.

Pensamientos finales

¡Así que ahí está! Ahora sabe cómo crear un formulario de lógica condicional en WordPress utilizando el complemento WPForms.

¿Quiere saber qué piensan los visitantes de su sitio web? Dirígete a esta publicación con ejemplos de encuestas de NPS para ver lo fácil que es publicar una encuesta en tu sitio y obtener valiosos comentarios.

¿Entonces, Qué esperas? Comience hoy mismo con el complemento de generador de formularios de WordPress más potente.

Y no olvide, si le gusta este artículo, síganos en Facebook y Twitter para más tutoriales gratuitos de WordPress.