cover

¿Cómo agregar formularios de contacto a tu sitio web?


¿Cómo agregar formularios de contacto a tu sitio web?

Pausado

0:002:39

Agregar formularios de contacto a un sitio web suele ser muy complicado, ya que requiere que tengas conocimientos en backend y frontend. 😣

Personalmente, cada vez que tenía que agregar formularios a los sitios web de mis clientes, invertía bastante tiempo configurando el backend y maquetando los formularios (lo cuál también incrementaba los costos al agregar un servidor de correos), o en algunos casos, tenía que pagar un servicio carísimo que permitiera recibir mensajes.

Y para que no te pase lo mismo, quiero compartirte Formmy, la manera más sencilla de agregar formularios a tus proyectos:

  • 🎯No tiene problemas de compatibilidad, puedes agregarlo directamente en HTML, React, Wordpress, etc.
  • 🎨 Las opciones de personalización te permiten mantener el estilo visual de tu sitio, para que no se vea como frankenstein 🧟.
  • ⚙️ Puedes visualizar y analizar tus mensajes desde el dashboard.
  • 💰 Tiene un plan gratis y un plan PRO, pero si es para uso personal, el plan gratuito es perfecto para ti (no tendrás limite de mensajes).
  • 🔥 El plan PRO te da más opciones de personalización, y también te permite agregar usuarios que puedan visualizar tus mensajes.

Con formmy.app , configurar formularios en los sitios web de mis clientes pasó de tomarme horas a solo 5 minutos. Así que crea tu primer Formmy y agrégalo a tu proyecto siguiendo estos sencillos pasos:

1. Crear una cuenta. Ve a formmy.app y crea una cuenta usando un correo gmail.

enter image description here

2. Crear tu primer Formmy. Da clic en el botón « +Formmy» y ponle nombre.

enter image description here

3. Personalizar tu formmy. Selecciona los campos que quieres agregar a tu Formmy, elige el tema (dark o light), el estilo de tus inputs, y también, personaliza la imagen, mensaje y animación que verán tus clientes al completar el formulario (la animación puede ser confetti y hasta emojis 🎊 ).

enter image description here

4. Agregar Formmy a tu sitio web. Solo copia una línea de código, y pégala en tu proyecto.

enter image description here

5. Administrar tus mensajes. Desde el dashboard visualiza tus mensajes, márcalos como favoritos o elimínalos.

enter image description here

¡Y listo! Después de un par de clics, tienes tu formulario funcionando. 👻

📩 Suscríbete al newsletter y entérate de nuevos frameworks, actualizaciones, tips, hacks y más.

meta cover

Cómo hacer mock de componentes React, con Jest

Checa este otro Post

meta cover

El testing puede salvar tu vida

Checa este otro Post

¡Nuevo curso!

Animaciones web con React + Motion 🧙🏻