Formulario por pasos con Elementor

Aprende a crear fantásticos sitios web
con nuestros Cursos de WordPress en Vídeo
Ver todos los cursos

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

Implementador y Formador especializado en WordPress, Coorganizador del grupo de Meetup WordPress Madrid. Colaborador en el equipo de traducción de WordPress España. Podcaster, YouTuber y fundador del blog WPnovatos.com

Un comentario

Deja una respuesta

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

Información básica sobre protección de datos

El responsable del proceso es Juanma Aranda | Tus datos serán tratados para gestionar y moderar tus comentarios | La legitimación del tratamiento es por consentimiento del interesado | No se transferirá ningún dato a terceros, salvo obligación legal | Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.

 

ut justo sit leo venenatis consequat. at leo. Donec Vuelve al inicio

WordPress en Directo

wplive-logo

Actualidad, entrevistas, comunidad, eventos…

Cada semana emitimos un nuevo programa en abierto a través de nuestro Canal de YouTube.