Is there a way to display Airtable records as content in Webflow without importing them to CMS collections?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

Yes, there is a way to display Airtable records as content in Webflow without importing them to CMS collections. Here's how you can do it:

Set up your Airtable account:

Create an account on Airtable if you haven't already.
Set up a base and add the necessary fields to store your data.

Retrieve the Airtable API:

In Airtable, go to your base and click on "Help" in the top right corner.
Select "API documentation" from the dropdown menu.
In the API documentation, navigate to the section that shows you how to authenticate using the API key and retrieve your records.

Connect Airtable to Webflow:

In Webflow, go to the Designer and open the settings panel for your project.
Scroll down to the "Integrations" section and click on the "API" tab.
Click on the "Add an API Key" button and enter a name for your API key.
Copy the API key that Webflow generates for you.

Create a custom integration in Airtable:

Go back to Airtable and navigate to your base.
Click on the "Help" button again and select "API documentation" from the dropdown menu.
In the API documentation, navigate to the section that shows you how to make a request to retrieve records.
Use a service like Postman or a programming language of your choice to make a GET request to the Airtable API using your API key and base ID.
Parse the response to extract the necessary data.

Display the Airtable records in Webflow:

In Webflow, open the Designer and navigate to the page where you want to display the Airtable records.
Place an HTML Embed element on the page where you want the records to be displayed.
Inside the HTML Embed element, write custom code using JavaScript or a framework like Vue.js to make a request to your custom Airtable API integration and retrieve the records.
Use the retrieved data to dynamically generate the content and display it on the page.

By following these steps, you can display Airtable records as content in Webflow without importing them to CMS collections. This allows you to have real-time data from Airtable displayed on your Webflow site.

Additional Questions:

How can I connect Airtable to Webflow?
What is the Airtable API and how does it work?
Can I update Airtable records from my Webflow site?

What are the options for pulling data from a Neo4J or other type of graph database into Webflow, specifically for displaying customer-specific data that is not part of the Webflow CMS?

Does Webflow offer a feature that allows users to sign up for a membership website using their Gmail without going through the account creation process?

What are some possible solutions to the issue of a Vimeo embed video not playing on mobile in Webflow?

What is the issue with accessing the RSS feed generated using Webflow's built-in RSS feed generator via node, and is there a workaround for it?

Can I design pages in Webflow and automatically integrate them with other platforms like a static site?

Is it possible for Webflow to integrate with Active Directory/Azure using SSO and how does the "Login with SSO" page on the Webflow site work?

Is there a way to remove the 5 item limit on multi-reference fields in Webflow?

Is it possible to use Webflow's E-Commerce functionality to build a login for clients to manage their details, invoices, and payments without incurring an additional recurring fee?

Can you please provide some assistance with my Webflow site using the provided Read-Only link?

How can I add custom JavaScript to trigger an event with a value of bookdemo.signed-up into Google Tag Manager via Segment when a user submits a Demo Request form on Webflow?