Saltar al contenido

10 ejemplos de formularios web que querrá copiar de inmediato

febrero 19, 2022
web form best

En los últimos años, me siento un poco mimado cuando se trata de completar formularios en línea; por lo general, pueden completar automáticamente mi información y tardan menos de un minuto en obtener lo que necesito.

Los formularios solían requerir tanta información, realmente tendrías que, De Verdad quiero algo para dedicar el tiempo a llenar uno.

Ahora, nos damos cuenta de inmediato si un formulario es engorroso o consume mucho tiempo, porque muchos formularios no lo son. Si un formulario no nos da casi instantáneamente lo que queremos, nos deshacemos de la página.

Aquí, hemos recopilado algunos de los formularios en línea más impresionantes para que pueda aprender con el ejemplo y, con suerte, aplicar algunos de estos métodos a sus propios formularios web en el futuro.

Cree e incruste fácilmente formularios en su sitio.  Prueba Formularios de HubSpot gratis.

1. Pedal de arranque

El formulario de registro de Kickstarter está limpio, con un fondo blanco básico, para que pueda concentrarse en los campos del formulario que importan. Tampoco pide demasiada información, lo cual es clave para mantener la atención de una audiencia ocupada.

10 Web Form Examples Youll Want to Copy Immediately 4

2. casa de Fraser

El formulario de House of Fraser es tentadoramente fácil, con un menú desplegable para seleccionar métodos de entrega y columnas como «cobro o entrega» y «pago y facturación», para que pueda ver dónde se encuentra en el proceso. Lo mejor de todo es que el formulario incorpora la opción de chat en vivo. Si un comprador tiene inquietudes o dudas, es útil tener la posibilidad de obtener aclaraciones dentro del formulario mismo sin salir de la página.

casa de Fraser

3. Grapas

Una opción de pago como invitado suele ser imprescindible para garantizar que cualquier persona pueda comprar su producto, con o sin una cuenta. Si alguien tiene prisa, es posible que se sienta frustrado por un largo formulario de «Crear cuenta» y abandone sus esfuerzos. Staples comprende la necesidad del pago como invitado y encuentra una manera de incluirlo sin perder demasiados nuevos propietarios de cuentas con esa opción: debajo del campo «Cliente nuevo», describen los beneficios de crear una cuenta en comparación con el pago como invitado. Crear un registro de nuevos clientes más fácil es una forma efectiva de convertir a más usuarios en propietarios de cuentas.

10 Web Form Examples Youll Want to Copy Immediately 7

4. Leadformly

Estoy dispuesto a apostar que cuando ve solo una pregunta, está más dispuesto a completarla que si le mostraran una lista larga. Manteniéndolo en un cuadro de campo a la vez y creando un ícono de progreso en la parte inferior, Leadformly probablemente mitiga la cantidad de usuarios que abandonan la página antes de completarla.

10 Web Form Examples Youll Want to Copy Immediately 2

5. Pase de clase

Presuntamente, el azul produce un efecto calmante, que es exactamente lo que sentí al ver la página de inicio de Class Pass e inmediatamente vi un botón azul de prueba gratuita. Está claro que saben lo que quiero. Su formulario es uno de los más fáciles de la lista: solo requiere su nombre, correo electrónico y contraseña, o puede iniciar sesión a través de Facebook. Además, cuando completa el formulario, se le otorga inmediatamente una cierta cantidad de crédito y un mensaje que le indica la cantidad promedio de clases que puede tomar en su ciudad con esos créditos.

10 Web Form Examples Youll Want to Copy Immediately 3

6. Toptal

Un formulario aún debe cumplir con las reglas de servicio al cliente de calidad. ¿Cómo puede su formulario ser útil para un consumidor potencial, sin frustrarlo con preguntas innecesarias? Toptal, que lo ayuda a encontrar y contratar freelancers independientes de élite, hace un trabajo increíble, primero al mostrar qué tan avanzado está un usuario en el envío de su formulario (lo que lo alienta a continuar), y segundo, al incorporar una conversación telefónica sin problemas en el proceso.

Después de responder algunas preguntas, su formulario concluye con una pregunta: ¿Cuándo deberíamos llamarlo? Tiene la opción de ahora o más tarde, y una vez que haya respondido, el formulario ofrece integrar automáticamente su llamada telefónica programada en su calendario de Google o iCalendar. Toptal sabe que su valor se explica mejor por teléfono, y su formulario demuestra que respetan su tiempo y no quieren desperdiciarlo.

10 Web Form Examples Youll Want to Copy Immediately 9

7. Pasión de experiencia de usuario

A veces es necesario solicitar más información que solo el nombre y el correo electrónico, lo que puede frustrar a un usuario. Si incorpora un mensaje como el de UX Passion: «Cuanto más sabemos, más podemos ayudar», podría contribuir en gran medida a aliviar esa frustración. Su mensaje agrega un elemento humano, recordándole que los campos del formulario se eligieron como elementos necesarios para ayudarlo, no solo para hacerle perder el tiempo.

10 Web Form Examples Youll Want to Copy Immediately 1

8. Campamento base clásico

Tan pronto como llegue a la página de Basecamp Classic, será recibido con un formulario. En la parte superior, el formulario menciona cuánto tiempo llevará completarlo (60 segundos) y, en la parte inferior, destaca los beneficios del plan gratuito y promete que la prueba no finalizará. Con esas declaraciones en la parte superior e inferior del formulario, es probable que la mayoría de los visitantes lo llenen porque… bueno, ¿por qué no?

10 Web Form Examples Youll Want to Copy Immediately 5

9. Cosecha

Hay dos razones por las que me encanta este formulario de Harvest: primero, responde mis principales preocupaciones por adelantado: ¿Tendré que proporcionar una tarjeta de crédito y correr el riesgo de que me cobren si no cancelo mi cuenta? ¿Y qué me estoy perdiendo con la versión gratuita?

La segunda razón por la que me encanta el formulario es el cuadro «5 razones por las que te encantará la cosecha» a la derecha. El resto del formulario está limpio y ordenado, por lo que no hay confusión sobre dónde o qué completar, pero si comienza a renunciar, el cuadro a la derecha es un paso adicional para asegurarse de recordar por qué se está registrando.

10 Web Form Examples Youll Want to Copy Immediately 8

10 Comparar el mercado

Este es uno de los más fáciles de usar de la lista, con iconos sobre los que puede pasar el cursor para elegir A o B, en lugar de un campo de texto. Lo mejor de todo es que cuando pasa el cursor sobre un ícono como «Sí, tengo mi factura», se le ofrece una explicación sobre por qué es necesaria y si puede continuar sin ella. Además, los botones son grandes y coloridos, lo que crea una experiencia de usuario atractiva y visualmente atractiva.

10 Web Form Examples Youll Want to Copy Immediately 6

Si todavía no está seguro de qué dirección debe tomar sus formularios en línea para hacer que su comprador esté más feliz, intente probar A/B uno de estos elementos a la vez. En última instancia, su formulario es un método para interactuar con sus clientes, por lo que debe ser reflexivo, relativamente fácil y un fuerte reflejo de su marca.

Nueva llamada a la acción