Cree formularios en línea (estilo personalizado) con Wufoo | Programar Plus

¿Necesita poner un formulario en un sitio web? He estado usando Wufoo para hacer eso durante una década. Es tan simple. Simplemente arrastre y suelte los campos que necesita y seleccione las opciones que desee. Incluso las cosas que podrían ser complejas no lo son, como agregar lógica (por ejemplo, si seleccionan esto, mostrar aquello) o paginación. Nunca se preocupe por el spam. Nunca se preocupe por la pérdida de datos, ya que todo está almacenado en el mismo Wufoo (¡con acceso a la API!).

Hay demasiadas funciones para explicar aquí (OK, dos más: ¡pagos! ¡Informes!). Sin embargo, uno de mis favoritos, que podría atraer a todos los usuarios de CSS: tiene un control completo de CSS sobre los formularios que crea. Echemos un vistazo a cómo funciona.

Hay temas en Wufoo. Puede crearlos y luego aplicarlos a tantas formas diferentes como desee. Hay muchas opciones aquí para cosas como cambiar fuentes, colores, bordes, etc.

Incluso hay una buena cantidad de fuentes personalizadas disponibles. Pero aquí en CSS-Tricks, en este momento estamos usando Source Sans Pro de Google Fonts, y esa no es una de las opciones.

¡Aunque no es gran cosa! Como tenemos un control completo de CSS, simplemente enlazaremos algo de CSS que pueda establecer esa fuente en todo el formulario.

En Avanzado, acabo de poner una URL a un archivo CSS que vincula mi CSS personalizado. Puedo hacerlo muy rápido, fácil y gratis en CodePen. Al agregar “.css” a cualquier URL de lápiz, puedo vincular directamente a ese CSS:

Con el selector correcto y las reglas aplicadas allí, ¡acabo de cambiar la fuente!

Eso es lo que quiero decir con control total de CSS. La hoja de estilo que vinculamos se agrega dentro del formulario sin importar dónde use el formulario de Wufoo, directamente en wufoo.com o incrustado en otro lugar. Está vinculado después de las propias hojas de estilo de Wufoo, por lo que es fácil anular el estilo existente. ¡Enloquecer!

(Visited 18 times, 1 visits today)