¿Desea crear un formulario de varios pasos o desea crear un formulario de varias páginas en WordPress? Este Tutorial de WordPress te explica todo ?
Si desea crear formularios en su sitio web que funcionen bien, los formularios de varias páginas son el camino a seguir. Repartidos en varias páginas, combaten la fatiga y aumentan la participación del usuario.
En este artículo, le mostraremos cómo crear un formulario de varias páginas en WordPress para que pueda obtener más conversiones.
Pero antes, si nunca has instalado WordPress, descubre ¿Cómo instalar un blog de WordPress pasos 7 et ¿Cómo encontrar, instalar y activar un tema de WordPress en tu blog
Luego de vuelta a por qué estamos aquí.
Pero, ¿por qué usar formularios de varias páginas en WordPress?
¿Por qué agregar un formulario de varias páginas en WordPress?
Como mencionamos anteriormente, los formularios de varias páginas se dividen en varias páginas. Agregar más pasos a un formulario puede parecer contradictorio, pero en realidad puede aumentar las tasas de conversión del formulario.
Los formularios de varias páginas reducen la fricción para los usuarios que tienen que tomar demasiadas decisiones a la vez. Las opciones simples hacen que cada paso del formulario sea menos abrumador y las barras de progreso alientan a los usuarios a continuar y completar el formulario.
Dado que ha diseñado su formulario para mejorar las tasas de finalización, será menos probable que experimente el abandono del formulario. Y con el uso de la lógica condicional, puede mostrar diferentes páginas a los usuarios en función de sus respuestas, lo que facilitará la recopilación de la información que necesita.
Ahora que sabe por qué el uso de formularios de varias páginas es ideal para experiencia de usuario, Pasemos a crear un formulario en WordPress.
Cómo crear un formulario de varias páginas en WordPress
En este tutorial, usaremos WPForms para crear formularios de varias páginas en WordPress. WPForms es el mejor complemento de creación de formularios de WordPress para arrastrar y soltar. Y con más de 3 millones de instalaciones activas, es la herramienta disponible más amigable para principiantes.
Lo mejor de todo es que tiene una versión gratuita y de pago, pero hoy vamos a usar la versión Pro de WPForms para crear un formulario de varias páginas en WordPress.
Lea también nuestra guía sobre Cómo personalizar formularios de WPForms con Elementor
Entonces, comencemos con el primer paso, que es crear un nuevo formulario.
Paso 1: Crea un nuevo formulario en WordPress
Lo primero que debe hacer es instalar y activar el WPForms plugins. Si no sabes cómo, puedes seguir esta guía paso a paso para instalar complementos de WordPress para principiantes
Con WPForms puede dividir cualquier tipo de formulario en varias partes, así que sigamos adelante y creemos un formulario de contacto sencillo.
Ir al menú WPForms -> Agregar para crear un nuevo formulario y mostrar las plantillas disponibles.
Luego, en esta página, asigne un nombre a su formulario, escriba multi página Formulario De Contacto en el campo de búsqueda ubicado en la barra lateral izquierda. luego coloque el cursor sobre el resultado de su búsqueda y haga clic en el botón Usa la plantilla.
WPForms abrirá la plantilla de formulario en el generador de formularios de arrastrar y soltar para que la edites.
Como puede ver, el formulario está vacío, por lo que vamos a comenzar a arrastrar campos hacia él. Vamos a soltar los siguientes campos:
- Nombre
- Correo electrónico
- Comentario o mensaje
Puede agregar campos al formulario arrastrándolos desde la columna izquierda a la columna derecha. Simplemente haga clic en cualquier campo de formulario para editar el contenido y arrástrelo para reorganizar su posición.
Si desea agregar más de uno formulario de contacto a su sitio web de WordPress, también puede crear los siguientes tipos de formularios con WPForms:
- Formulario de consulta
- Formulario de mando en línea
- tipo formulario estilo formulario
- formulario de subida de archivos
La mayoría de estos tipos de formularios son más largos que los formularios de contacto estándar, por lo que dividirlos en varios pasos puede mejorar las conversiones.
Ahora que sabe cómo comenzar, aprendamos a dividir nuestro formulario en partes.
Paso 2: divide tu formulario en partes
Una vez que haya personalizado su formulario y agregado los campos que necesita, agregue el campo Ir a la página para dividir su formulario en diferentes páginas.
Para hacerlo, mire debajo el encabezado de campos sofisticados y arrastre el campo de formulario Ir a la página en el panel derecho.
Suelta el campo en tu formulario donde quieras que se divida.
Repita esto para cada sección en la que desee dividir su formulario en otra página. A partir de ahí, continúe personalizando su formulario agregando los campos que necesita para completarlo.
Aunque WPForms le permite agregar tantos formularios como desee, es crucial evitar abrumar a los usuarios con demasiada información. Esto puede hacer que abandonen tu forma, que es lo contrario de lo que quieres lograr.
Paso 3: personaliza la barra de progreso de tu formulario
Para aumentar el flujo de su formulario, puede agregar una barra de progreso. Una barra de progreso muestra a las personas las diferentes secciones de su formulario y es un excelente indicador visual de cuánto trabajo queda por hacer.
WPForms viene con 3 barras indicadoras de progreso diferentes para formularios de varias páginas que son las siguientes:
- Conectores – Barras de conexión y títulos de página para cada paso de su formulario.
- Círculos – Círculos numerados y títulos de página para cada paso del formulario.
- Barra de progreso – Indicador de progreso del usuario a medida que completa los pasos del formulario.
Para cambiar la barra de progreso y el título de la página de la primera página de su formulario de varias páginas, haga clic en el campo Salto de la primera página.
Luego verá un nuevo panel donde puede elegir el tipo de progreso para su formulario. En esta área también puede cambiar el color utilizado para resaltar el indicador de progreso si lo desea.
Si selecciona las opciones círculos ou connecteurs, también puede editar el título de la página. Esto ayuda a los usuarios a saber en qué parte del formulario se encuentran, para que no se pierdan. Pero si prefiere no hacerlo, se mostrará una barra de progreso estándar a los usuarios para guiarlos a través del llenado de su formulario.
A continuación, puede editar el botón Page suivante y texto, que lleva a los usuarios a la página siguiente de su formulario.
Para ello, haga clic en el botón siguiente de tu página, puedes modificar la etiqueta del botón en la columna izquierda.
Además, puede agregar un botón anterior activando la palanca Ver anterior. De esta manera, los usuarios podrán regresar si olvidaron agregar información.
Cuando haya terminado de personalizar su barra de progreso, haga clic en Siguiente y vaya al siguiente paso.
Paso 4: edite la configuración de su formulario
Ahora pasemos a cambiar la configuración de su formulario. Para hacerlo, vaya a Ajustes -> General.
En esta sección, puede configurar las siguientes opciones:
- Nombre del formulario – Dale a tu formulario un nuevo nombre si lo deseas.
- Descripción del formulario – Agregue una descripción a su formulario para referencia.
- Enviar texto del botón – Edite el texto de su botón de envío.
- Habilitar la protección contra correo no deseado – Habilite la opción antispam para evitar que los spammers envíen envíos no deseados.
Cuando sus ajustes estén configurados, haga clic en Siguiente .
Paso 5: configura las notificaciones de tu formulario
Configuración de notificaciones en WPForms, envío de un correo electrónico cuando se envía un formulario en su sitio web de WordPress.
Puede encontrar la configuración de notificaciones haciendo clic en Configuración -> Notificaciones.
Si no desactiva las notificaciones de formulario, recibirá un correo electrónico por cada formulario enviado en su sitio web.
Por otro lado, puede usar etiquetas inteligentes para enviar un correo electrónico a las personas que completan su formulario. Las etiquetas inteligentes son una excelente manera de hacerles saber que su formulario se completó correctamente y que usted lo recibió.
Es incluso mejor usar esta función en formularios largos con varios pasos, ya que pueden tardar más en completarse. Además, evita que los usuarios deambulen si todo salió bien. Para obtener más ayuda, puede consulte la documentación sobre la configuración de notificaciones de formulario aquí.
Cuando haya terminado de configurar sus notificaciones, pase a configurar el mensaje de confirmación de su formulario.
Paso 6: Configure el mensaje de confirmación de su formulario
Los mensajes de confirmación de formulario son mensajes cortos que se muestran a los usuarios cuando han enviado un formulario en su sitio web. Es una excelente manera de que las personas sepan que su formulario se está procesando y qué pasos deben seguir.
Hay 3 tipos de mensajes de confirmación en WPForms que son:
- Mensaje – Mensaje simple que informa a los usuarios que su formulario ha sido enviado.
- Mostrar página – Enviar a los usuarios a otra página, como una página de agradecimiento después de enviar su formulario.
- Ir a URL (redireccionamiento) – Envíe a los visitantes del sitio web a otro sitio web después de enviar el formulario.
Para configurar su mensaje de confirmación, haga clic en Configuración -> Confirmación.
Luego, elija el tipo de mensaje que desea mostrar a sus visitantes después de completar su formulario. Para este tutorial, seleccionaremos Mensaje.
Ahora personaliza el texto del mensaje según tus necesidades y haz clic en Siguiente cuando esté satisfecho.
Ahora está listo para agregar su formulario a WordPress.
Paso 7: Agrega tu formulario a WordPress
Una vez que haya creado su formulario de varias páginas, es hora de agregarlo a su sitio web de WordPress. Con WPForms, puede agregar su formulario a muchas áreas de su sitio web. Pueden ser páginas, publicaciones, barras laterales y cualquier otra área lista para widgets.
Veamos cómo agregar su formulario de varias páginas a una página de WordPress.
Para comenzar, navegue a su área de administración de WordPress y haga clic en Páginas -> Agregar.
Luego haga clic en el ícono más en el editor de WordPress para agregar un nuevo bloque de contenido. En el cuadro de búsqueda, escriba WPForms para encontrarlo fácilmente.
Ahora haga clic en el bloque WPForms para agregarlo a su página.
Cuando aparezca WPForms dentro de su bloque, haga clic en la flecha desplegable para seleccionar su formulario de varias páginas de la lista e insertarlo en su página.
Tan pronto como se seleccione el formulario de varias páginas, aparecerá en su página.
Y es todo ! Ha aprendido a crear un formulario de varias páginas.
Otros recursos recomendados
También lo invitamos a consultar los recursos a continuación para avanzar en el control y agarre de su sitio web y blog.
- El uso de diferentes orígenes WordPress
- Cómo administrar las URL de las imágenes de tu blog de WordPress
- Como configurar el CDN CloudFlare para su blog de WordPress
- Estafas de PayPal: ¿Cómo reconocerlas?
Conclusión
Listo ! Eso es todo por este tutorial. Esperamos que este artículo le haya ayudado a aprender a crear un formulario de varios pasos o de varias páginas.
Sin embargo, también podrá consultar nuestra Recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress.
Pero, mientras tanto, no olvides dejarnos tu comentarios y sugerencias en la sección dedicada.
...
