Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.
Puedes crear un formulario que abarque múltiples pasos donde los visitantes navegan a través de pantallas de formulario separadas, cada una con sus propios campos. Esta guía te mostrará cómo crear y personalizar un formulario de múltiples pasos en tu sitio web.
Esta función está disponible en sitios con los planes Personal, Premium, Business y Commerce de WordPress.com. Para sitios gratuitos, mejora tu plan para acceder a esta función.
Para crear un formulario de múltiples pasos, sigue estos pasos:
- Navega a Jetpack → Formularios en el escritorio de tu sitio.
- Haz clic en el botón «Crear un formulario» para crear un nuevo formulario.
- Dale un nombre al formulario y haz clic en el botón Crear para entrar al editor de formularios.
- En las plantillas de formulario, selecciona la opción Formulario de múltiples pasos.
El editor de formularios se abre con un formulario de ejemplo de varios pasos que puedes personalizar.
💡
Si ya tienes un bloque de Formulario normal en una página, puedes convertirlo en un formulario de varios pasos haciendo clic en el icono del bloque Formulario de varios pasos en la barra de herramientas del bloque. El icono tiene el aspecto de tres círculos con flechas que los atraviesan.
Un formulario de varios pasos contiene tres bloques adicionales que un formulario normal no tiene:
- Indicador de progreso: Muestra a los visitantes cuánto han avanzado en el formulario.
- Pasos: Un contenedor que organiza el formulario en pantallas separadas.
- Navegación de pasos: Contiene los botones que los visitantes usan para moverse entre pasos y enviar el formulario.
Usa la Vista de lista mientras editas un formulario de varios pasos para ver la estructura y seleccionar el elemento específico en el que quieres trabajar.
En la barra de herramientas sobre el formulario, haz clic en Todos los pasos para alternar entre editar todos los pasos en una sola vista o centrarte en un paso a la vez. Las líneas horizontales en la vista «Todos los pasos» marcan el inicio de cada nuevo paso.
Cada paso tiene una etiqueta en la que puedes hacer clic para personalizarla. La etiqueta es privada para ti; los visitantes no la ven.
Un formulario de varios pasos comienza con tres pasos. Para añadir más, sigue estos pasos:
- Haz clic en un paso existente del formulario, o selecciónalo en la Vista de lista.
- En la barra de herramientas que aparece, haz clic en el botón Añadir.
- Elige «Añadir paso antes» o «Añadir paso después».
Para eliminar un paso, haz clic en él o selecciónalo en la Vista de lista, luego haz clic en el icono de tres puntos (⋮) y selecciona Eliminar.
📌
¡Asegúrate de mantener el bloque de Navegación de pasos en tu formulario para que tus visitantes puedan navegar entre cada paso del formulario!
Los formularios de varios pasos admiten los mismos campos y opciones de personalización que los formularios normales. Puedes añadir, eliminar y configurar campos de formulario dentro de cada paso y cambiar colores, fuentes y diseño desde los ajustes de estilo.
Para cambiar el estilo de la barra de progreso, sigue estos pasos:
- Abre la Vista de lista y selecciona el bloque Línea (la barra de progreso predeterminada).
- En la barra lateral de ajustes del bloque, alterna entre las opciones Línea y Puntos.
- Haz clic en Guardar para guardar tus cambios.
Antes de publicar, prueba tu formulario para asegurarte de que los visitantes puedan avanzar correctamente por cada paso. Usa la opción de Vista previa en el editor para abrir la página tal como aparecería para un visitante, y completa el formulario para verificar el flujo.
Al igual que con los formularios normales, puedes elegir qué sucede después del envío, configurar notificaciones por correo electrónico y ver las respuestas desde el panel de Formularios.
Una vez que estés satisfecho, haz clic en el botón Publicar para publicar tu formulario.
Una vez que hayas creado el formulario de varios pasos, sigue estos pasos para añadir el formulario a tu sitio:
- Abre la página o entrada en el editor de WordPress.
- Haz clic en el botón + insertador de bloques.
- Busca «form» y haz clic en Formulario para añadir un nuevo bloque de Formulario a tu contenido.
- Elige el formulario que creaste en el menú desplegable O selecciona un formulario existente.
💡
También puedes añadir un bloque de Formulario de varios pasos directamente a una página usando el insertador de bloques. Crear tu formulario primero en el editor de formularios mantiene todos tus formularios en un solo lugar y facilita las ediciones futuras.
