Cuando tenemos un formulario muy extenso, es recomendable dividirlo en diferentes pasos. Esto ayuda a que el usuario no se sienta abrumado y pueda ir rellenándolo sin presión.

Para hacer formularios de pasos múltiples, usaremos el plugin: Contact Form 7 Multi-Step Forms

Configuración

Este plugin, para poder hacer que todo funcione, tiene unos pasos un poco «curiosos». Esto es lo que tenemos que hacer:

• Crear una página por cada «paso» que tendrá el formulario. Digamos que el formulario irá «saltando» de página en página.
• Crear un formulario de CF7 y situar nuestro cursor al final del mismo, debajo del botón de enviar.
• Haz clic en la opción «multistep» y, al ser el primer paso, marca la casilla de «First Step»
• En este mismo pop-up, añade la URL de lo que será el paso 2 (la página 2).
• Si es el último paso, marca la casilla «Last Step» y deja el campo de la url vacío.
• Haz clic en «Insert Tag».
• Añade el shortcode a la página que corresponde este paso / formulario.
• Haz lo mismo con el resto de pasos / formularios / páginas.

Etiquetas adicionales

Este plugin nos ofrece un par de etiquetas adicionales:

Form field: nos permite traer un campo de un formulario anterior y mostrarlo en el actual:

[multiform "your-name"]

Previous: nos permite añadir un botón para regresar al paso / formulario anterior:

[previous "Atrás"]

PRO

Este plugin cuenta con una versión PRO. Lo más destacable de esta versión es la gestión de los datos. Con esta versión de pago, los datos se almacenan en la «Session Storage», pudiendo así almacenar hasta 5MB de datos, en comparación con los 4KB de la versión gratuita.