¿Busca una forma de hacer que los visitantes de su sitio web que se ponen en contacto con usted mediante un formulario de varios pasos tengan una experiencia más positiva?
Al dividir su formulario en diferentes secciones, puede combatir la fatiga del formulario y aumentar la participación del usuario y la generación de clientes potenciales en su sitio web.
En esta guía, le guiaremos a través de los conceptos básicos de la creación de un formulario de varios pasos en WordPress con WPForms a través de 2 métodos diferentes.
Cómo crear un formulario de varios pasos en WordPress
Crear un formulario de múltiples pasos en WordPress usando WPForms es increíblemente fácil. Simplemente siga los siguientes pasos:
En este artículo
Paso 1: Instalar un plugin constructor de formularios multipaso
Si estás buscando un plugin creador de formularios que te permita crear formularios de varios pasos, calculadoras y otros tipos de formularios, no busques más allá de WPForms. Ofrece numerosas características que hacen que crear un formulario personalizado sea increíblemente fácil.
Para este tutorial, recomendamos suscribirse a WPForms Pro, ya que tiene muchas características como saltos de página, el complemento Lead Forms, lógica condicional y plantillas personalizables que hacen que sea muy fácil crear un formulario de varios pasos.
Una vez que haya adquirido la licencia de WPForms Pro, todo lo que tiene que hacer es activar e instalar el plugin en su sitio web. Para obtener instrucciones paso a paso sobre cómo hacerlo, consulte esta guía sobre la instalación de un plugin de WordPress.
Paso 2: Cree su formulario y añada los campos pertinentes
Ahora, vamos a crear tu formulario multi-paso en WordPress. Desde tu panel de control, simplemente navega a WPForms y haz clic en el botón Añadir nuevo.
En la siguiente página, asigne un nombre a su formulario. Para el propósito de este tutorial, llamaremos al nuestro "Formulario Multi-Paso de WordPress".
A continuación, puede empezar a crear su formulario desde cero haciendo clic en el botón Crear formulario en blanco, o puede añadir campos a una plantilla existente.
Para ahorrar tiempo y proceder a añadir los campos pertinentes a nuestro formulario, seleccionaremos el Formulario de contacto simple y, a continuación, haremos clic en el botón Utilizar plantilla.
Después de hacer clic en el botón Usar Plantilla, será redirigido al Constructor de Formularios. En el lado izquierdo, puede ver todos los campos disponibles.
Mientras tanto, en la parte derecha de la pantalla, puedes ver una vista previa editable de tu formulario, donde puedes arrastrar y soltar otros campos a tu gusto.
Con la plantilla de formulario SimpleContact, ya dispondrá de los campos de formulario Nombre, Correo electrónico y Comentario o Mensaje.
Haga clic en cualquiera de los campos del formulario para realizar cambios o añadir nuevos campos para personalizar su formulario. Por ejemplo, hemos añadido campos para que los usuarios faciliten información sobre:
- Nombre de la empresa - Utilizando el campo Texto de una línea.
- Título del puesto - De nuevo, utilizando el campo Texto de una línea.
- Sitio web - Utilizando el campo Sitio web / URL de la sección Campos de fantasía.
- Industria - Utilizando un campo de Casilla de verificación y añadiendo Opciones como Tecnología de la información, Fabricación, Venta al por menor y Sanidad.
- País/Región - Utilizando un campo desplegable y añadiendo opciones como Estados Unidos, Canadá, Australia, Reino Unido y Nueva Zelanda.
- ¿Cómo nos ha conocido? - Una vez más, utilizando el campo desplegable y añadiendo opciones como Google, Facebook, LinkedIn, etc.
Añadimos estos campos para mejorar aún más la plantilla del formulario y hacerla relevante para nuestro caso de uso. Ahora vamos a ver cómo dividir el formulario en varias partes.
Paso 3: Divida su formulario en varias partes
Te alegrará saber que dividir tu formulario en varias partes es muy fácil con WPForms, ¡y no sólo tienes un método para hacerlo!
Dependiendo de sus necesidades, puede utilizar el campo Salto de Página para dividir su formulario o utilizar el Complemento Lead Forms. Le mostraremos los pasos para ambos.
Método 1: Añadir el campo de salto de página para dividir el formulario
Para empezar a dividir el formulario en varias partes, arrastre y suelte el campo Salto de página del panel izquierdo al panel derecho.
Recuerde que debe insertar el campo Salto de página en el lugar exacto en el que desea que se divida el formulario.
Si desea dividir el formulario de nuevo, repita los mismos pasos. WPForms le permitirá crear tantas páginas de formularios como necesite.
Puedes crear formularios de 2 pasos o ir tan alto como quieras, pero recuerda mantener las cosas simples porque no quieres abrumar a tus usuarios.
Una vez que haya terminado, puede personalizar la barra de progreso multipágina para aumentar la facilidad de uso del formulario.
Personalizar la barra de progreso de formularios multipágina
Utilizando una barra de progreso, puede informar a los usuarios sobre las diferentes secciones del formulario, para que sepan cuánto les queda por rellenar antes de hacer clic en Enviar.
WPForms le facilita mucho las cosas introduciendo tres barras indicadoras diferentes de estilo migas de pan para formularios de varios pasos:
- Barra de progreso: Esta opción permite al usuario ver el progreso del formulario a medida que lo rellena para mantenerle informado.
- Círculos: Esta opción permite que su formulario de varios pasos muestre un círculo y el título de la página en cada página.
- Conector: Esta opción muestra los títulos de las páginas y una barra de conexión para cada sección de su formulario de varios pasos.
Haga clic en la sección Salto de primera página para personalizar la barra de progreso y el título de página de la primera página de su formulario de varios pasos. Desde esta ubicación, puedes:
- Seleccione el tipo de indicador de progreso deseado.
- Modifique el Color del Indicador de Página a su gusto.
- Personaliza el Título de la Página para ayudar a los usuarios a entender en qué sección del formulario se encuentran (si has seleccionado Círculos o Conectores).
Personalizar el título de la página siguiente y el texto del botón
Ha cambiado el título de la página para la primera sección del formulario, pero ¿qué ocurre con las demás secciones del formulario?
Al igual que en la primera página, puede cambiar el Título de la página para la siguiente sección haciendo clic en el campo Salto de página correspondiente, e incluso personalizar su Etiqueta siguiente.
Además, puede activar la opción Mostrar anterior para mostrar un botón de página anterior a los visitantes del sitio e incluso personalizar la etiqueta Anterior a su gusto.
De este modo, si es necesario, los clientes pueden volver a la página anterior de su formulario, lo que aumenta aún más la facilidad de uso de su formulario.
Método 2: Utilice el complemento Lead Forms para dividir el formulario
El campo Salto de Página funciona muy bien para dividir el formulario en numerosas secciones, pero si buscas una alternativa, puedes utilizar el Complemento Lead Forms.
Además, la generación de clientes potenciales es ideal para la gestión de su pequeña empresa en WordPress, que también es totalmente posible con WPForms.
Instalar el complemento Lead Forms es muy sencillo. Desde el panel de control de WordPress, vaya a WPForms y, a continuación, haga clic en Complementos.
A continuación, busque "Lead Forms" en la sección Buscar complementos. A continuación, haga clic en Instalar complemento, seguido del botón Activar.
Activar el modo Lead Form en el constructor de formularios
Una vez que el complemento Lead Forms esté instalado y activado, vuelva al generador de formularios donde está creando su formulario.
Desde allí, haga clic en la pestaña Configuración y, a continuación, seleccione la opción Formularios de clientes potenciales. Ahora, todo lo que tienes que hacer es activar la opción Habilitar el modo de formulario de plomo.
Esto hará que aparezca una ventana emergente informando de que el Lead Forms Addon reestructurará su formulario. Haga clic en el botón Activar Lead For ms.
Sus campos se transformarán automáticamente en un formulario para clientes potenciales. A menos que tenga un gran número de campos, esto normalmente tarda unos segundos.
Su formulario se dividirá automáticamente en varias secciones. Siéntase libre de añadir, modificar y organizar los campos a su gusto.
Personalizar la configuración del estilo del formulario de clientes potenciales
Una de las mejores cosas sobre el Lead Forms Addon es que le permite personalizar la apariencia de su formulario en la parte frontal.
La página de configuración de Lead Forms contiene todas las opciones de personalización. A continuación repasaremos las opciones de personalización disponibles.
- Título del formulario: Puede dar un título a su formulario de captación de clientes potenciales introduciéndolo en el campo Título del formulario de captación de clientes potenciales. Cuando los usuarios rellenen el formulario, el título aparecerá en la interfaz.
- Color de acento: esta opción le permite cambiar el color de los botones, la barra de progreso y los iconos mediante una herramienta interactiva de selección de colores.
- Animación de desplazamiento: Con esta opción habilitada, WPForms navegará al usuario a la parte superior de la página, al hacer clic en el botón Siguiente del formulario.
Su formulario de clientes potenciales se puede personalizar aún más con la ayuda de ajustes adicionales. Tendrás que activar la Configuración de estilo avanzada para acceder a estas opciones.
También hay una opción de Contenedor de formularios, que puede activar para encerrar el formulario principal en un contenedor, haciendo que destaque del resto de elementos de la página.
Una vez que haya personalizado su formulario de varios pasos para incluir todas las funciones que desee, no olvide pulsar el botón Guardar.
También puede utilizar un formulario de varios pasos para capturar nuevos clientes potenciales y hacer crecer su lista de correo electrónico. ¡Echa un vistazo a esta guía sobre cómo crear una página de imán de plomo con WPForms!
Paso 4: Personalizar las notificaciones y confirmaciones
Configurar las notificaciones le garantiza estar siempre al tanto de las nuevas entradas de formularios. En el generador de formularios, vaya a Configuración y, a continuación, a Notificaciones.
Desde aquí puede editar la configuración predeterminada de las notificaciones, como la línea de asunto, o cambiar los correos electrónicos de los destinatarios según sea necesario.
Una vez hecho esto, sólo tiene que ir a Confirmaciones en el menú Configuración para configurar las respuestas a los envíos correctos de formularios.
Ahora, seleccione el tipo de confirmación (mensaje, visualización de página o redirección) que mejor se adapte a su sitio web y configure sus opciones.
No olvide volver a guardar el formulario para no perder los cambios y asegurarse de que la configuración está actualizada.
Paso 5: Publique su formulario WordPress multipaso
¡Buen trabajo! Ha creado con éxito un formulario de varios pasos en WordPress. Ahora es el momento de ponerlo en marcha y ver cómo llegan los envíos de formularios.
El proceso es increíblemente sencillo y ni siquiera tienes que salir del creador de formularios. Solo tienes que hacer clic en el botón Incrustar de la esquina superior derecha.
Puede elegir publicar el formulario en una página existente o crear una página nueva, tras lo cual será redirigido al editor de bloques de WordPress.
El formulario ya estará incrustado. Todo lo que tienes que hacer ahora es hacer clic en el botón Publicar, y tu formulario multi-paso de WordPress estará activo.
Si utilizas un constructor de páginas como Divi, también puedes consultar esta guía para saber cómo crear un formulario de contacto Divi.
Más preguntas sobre los formularios de varios pasos
Los formularios multipaso de WordPress son un tema de interés popular entre nuestros lectores. Aquí tienes respuestas a algunas preguntas sobre ellos.
¿Qué es un formulario multipaso?
Un formulario de varios pasos divide un formulario en varios pasos o páginas, lo que mejora la experiencia del usuario al dividir los formularios más largos en secciones manejables. Esto es ideal para formularios complejos como aplicaciones, encuestas o registros. WPForms simplifica la creación de formularios de varios pasos con su campo de salto de página, lo que permite una fácil navegación para los usuarios.
¿Un formulario de varios pasos ralentizará mi sitio web?
No, un formulario multipaso no ralentizará su sitio web. WPForms, en particular con su Lead Forms Addon, optimiza estos formularios para la velocidad y el rendimiento, asegurando que se cargan rápidamente sin afectar a la velocidad general de su sitio web.
¿Cuándo debo utilizar un formulario de varios pasos?
Utilice un formulario de varios pasos cuando tenga formularios largos o detallados. Son perfectos para registros, encuestas o aplicaciones en las que necesita recopilar mucha información pero quiere evitar abrumar al usuario en la página de destino. WPForms permite la creación eficiente de Formularios Multi Paso, mejorando el compromiso del usuario.
¿Qué tipos de formularios convierten mejor en el diseño multipaso?
Los formularios que requieren información detallada, como las solicitudes de empleo, las encuestas complejas y los registros largos, se convierten mejor con un diseño de varios pasos. Este formato, fácil de crear con WPForms, ayuda a mantener el interés de los usuarios y reduce la sensación de agobio ante un formulario largo, lo que aumenta las tasas de conversión.
A continuación, aprenda a crear un formulario de calculadora en WordPress
¿Quieres aprender cómo hacer un formulario de calculadora en WordPress para aumentar la participación de los usuarios en tu wesbite? ¡Estás de suerte! Crear un formulario de calculadora personalizado es rápido y fácil, gracias a WPForms y su Addon de Cálculos.
Si se pregunta cómo animar a los usuarios a rellenar un formulario que requiere su dirección de correo electrónico para descargar un archivo, también es posible. Echa un vistazo a esta guía sobre Cómo requerir una dirección de correo electrónico para descargar un archivo.
Arregle sus correos electrónicos de WordPress ahora
¿Listo para arreglar tus correos electrónicos? Empieza hoy mismo con el mejor plugin SMTP para WordPress. Si no tienes tiempo para arreglar tus correos electrónicos, puedes obtener asistencia completa de White Glove Setup como compra adicional, y hay una garantía de devolución de dinero de 14 días para todos los planes de pago.
Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más consejos y tutoriales sobre WordPress.
