La forma más habitual (y recomendada) de integrar Airtable con Webflow es usando Make, una herramienta de automatización visual que te permite conectar ambas plataformas de forma sencilla y sin escribir código.
Es la opción que usamos en NocodeHackers, porque te permite ahorrar tiempo, evitar errores manuales y funciona incluso con su plan gratuito.
Esta integración te puede venir genial si tienes una web o una landing page y quieres dejar de pasar datos a mano. Por ejemplo, quieres guardar los leads captados en un formulario de forma automática en una base de datos.
A continuación te vamos a mostrar paso a paso cómo hacerlo, y también algunas alternativas para que puedas elegir la que mejor se adapte a ti.
Integrar Webflow con Airtable usando Make es muy sencillo En este caso, vamos a conectar ambas aplicaciones con el objetivo de recoger los datos obtenidos en el formulario de nuestra web, para llevarlos a una base de datos en Airtable.
Esto es lo que necesitas tener preparado antes de empezar:
Ahora, vamos a empezar con la integración.
Entra en Airtable y crea una base de datos nueva, puedes llamarla CRM-LEADS.
Dentro de la base de datos, crea una tabla llamada LEADS, que contenga los siguientes campos:
Entra en Make y haz clic en “Create a new scenario” para crear un lienzo en blanco.
Ahora haz clic en el símbolo “+” para añadir un módulo. Busca “Webflow” y selecciona “Watch event”.
Lo siguiente que tendrás que hacer es crear un webhook para poder enviar la información. Primero, tienes que hacer clic en “Create a Webhook”, puedes llamarlo “Nuevos Leads” por ejemplo.
Después tendrás que conectarte a tu cuenta de Webflow, para ello, debes hacer clic en “Create a connection”, puedes nombrarla cómo quieras pero debe añadir el correo electrónico con el que te creaste la cuenta de Webflow. Guarda la conexión y autoriza el acceso de Make al site donde tengas tu formulario.
Una vez conectado con Webflow, debes seleccionar el site de Webflow donde tienes el formulario. Después debes seleccionar el Site ID donde tiene el formulario y configurar el Trigger Type como “Form Submission”.
Opcional: Para comprobar que funciona, te recomendamos hacer un envío de prueba desde el formulario de tu web.
Este paso es muy parecido a cómo añadimos el módulo de Webflow. Primero tenemos que hacer clic en el símbolo “+”, después tienes que buscar “Airtable” y seleccionar el campo “Create a Record”.
Debemos conectarnos a nuestra cuenta de Airtable, y lo haremos siguiendo exactamente los mismos pasos que para conectar Webflow.
Lo siguiente es elegir la base de datos “CRM-LEADS” y la tabla “LEADS”.
Una vez hecho esto, debemos mapear los campos del formulario de Webflow con los Campos de Airtable:
Haz clic en “Run once” para hacer una prueba. Envía el formulario que aparece en tu web y asegúrate de que los datos aparecen correctamente en Airtable.
Si todo funciona correctamente, vuelve a Make y haz clic en el botón “Immediately as data arrives” para que tu integración funcione automáticamente en tiempo real.
De esta manera, cada vez que alguien rellene un formulario en tu web, Make recibirá los datos con el trigger “New Form Submission” e insertará automáticamente un nuevo lead en la tabla de Airtable.
Por último, para que en nuestro Airtable sólo se recojan los leads del formulario que acabamos de crear, debemos hacer clic en la llave inglesa que aparece entre los dos elementos en Make, y filtrar el formulario. Para ello debemos utilizar una variable que sólo esté en este formulario, cómo por ejemplo, su nombre.
Lo que acabamos de ver, aunque es el método que recomendamos, es una de las tantas formas que hay de integrar Airtable con Webflow, por eso, te voy a presentar a continuación otras alternativas que te pueden ayudar.
Es un plugin que permite sincronizar Airtable con el CMS de Webflow. Es muy útil para quienes gestionan contenido dinámico como post, fichas, eventos…
Se recomienda usarlo cuando necesitas tener Airtable como base donde almacenas todos tus contenidos y necesitas actualizar Webflow sin tocar el editor visual.
Antes hemos visto cómo conectar un formulario que está en una página web con una base de datos en Airtable, pero si quieres, también puedes usar Make para conectar Airtable con Webflow CMS usando los módulos “Create CMS Item” o “Update CMS Item”.
Es perfecto si quieres tener control total sobre cuándo y cómo se publican los cambios, aunque es necesario que configures algunos filtros y condiciones para no sobrescribir contenido por error.
Es una herramienta que ofrece conexión bidireccional entre Airtable y Webflow, es muy completa, pero es una opción poco viable para proyectos pequeños por su precio, el plan más económico cuesta 39€ al mes.
Puedes integrar ambas herramientas usando sus APIs oficiales, pero necesitarás saber programar.
Esta opción solo es recomendable si ninguna de las alternativas No-code cubre tus necesidades y tienes los conocimientos técnicos necesarios.
La mejor opción para integrar Webflow con Airtable es usando Make. Te permite hacer integraciones con diferentes objetivos, es relativamente sencilla de conectar y podrás hacerlo con el plan gratuito de Make. Anímate a probarla, y si te surge alguna duda, siempre puedes preguntarnos.
Si quieres seguir aprendiendo Webflow, puedes hacerlo en nuestro curso gratuito en el que aprenderás a crear webs profesionales sin saber programar.
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}
