Cómo crear formularios multipaso eficientes en WordPress con Elementor

Formularios de varios pasoses un método que consiste en dividir un formulario en varios pasos o secciones, lo que facilita a los usuarios la cumplimentación de formularios complejos y mejora la experiencia general del usuario. Al guiar a los usuarios a través del formulario paso a paso, puede reducir eficazmente las tasas de abandono de los usuarios al tiempo que garantiza una mayor precisión en la recopilación de datos. Este artículo detallará cómo crear formularios multipaso en WordPress utilizando el plugin Elementor.

Paso 1: Añadir campos de formulario

Para crear un formulario de varios pasos, debe añadir el widget Campos de formulario al lienzo de Elementor. Cada paso del formulario se representará como un contenedor en su diseño de Elementor.

1. Abra el editor de Elementor: Vaya a la página en la que desea añadir el formulario o cree una nueva página y haga clic en "Editar con Elementor"Botón
2. Añadir un widget de formulario: Busque el widget "Formulario" en el panel izquierdo de Elementor y arrástrelo al lienzo.
3. Añadir camposEn la configuración del widget de formulario, añada los campos obligatorios. Cada campo representa información que un usuario debe rellenar, como nombre, correo electrónico, teléfono, etc.

Paso 2: Asignar un ID al contenedor

Dado que cada paso de un formulario multipaso es un contenedor, deberá proporcionar un ID único para cada contenedor en la pestaña Avanzado del panel de configuración de Elementor.

1. Seleccionar contenedor: Haga clic en el contenedor de cada paso del formulario para abrir su configuración.
2. Añadir ID: Vaya a la pestaña Avanzado e introduzca un ID único en el campo ID CSS.Este ID se utilizará para referirse al paso en el widget del formulario multipaso. Por ejemplo, puede utilizar id1, id2, id3, etc. para referirse a los diferentes pasos.

Paso 3: Añadir el widget de formulario multipaso al diseño

El widget Formularios de varios pasos es donde se configuran los ID de cada paso para unificar todos los contenedores en un solo formulario.

1. Añadir widget de formulario multipaso: Busque el widget "Formulario multipaso" en el panel izquierdo de Elementor y arrástrelo al lienzo.
2. Configuración Paso IDEn los ajustes para el widget de formulario de pasos múltiples, añada el mismo ID que especificó anteriormente para el contenedor. Esto asegurará que el widget de formulario de pasos múltiples identifique correctamente y se conecte a los contenedores de pasos individuales.
3. Fijar el estiloEn Estilos, puede dar estilo a los botones Siguiente y Anterior, así como a los indicadores de paso. Asegúrese de que los estilos son coherentes con el diseño general de su sitio para ofrecer una experiencia de usuario consistente.

Paso 4: Añadir un botón Enviar

En el mismo contenedor, añada el widget de formulario de varios pasos y, a continuación, añada el widget de botón de envío.

1. Añadir widget de botón de envío: En el panel izquierdo de Elementor, busque "Botón Enviar" y arrástrelo hasta el último contenedor de pasos del lienzo.
2. Configuración del botón Enviar: El widget Botón de envío enlaza automáticamente con la página Formulario de varios pasos de It.
3. Guardar y previsualizar: Una vez completados todos los ajustes, haga clic en "actualización" para guardar los cambios. Obtenga una vista previa de su página para asegurarse de que el formulario de varios pasos funciona como se espera.

resúmenes

Los formularios de varios pasos mejoran la experiencia del usuario y reducen el abandono al dividir los formularios complejos en varios pasos. El uso del plugin Elementor en WordPress facilita la creación de este tipo de formularios.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres