Como crear un formulario

¡Crea formularios en HTML sin programar! – Para poner en tu web

Ahora mismo te mostrare como hacer un formulario de contacto con HTML + PHP y CSS, pero  sin programar nada en código… ¿cómo?

Si, es posible, con las herramientas que te a continuación te mostrare podrás crear de manera profesional un formulario de contacto visualmente con un resultado estándar pero, sin tener que aprender ningún lenguaje de programación tradicional.

Quédate, porque además empleas un CMS como WordPress, Joomla o Wix sabrás de algunos plugins exclusivos  para estos, que probablemente estabas dejando pasar.

Espero que esto te sirva mucho. Si tienes tiempo compártelo, gracias.

Crear formularios HTML sin programar

Tipos de formularios HTML según su fin

  • De contacto
  • De registro
  • De reservación
  • De pago
  • De suscripción
  • Tipo Quiz

En otra ocasión explicaré cada uno detalladamente, por lo que ahora nos enfocaremos en lo que estás buscando, los de contacto.

¿En verdad te conviene un formulario de contacto HTML?

Porque ya existen plugins como los chats en vivo y la verdad es que estos empiezan a funcionar mejor que cualquier otro método para comunicar al visitante o prospecto con el negocio o el vendedor.

Pero la realidad es que, hasta el día de hoy, los formularios de contacto tradicionales siguen ocupando la etiqueta de “indispensable”, por lo que no es recomendable dejar de emplearlos en tu web.

¿Por qué crear un formulario programando HTML5 y PHP desde cero?

Si en la actualidad esto es algo opcional. Si no cuentas ni con los conocimientos necesarios de estos lenguajes, ni con el tiempo para aprenderlos por lo menos aún, ni con el dinero para contratar que alguien se encargue del desarrollo, estas en el lugar indicado.

Herramientas para crear formularios HTML5 sin programar

Actualmente demasiadas cosas dentro del desarrollo web se pueden llevar a cabo sin la programación en código  de PHP, etc, y obtienes el mismo resultado como si mediante esta se realizara.

Existen desventajas muy claras y que deberías definir si te afectan en gran medida o no, que conlleva el utilizar estas herramientas:

Si lo quieres gratis: tendrás marcas de agua de la herramienta

Marca de agua

Podrás quitar las referencias a las herramientas que aparecerán en tus formularios solo si contratas uno de sus planes premium.

Al ser widgets externos, suelen consumir mas recursos
Al no estar instalados en tu servidor su respuesta de carga puede ser mas lenta aunque se ha comprobado que no siempre es así por los veloces servidores de estas herramientas.
Soporte la mayoría de veces en ingles (aun)
Como mucha de estas herramientas son emergentes, aun no ofrecen ayuda en español, por lo que su suporte para nosotros puede ser no el mas rápido o eficaz.

Cognito Forms

Por sus características actualmente según nuestra evaluación, es la mejor herramienta para crear formularios HTML de la lista, no solo sus precios son buenos si no su capacidad de personalización de apariencia, interfaz, integraciones, almacenamiento y mas.

Tipos de formularios que ofrece

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: Individual) | – Review

Precios (pagado al año):
  • Individual – $0
  • Pro  – $9/mes
  • Team – $19.2/mes
  • Enterprise – $79.2/mes
Precios (pagado al mes):
  • Individual – $0
  • Pro  – $10/mes
  • Team – $24/mes
  • Enterprise – $99/mes
Precios (pagado c/6 meses):
  • Individual – $0
  • Pro  – $10/mes
  • Team – $21.6/mes
  • Enterprise – $79.2/mes
[popup_trigger id=”20850″ tag=”boton”] [/popup_trigger]

 

Responster

Aun aquí, vemos increíbles opciones. Este programa también se centra en los gadgets de contacto especializados en la recopilación de feedback. Ofrece un diseño de formularios bastante moderno.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Quiz | – Review

Precios (pagado al año):
  • Free: $0
  • Plus: $15.83/usuario/mes
Precios (pagado al mes):
  • Free: $0
  • Plus: $19/usuario/mes

 

Zoho Forms

Zoho Forms es otra maravillosa herramienta. Es también una de las mejores opciones de este artículo, pues es tan potente y a la vez tan simple. Ofrece muchas opciones de personalización.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: Individual) | – Review

Precios (pagado al año):
  • Básico: $8/mes
  • Estándar: $20/mes
  • Profesional: $40/mes
  • Prémium: $80/mes
Precios (pagado al mes):
  • Básico: $10/mes
  • Estándar: $25/mes
  • Profesional: $50/mes
  • Prémium: $100/mes

 

Formularios de Google

Aunque viene del gigante de Internet es una opción un poco limitada en opciones de campos y personalización, pero aun así tiene ventajas como formularios y respuestas ilimitadas, ademas del gran almacenamiento (incluso gratis) que ofrece.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Quiz | – Review

Precios (pagado al año):
  • Gratis: $0

G Suite (solo aumenta el almacenamiento)

  • Basic: $4.16/usuario/mes
  • Business: $10/usuario/mes
  • Enterprise: $25/usuario/mes
Precios (pagado al mes):
  • Gratis: $0

G Suite (solo aumenta el almacenamiento)

  • Basic: $5/usuario/mes
  • Business: $10/usuario/mes
  • Enterprise: $25/usuario/mes

 

123FormBuilder

Una de las opciones más famosas, sin duda, 123FormBuilder se ha posicionado como el gigante en la creación de formularios de manera visual y no solo de contacto, es uno de los plugins de su tipo más utilizados en el mundo.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: Básico) | – Review

Precios (pagado al año):
  • Básico- $0
  • Gold – $20.8/mes
  • Platinum – $37.5/mes
  • Profesional – $70.8/mes
Precios (pagado al mes):
  • Básico- $0
  • Gold – $24.99/mes
  • Platinum – $44.99/mes
  • Profesional – $84.99/mes

 

Typeform

Es una de las tres apps para diseñar formas de contacto más revolucionarias. Typeform ofrece la creación de lo que se denomina “Formularios conversacionales” con lógica, lo que entra dentro de la Inteligencia Artificial.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: PRO) | – Review

Precios (pagado al año):
  • BASIC: $0
  • PRO: $30/mes
  • PRO+: $59/usuario/mes
Precios (pagado al mes):
  • BASIC: $0
  • PRO: $35/mes
  • PRO+: $70/usuario/mes

 

Paperform

Su oferta de paquetes de pago es una de las mejores si se le compara entre las grandes soluciones de esta lista, ofrece una interfaz realmente minimalista. con el que crear formularios es toda una genialidad de experiencia.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: Essentials) | – Review

Precios (pagado al año):
  • Essentials – $12.50/mes
  • Pro – $32.50/mes
  • Agency – A partir de $82.50/mes
Precios (pagado al mes):
  • Essentials – $15/mes
  • Pro – $39/mes
  • Agency – A partir de $99/mes

Wufoo

Es una herramienta muy intuitiva y una de las veteranas aquí. Sirve para la creación de todo tipo de formas, ya sean de pago, de suscripción-registro o de contacto básico. Aun así es un tanto limitada.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: Básico) | – Review

Precios (pagado al año):
  • FREE – $0
  • STARTED – $14.08/mes
  • PROFESSIONAL – $29.08/mes
  • ADVANCED – $74.08/mes
Precios (pagado al mes):
  • FREE – $0
  • STARTED – $19/mes
  • PROFESSIONAL – $39/mes
  • ADVANCED – $99/mes

JotForm

Se trata de un constructor fantástico, es realmente muy sencillo de usar y no perjudica mucho el tiempo de carga. Proporciona útiles miniwidgets para incluir en las formas como mapas. Es una de las mejores opciones.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz | – Pago (a partir de plan: Essentials) | – Review

Precios (pagado al año):
  • Started: $0
  • Bronze: $15.83/mes
  • Silver: $32.5/mes
  • Gold: $82.5/mes
Precios (pagado al mes):
  • Started: $0
  • Bronze: $19/mes
  • Silver: $39/mes
  • Gold: $99/mes
Precios (pagado c/2 años):
  • Started: $0
  • Bronze: $15.04/mes
  • Silver: $30.87/mes
  • Gold: $78.37/mes

Zotabox

Una estupenda plataforma de plugins web. Zotabox ofrece lo necesario y más que eso para mejorar una página web a nivel de conversión, pero también es una estupenda opción para crear formularios de contacto flotantes.

Tipos de formularios que ofrece:

– Contacto | – Registro o reservación | – RSVP | – Encuesta | – Suscripción a email list | – Quiz |

Precios (pagado al año):
  • FREE FOREVER: $0
  • STARTER: $3.49/mes
  • EXPRESS: $6.99/mes
  • PLATINUM: $17.49/mes
Precios (pagado al mes):
  • FREE FOREVER: $0
  • STARTER: $4.99/mes
  • EXPRESS: $9.99/mes
  • PLATINUM: $24.99/mes

 

Plugins adaptados para ciertos CMS’s

A continuación, están los widgets hechos o adaptados especialmente para algún CMS, son más fáciles de instalar y ofrecen una combinación a cada programa muy buena.

El mundo de las “Add-ons” empieza a tomar gran relevancia dentro de los sistemas de desarrollo web, actualmente son varios los que ofrecen un repositorio o tienda de complementos.

Para WordPress

Se trata probablemente del más conocido dentro del repositorio.

Uno de los complemento mejor adaptados al sistema de Automattic.

Se popularidad se puede respaldar por sus caracteristicas tan completas.

Entra dentro de los mejores por su potencia y capacidad de tenerla en un editor sencillo.

Para Joomla

Es la extensión gratuita más completa dentro del directorio.

Se trata de un widget gratuito muy bueno para lo requerido.

Form Maker ofrece muchas opciones de personalización en su editor.

Es una de las extensiones de su tipo más veteranas.

Para Drupal

Fue uno de los primeros plugins en su tipo en aparecer para el CMS.

Aunque está presente en otras plataformas, se adaptado completamente a Drupal.

Para Wix

Una herramienta demasiado fácil de usar y mejor aún, con el editor de Wix.

Desde los primeros pasos se expone como una aplicación muy intuitiva.

En verdad, probablemente la que tiene más opciones.

Preguntas que puedes hacerte respecto al post:

¿Cómo insertarlos en mi web?

Los primeros (los que no son exclusivos o adaptados para un CMS) se añaden en una web mediante un simple código HTML, es decir cuando llegues en este caso a ver uno de estos, tan solo habrías de añadirlo en tu sitio para tener instalado tu gadget en minutos.

Por si aún hay problemas para lo anterior, te dejo un tutorial donde se muestra como insertar un código HTML en las plataformas más populares de creación web.

¿Debo de pagar por crear los formularios?

No a la fuerza. Estas herramientas ofrecen versiones gratuitas, pero para conseguir mejores funciones o soporte de su parte, están sus planes de pago, nada despreciables.

¿Que más le puede ayudar a mi web?

Mira, en TodopatuWeb te mostramos muchos widgets HTML de alta calidad. Explorarlos aquí.