Los webhooks de Webflow son una forma sencilla de hacer que tu web se conecte automáticamente con otras herramientas. Cada vez que ocurre algo importante en tu proyecto como el envío de un formulario, una nueva compra o un registro, Webflow puede enviar esa información a otra aplicación para que la procese en tiempo real.
Esto te permite automatizar tareas comunes sin complicarte. Por ejemplo, puedes hacer que los mensajes de un formulario de contacto se guarden directamente en Notion o Airtable, enviar los pedidos de tu ecommerce a Google Sheets o a tu sistema de gestión, o recibir una notificación en Slack cada vez que alguien se registra o completa una compra.
En este blog vamos a ver cómo configurar webhooks en Webflow y conectarlo con herramientas de automatización para que hagan el trabajo por ti.
Usar webhooks en Webflow es pedirle a tu web que envíe información automáticamente a otra herramienta cuando sucede algo importante. Ese "algo" puede ser el envío de un formulario, una compra o un cambio en el CMS. Cuando se activa uno de estos eventos, Webflow manda los datos directamente a una URL que tú hayas configurado. Así puedes conectar tu web con otras aplicaciones y automatizar procesos sin necesidad de programar.
Lo primero es tener claro qué quieres automatizar y cuándo. Por ejemplo, qué debería pasar cuando alguien envía un formulario o se registra en tu web. Cuanto más concreto tengas el objetivo, más fácil será configurar el webhook después.
En Webflow puedes usar distintos eventos como disparador, pero lo recomendable es empezar por algo sencillo, como un formulario de contacto. Así entiendes bien cómo funciona el flujo antes de añadir más automatizaciones.
Una vez tienes claro el evento, toca crear el webhook dentro de los ajustes del proyecto. En Webflow puedes hacerlo directamente en la sección de integraciones, donde solo tendrás que elegir el tipo de evento y pegar una URL de destino.
A partir de ese momento, cada vez que ocurra ese evento, Webflow enviará la información automáticamente a esa URL. Es decir, Webflow se encargará de avisar cuando algo pasa.
El siguiente paso es preparar la herramienta que va a recibir los datos. Herramientas como Make o Zapier te dan una URL especial para webhooks, que es la que debes pegar en Webflow.
Una vez conectadas, puedes decirle a esa herramienta qué hacer con la información. Guardarla en una base de datos, enviarla a un canal de Slack o actualizar una hoja de cálculo...
Es importante probar el flujo completo. Envía un formulario de prueba o simula una acción real para comprobar que los datos llegan correctamente.
Si algo no funciona, estas herramientas suelen mostrar errores o avisos que te ayudan a detectar qué falla. Dedicar unos minutos a probar ahora te ahorrará problemas futuros cuando la web esté en producción.
Cuando empiezas a usar varios webhooks, es fácil olvidarse de qué hace cada uno. Por eso acuérdate de documentar los flujos, aunque sea con una nota simple de qué hace cada automatización.
También es buena idea revisarlos de vez en cuando. Si cambias un formulario, una herramienta externa o un flujo interno, asegurarte de que todo sigue funcionando como debe.
Cuando empieces a crear webhooks en Webflow, ponles nombres que expliquen claramente qué hacen. Lo mismo para los escenarios en Make o Zapier. Esto te ahorrará mucho tiempo cuando tengas que revisar un flujo, hacer cambios o entender qué automatización está fallando, sobre todo si trabajas con varios proyectos a la vez.
No intentes automatizar todo desde el primer día. Empieza con algo simple, como enviar un formulario de contacto a Airtable o recibir una notificación en Slack. Cuando ese flujo funcione bien, ya tendrás margen para añadir más pasos.
Aunque Webflow suele enviar la información correctamente, siempre es buena idea revisar lo que llega antes de guardarlo en otro sitio. Comprobar que los campos importantes vienen rellenos o evitar duplicados es una forma sencilla de mantener tus datos limpios.
Los webhooks nativos de Webflow están pensados para casos comunes y funcionan muy bien para la mayoría de proyectos. Sin embargo, no permiten personalizar demasiado lo que se envía ni ver muchos detalles desde el propio Webflow.
Si tu web empieza a recibir mucho tráfico, los webhooks también se activarán más veces. Asegúrate de que la herramienta que usas puede manejar ese volumen y evita crear flujos complejos innecesariamente.
Los webhooks convierten Webflow en mucho más que una herramienta para crear webs. Con ellos, cada cambio puede activar acciones automáticas en otras herramientas, sin trabajo manual y en tiempo real. Y lo mejor es que una vez entiendes la lógica, conectar Webflow con herramientas como Notion, Airtable, Google Sheets o Slack se vuelve algo sencillo.
Si te interesa seguir aprendiendo y dar tus primeros pasos en el desarrollo de sitios web sin código, hemos preparado un curso gratuito de Framer donde aprenderás a hacer tu primera página web en menos de 2 horas. Nos vemos ahí.
Descubre lo que puedes crear en 7 días, sin saber programar
Cada día, un proyecto que podrás construir sin escribir una sola línea de código, directo a tu bandeja de entrada.
Empieza Gratis
Academia de herramientas no-code y low–code
.svg){kind=icon}
