Webflow API
What is Webflow?
Webflow is a visual web design and development platform that allows users to build responsive websites without coding. It provides a powerful drag-and-drop editor, CMS capabilities, and hosting solutions, making it a popular choice for designers, marketers, and businesses looking to create and manage custom websites efficiently. Webflow enables users to design, launch, and scale websites with full creative control.
How to use Parabola's Webflow API
Parabola's Webflow API helps businesses automate website content updates and streamline data workflows.
- Automatically update Webflow CMS collections with external data
- Sync Webflow content with spreadsheets, databases, or other tools
- Automate website changes based on real-time business data
Learn more about Parabola’s Webflow integration below.
Connecting to Webflow via API
Webflow is currently only accessible via Parabola using an API step. Access the Webflow API docs here: https://developers.webflow.com/data/reference/rest-introduction
Authentication
All API requests require authentication to access your Webflow data. The easiest way to connect Parabola to Webflow is through an authorization token.
To create and manage site tokens, see Webflow’s documentation.
Once you have a token, set your API step to use a “Bearer token”, and paste your Webflow site token into the bearer token field.
Pulling CMS items
The most common data to pull from Webflow is a list of items in a specific collection. To do this with an API step, you will need to use the List Collection Items bulk API - docs here.
Using the API step in Parabola, configure a GET request to this endpoint:
https://api.webflow.com/v2/collections/:collection_id/items
Replace the :collection_id section of the URL with a collection ID from your Webflow site. Collection IDs can be found in the Webflow Designer, at the top of the settings panel for that specific collection:
.png)
Webflow APIs use Offset & Limit pagination - set both the offset and the limit to 100, and set the pages to fetch (each page will be 100 items) to an appropriate number.
Use this snippet (copy it and paste it anywhere in any Flow) to see a step that is mostly set up to pull collection items: parabola:cb:be322aeb-6ef6-4eed-9153-aec3d82cb336
The API step can be used to keep specific columns and rename them.