cover

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

author photo

Brenda Ortega

@brenda-ort


robot logo saying hello

No te quedes atrás: Actualízate

Suscríbete para recibir información sobre nuevos frameworks, updates, eventos, tips, hacks y más.

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.


¿Quieres mantenerte al día sobre los próximos cursos y eventos?

Suscríbete a nuestro newsletter

Jamás te enviaremos spam, nunca compartiremos tus datos y puedes cancelar tu suscripción en cualquier momento 😉

robot logo saying hello
facebook icontwitter iconlinkedin iconinstagram iconyoutube icon

© 2016 - 2023 Fixtergeek