Opciones para crear formularios web | Programar Plus

Hay muchos servicios de creación de formularios, complementos y marcos en la naturaleza que facilitan mucho la tediosa tarea de diseño y desarrollo de formularios. Vamos a ver algunos de ellos en esta publicación.

¿Por qué no hacerlo usted mismo?

Crear un formulario es una de esas tareas en el desarrollo de front-end que olvido lo difícil que es hasta que me piden que lo haga. No es gran cosa si hablamos de un par de entradas de texto y un botón de envío, pero a menudo estamos viendo algo mucho más complejo. Botones de radio, entradas numéricas, validación y envío de Ajax, ¡oh, Dios mío! Eso es incluso antes de que comencemos a discutir las inconsistencias del navegador, los estados de entrada, la integración de pagos y la accesibilidad.

Nada es tan interdisciplinario como la construcción de formas. Se diseñan formularios. Los formularios se desarrollan en el front-end. Los formularios se desarrollan de forma interna. La forma también es una preocupación para la gente del servidor y de la base de datos. Los formularios nuevos y los cambios en los formularios existentes pueden ser un esfuerzo interdisciplinario difícil de coordinar.

Es genial construir formas desde cero, pero no hay que avergonzarse de pararse sobre los hombros de gigantes que ya han hecho el trabajo pesado. Hacerlo puede minimizar el costo y el tiempo para un cliente y conducir a una mejor experiencia para el usuario final.

Servicios de formularios alojados

Una opción es utilizar un servicio alojado para sus formularios. De esta manera, está descargando la mayor parte del trabajo relacionado con formularios que, de otro modo, su equipo tendría que realizar. Tiendo a utilizar servicios de formularios alojados cuando hay muchas consideraciones complejas para un formulario, como la lógica condicional, la paginación y los informes. Estas empresas se han dado cuenta de todo eso por nosotros y, considerando el tiempo, por un precio inferior al de desarrollarlo nosotros mismos.

Wufoo / SurveyMonkey

Estos servicios están bajo el mismo paraguas estos días. Es posible que sepa que Chris trabajó para Wufoo antes de que Survey Monkey lo adquiriera. Wufoo es un anunciante aquí en Programar Pluspero no ha pagado por su inclusión en esta publicación. Incluimos estos servicios porque simplemente trabajo. Wufoo es para cualquier tipo de formulario web, mientras que SurveyMonkey es probablemente una mejor herramienta específicamente para encuestas de formularios web.

Usamos Wufoo para potenciar el formulario de contacto aquí en Programar Plusy lo hemos hecho durante muchos años sin necesidad de cambiarlo por nada más. Debido a que Wufoo ofrece una fácil integración de pagos, también lo hemos usado para vender productos varias veces. ¡Ni siquiera toman un corte, solo viene con un plan pago!

La interfaz de Wufoo

Lo que más me gusta de Wufoo es la cantidad de personalización que ofrece. Hay varias formas de incrustar un formulario en un sitio web y opciones para personalizar la apariencia utilizando sus temas o CSS personalizado. De esta manera, es extensible además de funcionar desde el primer momento. Escribí una publicación hace mucho tiempo sobre cómo usé Wufoo como una herramienta para obtener comentarios sobre el servicio al cliente.

Polldaddy

Polldaddy es de Automattic, la fuerza detrás de WordPress. Al igual que Wufoo, es un servicio alojado y es adecuado para formularios complejos, como encuestas. Una cosa que personalmente me gusta (aparte de su interfaz limpia) es que ofrece una buena aplicación de iOS para recopilar datos de formularios en otros lugares que no sean un sitio web. Eso es perfecto, algo como una conferencia, firma de libros o algún otro evento en vivo donde la recopilación de información en persona sería un beneficio.

Editor de formularios Polldaddy

Formularios de Google

Google Forms es único en este grupo, ya que es completamente gratuito. Es parte del mundo de Google Docs junto con Presentaciones y Hojas de cálculo (puede exportar datos de formularios a Hojas de cálculo). Ser parte de ese mundo significa invitar a colaboradores a las formas que construyes allí.

Editar un formulario de Google

Es un generador de formularios bastante agradable y convincente debido a que no tiene costo, pero también es bastante limitado. Sin pagos, sin lógica, control de diseño muy limitado, las incrustaciones de iframe pueden ser un poco raras (requieren desplazamiento), etc.

Tipo de formulario

Typeform crea formularios con una interfaz única: cada pregunta se hace una a la vez, más como una conversación de la vida real.

Formstack

Formstack también es un servicio de formulario totalmente alojado, con algunas características bastante únicas que pueden ser de particular interés para las grandes necesidades comerciales y de marketing. Por ejemplo, rastrean envíos parciales, por lo que está recopilando información incluso si el usuario no completó el formulario. Permiten realizar pruebas A / B y rastrear dónde se quedaron las personas, para identificar cuellos de botella y aumentar las conversiones.

Creadores de formularios en línea

¿Una plataforma alojada es demasiado para su proyecto? Otra opción es utilizar un generador de formularios en línea.

Es una línea muy fina entre un servicio de formulario alojado y un creador de formularios. Cuando un SaaS proporciona todo lo que pueda necesitar y lo aloja por usted, un creador de formularios proporciona las acciones que necesita para recibir datos y notificaciones. Usted aloja el formulario en su sitio y el servidor del creador de formularios procesará los envíos por usted.

Forma simple

Simple Form es un ejemplo perfecto de un creador de formularios en línea. Le proporciona un token de API, que luego se puede agregar al marcado del formulario en un sitio para enviar y recibir datos de los servidores de Simple Form. No es necesario registrarse o registrarse; solo un token de API. Eso es muy bonito.

FormKeep

FormKeep es otro creador de formularios en línea viable. La principal diferencia aquí es que se requiere iniciar sesión para comenzar y, una vez que lo hace, tiene la opción de actualizar sus formularios para recopilar más datos. De lo contrario, existen límites bajos para la cantidad de presentaciones que se pueden aceptar en una forma determinada.

Algo muy bueno de FormKeep: tiene un montón de webhooks Zapier que pueden integrar su formulario con otros servicios, como MailChimp, Trello, Salesforce y muchas de las aplicaciones web de Google.

Formspree

Formspree es una especie de término medio entre los otros dos creadores de formularios en línea que hemos visto. No se necesita registro o cuenta para obtener acciones de formulario, pero hay un límite de 1,000 envíos por formulario antes de que se necesite una cuenta y una actualización.

Lo que más me gusta de Formspree es que proporciona una gran cantidad de opciones avanzadas para personalizar el comportamiento de un formulario usando name valores en el marcado.

Complementos de WordPress

Ejecutar un sitio de WordPress significa que tiene acceso a muchos, muchos complementos que hacen que los formularios sean mucho más manejables que comenzar desde cero. Estos son algunos de mis favoritos, cada uno por diferentes razones.

Formas de gravedad

Este es un complemento premium (es decir, cuesta dinero) que coloca un generador de formularios real en el administrador de su sitio. Gravity Forms le permite crear un número ilimitado de formularios directamente desde el panel de WordPress, incluye una interfaz elegante de arrastrar y soltar y ofrece todas las opciones avanzadas que podría esperar ver en algo como Wufoo, como lógica condicional, personalizaciones de estilo. e integraciones con servicios populares.

La interfaz de Gravity Forms

Tiene control total sobre las notificaciones de envío, los activadores de correo electrónico y el diseño. Mi característica favorita es el nivel de control de Gravity Forms en todos los niveles. Por ejemplo, cada entrada tiene un conjunto de configuraciones avanzadas que se pueden usar para personalizar todo, desde la apariencia y el comportamiento de la entrada hasta su accesibilidad y capacidad para extraer datos de otros campos en el mismo formulario.

Luego, al igual que Wufoo, el formulario se incrusta en cualquier página de publicación utilizando un código abreviado único.

Formas Ninja

Me he estado apegando más a este complemento. Es completamente gratis en el sentido de que se incluyen las funciones de formulario básicas (pero también increíbles), luego un montón de complementos disponibles por un costo.

Por el momento, creo que Ninja Forms es una sólida comparación con Gravity Forms desde la interfaz hasta las funciones que se ofrecen. Sin embargo, sí sé que el equipo está trabajando en una gran renovación en la versión 3 que cambiará un poco las cosas de una manera increíble y lo distinguirá aún más de Gravity Forms.

Formulario de contacto 7

Este es el OG de los complementos de formulario de WordPress. Este es el primero que recuerdo haber usado en un sitio de WordPress. Está lejos de las funciones avanzadas de Gravity Forms y Ninja Forms, pero es completamente gratuito y aún hace algunas cosas bastante ingeniosas, desde la configuración de notificaciones hasta las cargas de Ajax en la interfaz. Además, hay una comunidad detrás que ha contribuido con extensiones y complementos para personalizar aún más la experiencia.

A menudo recurro al Formulario de contacto 7 en proyectos de WordPress más pequeños con necesidades de entrada de formulario de nivel de línea de base. Puede requerir un poco más de instrucción al devolver un proyecto al cliente, pero es más que suficiente para muchos casos de uso.

Estructuras de formulario

Digamos que usted es del tipo de bricolaje que no necesita ayuda con el procesamiento de formularios. Aún puede beneficiarse del trabajo de otros que se han esforzado en crear marcos para formularios que no solo sean atractivos, sino que manejen aspectos a menudo problemáticos de formularios como la accesibilidad y la compatibilidad del navegador. Realmente no hay necesidad de resaltar estas herramientas ya que ya están bien utilizadas y documentadas, pero al menos podemos vincularlas.

  • Oreja
  • Fundación
  • Borbón
  • Formalizar
  • Mas o

Ejemplo de estilo de forma de base

Terminando

Elijo las soluciones de formulario en función de lo que creo que se adaptará mejor a un proyecto en particular. En la mayoría de los casos, utilizo algún tipo de solución de forma, porque la construcción de formas es muy difícil dadas todas las permutaciones o lo que se puede requerir.

Zapier ha elaborado una lista propia con algunas opciones. Reuní esta publicación en función de experiencias personales con varios servicios, pero ¿qué otros has encontrado? Házmelo saber en los comentarios.