Aumento de conversiones con formularios de múltiples páginas

En este artículo, discutiremos la construcción de un formulario de múltiples páginas con WPFORMS. Si es una empresa que tiene que recopilar mucha información sobre un cliente potencial o un cliente en línea, tiene la oportunidad de tener un formulario largo en su sitio. Esto no solo ocupa mucho espacio, sino que asusta a los visitantes. Por otro lado, si crea una forma de varias páginas que divide sus campos en varias páginas, verá las tasas de conversión crecientes y su sitio web se verá más limpio y simple. En este artículo, discutiremos los beneficios de los formularios de varias páginas y cómo integrar uno en su sitio web utilizando WPFFORMS.
¿Por qué y dónde quiero que una forma de múltiples páginas múltiples formularios múltiples conduzca estadísticamente a tasas de conversión más altas? Si tiene un formulario de 12 campos en su sitio, puede aumentar el número de clientes potenciales/referencias que genera simplemente dividiéndolo en 4 páginas con tres campos cada uno. ¿Por qué? Las formas más cortas son más fáciles de iniciar para los visitantes. Una vez que un visitante ha introducido información en su formulario, incluso si se presentan páginas adicionales, ya se ha comprometido a complementarlas, lo que conduce a una tasa de conversión más baja. Con una forma más larga, su visitante podría pensar inconscientemente “Oh, esto requerirá mucho trabajo para completar, preferiría no”.
Hay números que respaldan estas declaraciones. Otra compañía que simplemente dividió una forma larga en 2 páginas (no se hicieron otros cambios) condujo a un aumento del 59% en la tasa de conversión. Una compañía de Astroturf que probó A/B en una forma de solo paso en comparación con una etapa múltiple ha notado un aumento del 214% en la generación de clientes potenciales. Tenga en cuenta que esta implementación es buena solo para formularios con muchos campos. Si tiene un formulario con solo tres campos, probablemente sea mejor mantenerlo en una sola página. Si lo aborda en términos de diseño, una forma más pequeña es más fácil de caber en la página. Como agencia, tratamos de mantener todos nuestros formularios en la ventana de vista de página. No queremos que nuestros visitantes tengan que ejecutar en la página para encontrar el botón de envío, ya que esta es una experiencia de usuario deficiente, lo que conduce a tasas de conversión más bajas. Para formas más largas, es lógico dividirlos en varias páginas.
Ejemplo como formulario con múltiples páginas/pasos Cuando nos referimos a varias páginas, nos referimos a las páginas de formulario (o pasos). La página general del sitio web no cambia, sino solo los campos en el formulario. Aquí hay un ejemplo a este respecto de Zen Business: Zen Business es una empresa de incorporación de LLC. Si desea enviar un SRL, si lo hará por usted, facilitándole el proceso. Como parte del proceso de integración del cliente, necesitan recopilar mucha información de usted en lugar de presentar una página masiva llena de cientos de campos, eligen compartir su proceso de recopilación de datos en varias páginas del formulario. Esto no solo aumenta la experiencia del usuario, sino que hace que sea más fácil de usar y no asusta a los visitantes de grandes formularios (y una que recopila información personal). Ahora sabemos por qué queremos un formulario de múltiples páginas, creemos uno con WPFORMS. La razón por la que usamos WPFFORMS es que es extremadamente fácil de configurar, la funcionalidad de la página múltiple está integrada en el complemento base y nuestro sistema de administración de entrada es excelente (existe un gran suplemento que discutiremos que aumenta su tasa de conversión). Construir un formulario de múltiples páginas con WPFORMS El proceso de crear una forma de múltiples páginas con WPFFORMS es bastante simple. Primero cree un nuevo formulario en WPFORMS y use la plantilla de formulario vacía.
En nuestra primera página, recopilaremos información esencial sobre nuestro cliente. Para nosotros, esto incluye un nombre, un nombre y un correo electrónico. Luego, tendremos una segunda página que recopila información más específica y, finalmente, una tercera página donde los clientes pueden ingresar comentarios o inquietudes. Obviamente, las áreas específicas son únicas para las necesidades de su empresa. Además, si cambia un formulario existente, simplemente puede tomar los campos en el formulario y agregar interrupciones de la página. Cree la primera página sacando los campos necesarios en el lienzo. Ahora, desplácese hacia abajo a la sección “Campos de lujo” de los campos y agregue un descanso de página. Esta página específica se rompe donde termina una página y donde comienza otra página. Debido a que lo detenemos en el espacio después de nuestro campo de correo electrónico, el nombre y los campos de correo electrónico estarán en una sola página, el usuario hará clic en el botón siguiente y se dirigirá a la página siguiente.

Así es como se ve nuestra forma hoy.

Tenemos nuestra primera página que recopila información de contacto y la segunda página que recopila información más personalizada. Finalmente, agregaremos la última página que recopila comentarios en un campo de texto de párrafo.

Como puede ver, tenemos 3 páginas y dos pausas de página. Para transferir de una página a otra, haga clic en el botón Siguiente en el frente. También hay un indicador de progreso que mostrará a los visitantes del front-end cuánto progreso han hecho cuando navegan a través del formulario. En su forma predeterminada, la etiqueta del botón que cambia entre páginas es la siguiente. Puede cambiar esto fácilmente accediendo a las opciones de campo para interrumpir la página. También puede cambiar el título de la página. Ahora que hemos configurado el formulario, incorporarlo en una página principal y obtener una vista previa de su funcionalidad. Al hacer clic en el botón de incorporación en la esquina superior derecha del editor WPFFORMS, se cambiará una ventana emergente para incorporar el formulario en cualquier página de póster. Copiaremos ese código corto y lo pegaremos a una página a través del editor de Gutenberg.

En el frente, ahora puede ver el formulario en tres pasos que acabamos de crear. Si eliminamos los pasos, este formulario será largo y estridente, lo que llevará a una tasa de conversión más baja.
Puede dar forma fácilmente al formulario para adaptarse a su marca y sitios web. Aumentar el número de clientes potenciales generados por las formas de abandono es una realidad, pero podemos minimizar su impacto utilizando un suplemento útil que viene con WPFORMS. Este complemento se llama “abandono del formulario WPFORMS”. Abandonar el formulario WPFFORMS recopila información a medida que se ingresan en el formulario. Esto significa que si alguien completa el primer paso, pero abandone el formulario en el segundo y tercer paso, todavía tenemos la información de contacto esencial que podemos usar para rastrear al visitante en una fecha posterior. Esto ayuda a aumentar el número de clientes potenciales Generado y minimiza el impacto de abandonar las formas. Debido a que esta es una forma más larga, seguramente tendrá algunos visitantes que completan los dos primeros pasos, pero abandonan el formulario. Configurar esto es extremadamente simple. Asegúrese de haber instalado el suplemento en su sitio de WordPress (esto se hace cargando el archivo zip como complemento), luego navegando por el panel de configuración para el formulario de múltiples pasos.

Navegue a la pestaña de abandono del formulario y verifique la configuración “Habilite la captura del abandono de los formularios”. Por defecto, guardará las entradas solo si se proporciona un correo electrónico o número de teléfono.