You can update Webflow CMS items when an Airtable record changes using integration tools like Make (Integromat) or Zapier. Webflow does not currently support native sync with Airtable, so this must be done through third-party automation platforms.
1. Use Make or Zapier for Automation
- Make.com is the most robust choice for integrating Webflow with Airtable due to its support for updating CMS items via Webflow's API.
- Zapier can work for basic one-way updates, but it’s more limited, especially if you need to update existing CMS items rather than just create them.
2. Set Up Airtable Trigger
- Use Airtable’s “Watch Records” module (Make) or “New/Updated Record” trigger (Zapier).
- Set the trigger based on the “Last Modified” field in your Airtable base to detect changes.
3. Align Airtable Records with Webflow Items
- In your Airtable base, include a Webflow CMS Item ID field so each Airtable record links to the corresponding Webflow item.
- You can obtain the Webflow Item ID by:
- Exporting CMS data from Webflow and matching with Airtable records.
- Storing the returned Item ID during initial creation using the automation platform.
4. Use Webflow API to Update the Item
- In Make, use the “Update Live Item in Webflow” module and map fields from the Airtable record to corresponding CMS fields.
- Be sure to correctly pass:
- Collection ID
- Item ID
- Live Data fields (like title, slug, image URL, etc.)
- In Zapier, update is only available via Webflow's webhook support or custom API requests.
5. Optional: Add Filters and Logic
- Add conditional filters to skip updates if no changes occurred.
- Use routers or conditional branches in Make for complex logic.
6. Publish the Collection
- After updating the CMS item, trigger a Publish action to push changes live (optional depending on your setup).
- Use the “Publish Site” module in Make.
Summary
You can sync updated Airtable records to Webflow CMS items by using Make.com or Zapier to watch for changes, identify the matching CMS item by ID, and update the item using Webflow’s CMS API. Make offers more flexibility and control, especially for updates.