Webflow Data Source
Last updated
Was this helpful?
Last updated
Was this helpful?
The option of connecting a Webflow data source was removed. Because of changes to how the , we have removed the ability to use Webflow as a data source and replaced the existing tables with local tables. We suggest you update your data source to either Airtable or Google Sheets at your earliest convenience.
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
In this tutorial, we’ll connect a Thunkable app to Webflow as a data source and display the data in our app.
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.
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.
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:
Have feedback on this doc? Please take a moment to share your feedback here: . Your valuable insights will help us improve and better serve you in the future.
