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.