Webflow Data Source
The option of connecting a Webflow data source was removed. Because of changes to how the Webflow API will function, we are sunsetting the ability to use Webflow as a data source and on December 15, 2024 our Webflow integration will no longer work. We suggest you update your data source to either Airtable or Google Sheets at your earliest convenience.
Overview
When a data source powers your app, you can continuously update your app contents without having to republish it. It allows you to build a dynamic app that can create, read, update, and delete data. This doc covers connecting your app to Webflow as the data source.
When using Webflow as the data source for your Thunkable app, you’ll connect to a Webflow CMS or Content Management System collection. To connect your Webflow CMS to your Thunkable project, you have two options:
API Key
OAuth
Video Tutorial
How to Connect Your Thunkable App to a Webflow Data Source
In this tutorial, we’ll connect a Thunkable app to Webflow as a data source and display the data in our app.
Connect Your App to Webflow by API Key
In Thunkable, click the data icon in the left side panel to access your data source library.
Click the plus sign at the top of the panel.
You can select from previously added data sources or add a new data source. Click Create New.
Select Webflow.
Click the API Key tab.
In a separate browser tab, navigate to your Webflow site settings.
Click the Integrations tab.
Under the API access header, click Generate API token.
Copy the Webflow API token.
Return to your Thunkable tab.
Paste the copied Webflow API token into the corresponding field.
Click Refresh to see your Webflow sites.
Select the site you want to use as your data source.
Click Create.
Refresh your page to ensure the data is reflected in web preview or via the Thunkable Live app.
To protect the quality of its service, the Webflow CMS API default rate limit is 60 requests/minute. Exceeding this limit will result in an error on the Thunkable platform, so please keep this in mind as you build your app.
Connect Your App to Webflow by OAuth
In Thunkable, click the data icon in the left side panel to access your data source library.
Click the plus sign at the top of the panel.
You can select from previously added data sources or add a new data source. Click Create New.
Select Webflow.
Click the OAuth tab.
Click Connect to Webflow.
A Webflow authorization screen opens.
Select the sites or Workspaces you want to authorize access to.
Click Authorize app.
Refresh your page to ensure the data is reflected in the web preview or via the Thunkable Live app.
To protect the quality of its service, the Webflow CMS API default rate limit is 60 requests/minute. Exceeding this limit will result in an error on the Thunkable platform, so please keep this in mind as you build your app.
Display the Data in Your App
Once you've connected a data source, you can display the data in your app with a data viewer component. Learn more about data viewer components here:
Data Viewer ComponentsHave feedback on this doc? Please take a moment to share your feedback here: Thunkable Docs Feedback. Your valuable insights will help us improve and better serve you in the future.
Last updated
