2 diciembre 2020
En este artículo te explico cómo implementar un formulario por pasos con Elementor siguiendo unos pasos muy sencillos.

Los formularios con demasiados campos son los más abandonados sin llegar a completarlos. En la mayoría de los casos, los usuarios se abruman antes de llegar al final. Es por eso que se utilizan formularios por pasos.

Formularios por pasos

Los formularios por pasos permiten ir recabando datos de usuarios en bloques, de tal forma que al completar un bloque, lleguen al siguiente bloque con más campos y así hasta completarlo totalmente.

Hay diferentes plugins de formularios para WordPress que permiten configurar los pasos a medida que los vamos construyendo, como por ejemplo, Gravity Forms.

Sin embargo, en este artículo, explicaremos cómo crear un formulario por pasos con Elementor Pro, una nueva función incluida a partir de la versión 2.10.

Crear un formulario por pasos con Elementor

El primer paso, obviamente, consiste en arrastrar el widget de formulario nativo de Elementor al lienzo.

Como siempre, por defecto, aparecerá un formulario de contacto simple, con 3 campos y un botón: nombre, email, mensaje y enviar.

Añadir campos de tipo paso

Después de crear el formulario base, hay que añadir y configurar los pasos del formulario de la siguiente manera.

formulario pasos elementor
  1. Pulsa sobre añadir elemento nuevo al formulario.
  2. Elige “Step” en tipo de campo.
  3. Elementor añadirá dos nuevos campos: uno al inicio y otro al final del formulario. Cada uno de ellos equivale al inicio de un paso del formulario.

Personalizar los pasos

formulario pasos elementor2 1
  1. Personaliza el nombre de los pasos utilizando el campo “etiqueta” del item correspondiente.
  2. Personaliza el texto de los botones para avanzar o retroceder un paso, utilizando los campos correspondientes dentro del item.
  3. Selecciona un icono si quieres mostrarlo en lugar del número de cada paso.

Ajustes de los pasos

Dentro de los ajustes de contenido del widget de formulario de Elementor, tienes la posibilidad de elegir el modo en que quieres mostrar los pasos:

  • Texto
  • Icono
  • Número
  • Barra de progreso
  • Número y texto
  • Icono y texto
  • Ninguno

Y, además, puedes seleccionar la forma del adorno:

  • Circulo
  • Cuadrado
  • Cuadrado redondeado
  • Ninguno

Estilo de los pasos

Además, como en cualquier widget, podrás personalizar el estilo. En este caso, encontrarás una sección específica llamada “Steps” donde podrás cambiar el espaciado, el relleno, el tamaño de los iconos, los colores, el ancho de la barra separadora, etc.

Conclusión

Aunque posiblemente la interfaz del formulario por pasos con Elementor vaya mejorando en próximas actualizaciones, es un sueño hecho realidad para muchos usuarios que demandaban esta funcionalidad desde hace tiempo.

El resto de funcionalidades del formulario de Elementor se mantienen intactas, por lo que el envío de datos, suscripción a listas de correo o la redirección funcionan del mismo modo.

¿Y tú qué opinas? ¿Eres partidario de utilizar formularios muy simples o prefieres utilizar formularios por pasos? De ser así, ¿cómo los implementas?

Deja tu comentario debajo y comparte tu experiencia con el resto de usuarios.

Juanma Aranda

Ayudo a usuarios noveles a dar sus primeros pasos con WordPress mediante mentorías individuales.
También creo vídeotutoriales en español para desarrolladores de WordPress que quieren mejorar su servicio de ayuda a clientes.

Ver todos los artículos

1 comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información adicional sobre protección de datos:
Responsable: Juan M. Aranda
Finalidad: Moderar los comentarios de este sitio web.
Cesión: NO se cederán a nadie, salvo obligación legal.
Derechos: acceso, rectificación, cancelación y borrado de tus datos.
Legitimación: tu consentimiento expreso.

 

Cupón Descuento

15 días GRATIS
No necesitas cupón
cupon descuento blogsterapp

Blogsterapp 15 días GRATIS

15 días de prueba GRATIS de esta APP para distribuir tu contenido en las RRSS
Pruébala Gratis

Cursos Flash GRATIS

cursos wordpress gratis

Únete a nosotros

error: Contenido protegido
dictum mattis dolor. Aenean Nullam Donec Donec massa sit

Te espero en YouTube

para seguir aprendiendo más WordPress