¿Cómo crear un formulario de varios pasos en WordPress?

Publicado: 2020-07-24

Un formulario de varios pasos es un formulario largo dividido en varias partes/pasos para que los formularios largos sean más fáciles de completar.

A diferencia de los formularios largos convencionales, un formulario de varios pasos puede aumentar la tasa de conversión de formularios del sitio, especialmente si el formulario tiene más de 3 campos de formulario. Además, alienta a los usuarios a completar la información que desean cuando se divide en páginas en lugar de presentarla como una sola forma larga.

¿Cómo crear un formulario de varios pasos en WordPress?

En primer lugar, deberá asegurarse de que WPForms esté instalado en su sitio de WordPress.

Ahora, vaya a WPForms » Agregar nuevo para crear un nuevo formulario.

En esta guía, crearé un formulario de contacto simple.

Estoy seguro de que está en la pestaña Configuración de formulario .

Ahora, asigne un nombre a su formulario y seleccione la plantilla que desea usar.

Plantilla de formulario de contacto simple
Crear un contacto simple usando el complemento WPForm

Aquí, elijo la plantilla Formulario de contacto simple .

WPForms creará un formulario de contacto simple en el generador de arrastrar y soltar.

Formulario de contacto simple usando WPForms
Formulario de contacto simple usando WPForms

Ahora, se le redirige automáticamente a la pestaña Campos , desde donde puede agregar campos adicionales a sus formularios simplemente arrastrándolos .

Obtenga el complemento WPForms

También puede hacer clic en un campo de formulario existente y arrastrarlo para reorganizar el orden en su formulario de contacto.

El siguiente paso es dividir su formulario en diferentes partes

Después de agregar un campo al formulario o editarlo, debe agregar el campo de formulario Salto de página a su sitio para dividirlo en diferentes páginas.

El campo Salto de página se encuentra debajo de los Campos elegantes , justo debajo de los Campos estándar .

Campo elegante de salto de página en WPForms
Campo elegante de salto de página en WPForms

Coloque el campo desde donde desea dividir el formulario.

Puede agregar el campo Salto de página en cualquier lugar que desee. Y fascinantemente, puede agregar campos de formulario adicionales desde allí para completar su formulario.

Avanzando, es hora de personalizar la barra de progreso

Suponga que desea mostrar el indicador de progreso para que los usuarios conozcan las diferentes secciones de su formulario. De esta manera, siempre sabrán dónde se encuentran en su formulario y cuánto les queda por completar antes de hacer clic en "Enviar" según las barras de progreso.

Para hacerlo más fácil, WPForms tiene tres barras indicadoras de estilo de ruta de navegación diferentes:

  1. Conectores: muestra una barra de conexión y títulos de página de cada parte de su formulario de varias etapas.
  2. Círculos: muestra un círculo y un título de página por página en su formulario de varios pasos.
  3. Barra de progreso: indica el progreso del formulario a medida que el usuario lo llena.
Primera sección de salto de página.
Primera sección de salto de página.

Para personalizar la barra de progreso, debe hacer clic en la sección Salto de la primera página .

Aquí, verá un nuevo panel en el Editor de formularios , desde donde puede elegir una barra de progreso. También hay una opción para cambiar el color del indicador de progreso.

Además, puedes cambiar el título de la página , para que los usuarios sepan en qué parte del formulario se encuentran si eliges la opción Círculos o Conectores .

Segunda sección de salto de página en wpforms
Segunda sección de salto de página en wpforms

Para personalizar el título de la página siguiente y el botón que lleva a los visitantes del sitio a la página siguiente en su formulario, haga clic en la sección Salto de página que creó cuando agregó el salto de página a su formulario.

Mostrar el botón de la página anterior en el salto de página de wpform
Mostrar el botón de la página anterior en el salto de página de wpform

También puede habilitar una función que mostrará un botón Página anterior en su formulario. Esto permitirá a sus visitantes volver a la página anterior de su formulario si así lo desean.

Una vez hecho esto, haga clic en Guardar .

Tiempo para la configuración de los ajustes del formulario

En la pestaña Configuración , vaya a General .

Configuración general del formulario en WPForms
Configuración general del formulario

Puedes configurar:

  • Nombre del formulario: Puede cambiar el nombre de su formulario aquí.
  • Descripción del formulario: puede agregar una descripción de su formulario.
  • Enviar texto del botón: personalice la copia en el botón de enviar.
  • Prevención de spam: detenga el spam en el formulario de contacto con la función honeypot o Google reCAPTCHA.

La función de prevención de spam se habilita automáticamente en todos los formularios de WordPress. En caso de que desee 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 de GDPR: puede deshabilitar el almacenamiento de información de entrada y detalles de usuario, como direcciones IP y agentes de usuario, para cumplir con los requisitos de GDPR.

Una vez hecho esto, haga clic en Guardar .

Saltemos a la configuración de las notificaciones del formulario

Desde esta sección, puede elegir si desea recibir una notificación para una nueva entrada (envío del usuario).

Formulario de notificaciones
Administrar notificaciones de formulario

Si usa etiquetas inteligentes, también puede enviar una notificación a la dirección de correo electrónico del usuario cuando envía un formulario, informándole que lo recibió y que se comunicará con usted en breve.

El siguiente paso incluye configurar la confirmación del formulario.

Las confirmaciones de formulario son mensajes de reconocimiento que aparecen a los visitantes después de enviar un formulario. Aseguran a los visitantes que su formulario ha sido procesado.

WPForms tiene tres tipos de confirmación para elegir:

  • Mensaje: este es el tipo de confirmación predeterminado en WPForms. Cuando un visitante del sitio envía un formulario, aparecerá un mensaje de confirmación simple que le informará que su formulario fue procesado. Busque aquí algunos mensajes de gran éxito para ayudar a aumentar la felicidad del cliente.
  • 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 el formulario. Para obtener ayuda con esto, consulte nuestro tutorial sobre cómo redirigir a los clientes a una página de agradecimiento. Además, asegúrese de consultar nuestro artículo sobre cómo crear páginas de agradecimiento efectivas para aumentar la lealtad del cliente.
  • Ir a URL (Redireccionar): esta opción se utiliza cuando desea enviar a los visitantes del sitio a un sitio web diferente.

Para comenzar, haga clic en la pestaña Confirmación . Ahora, seleccione el tipo de confirmación del menú desplegable. Aquí, voy a elegir el tipo de mensaje.

Administrar la confirmación de WPForms
Administrar la confirmación de WPForms

Después de esto, debe crear un mensaje de confirmación debajo del cuadro de texto que aparece.

Una vez hecho esto, haga clic en Guardar .

Ahora, ya está todo listo para agregar su formulario a su sitio web

Para comenzar, cree una nueva página o publicación desde su WordPress. Después de eso, haga clic dentro del primer bloque, busque WPForms y seleccione el icono de WPForms .

Incrustar WPForms en la página de WordPress
Incrustar WPForms en la página de WordPress

El widget de WPForms aparecerá dentro de su bloque. Haga clic en el menú desplegable WPForms y elija cuál de los formularios ya ha creado.

Seleccione el formulario para incrustar desde el menú desplegable de WPForms
Seleccione el formulario para incrustar desde el menú desplegable de WPForms

Publique su publicación o página para que su formulario de contacto aparezca en su sitio web.

Eso es todo. Así es como puede crear fácilmente formularios de varios pasos en WordPress usando el complemento WPForms.