Webflow

Getting Started with Webflow

The Webflow modules allow you to monitor events, list, get, publish sites, or list, get, create, update and delete items, orders and other items in your Webflow account.

Prerequisites

  • A Webflow account

In order to use Webflow with Integromat, it is necessary to have a Webflow account. If you do not have one, you can create a Webflow account at webflow.com/dashboard/signup.

The module dialog fields that are displayed in bold (in the Integromat scenario, not in this documentation article) are mandatory!

Connecting Webflow to Integromat

To connect your Webflow account to Integromat follow the general instructions for Connecting to services.

After you click the Continue button, Integromat will redirect you to the Webflow website where you will be prompted to grant Integromat access to your account.

2019-09-05_14_32_59-Authorize_Integromat.png

Confirm the dialog by clicking the Authorize Application button.

Webhook

Watch Events

Triggers when a specified event in your Webflow account occurs.

Click the Add button to set up the webhook module.

2019-09-06_09_35_37-Integration_Webflow___Integromat.png

Webhook Name Enter a name for the webhook. E.g. Site Published.
Connection Establish a connection to your Webflow account.
Site ID Select the site that you want to monitor for occurred events.
Trigger Type Select the event that will trigger the module.

Site

List Sites

Lists all sites in your Webflow account.

Connection Establish a connection to your Webflow account.
Limit Set the maximum number of sites Integromat will return during one execution cycle.

Get Site

Retrieves site details.

Connection Establish a connection to your Webflow account.
Site ID Map or select the site you want to retrieve details about.

Publish Site

Publishes an existing site.

Connection Establish a connection to your Webflow account.
Site ID Select the site you want to publish.
Domain Select the domain you want to publish the site on.
When the domain is not listed in the drop-down menu you can publish it on Webflow domain by entering your-site-name.webflow.io manually.

Collection

List Collection

Retrieves all collections form the specified site.

Connection Establish a connection to your Webflow account.
Site ID Select the site you want retrieve collections from.
Limit Set the maximum number of collections Integromat will return during one execution cycle.

Get Collection

Retrieves a collection's details.

Connection Establish a connection to your Webflow account.
Enter collection ID Select whether you want to select the collection from the menu or enter (map) the collection manually.
Collection ID Enter or map the Collection ID of the collection you want to retrieve details about.

Item

List Items

Retrieves items of the CMS collection.

Connection Establish a connection to your Webflow account.
Enter collection ID Select whether you want to select the collection from the menu or enter (map) the collection manually.
Collection ID Enter or map the Collection ID of the collection you want to retrieve items from.

Get Item

Retrieves item details.

Connection Establish a connection to your Webflow account.
Enter Item ID Select whether you want to select the item from the menu or enter (map) the collection manually.
Collection ID Enter or map the Collection ID that contains the items you want to retrieve.
Item ID Enter or map the Item ID of the item you want to retrieve details about.

Create Item

Creates a new item.

Connection Establish a connection to your Webflow account.
Site ID Select or map the site that contains the collection you want to create an item for.
Collection ID Enter or map the Collection ID of the collection you want to create an item for.
Fields

Fill desired fields.

Name
Enter the name of the item.

Slug
Define the item's slug - the URL structure of the item in your site.

Select whether to set the item as archived or/and as a draft.

Live

Select the Yes option to publish the item to the live site.

Update Item

Edits the item.

Connection Establish a connection to your Webflow account.
Site Select or map the site that contains the collection you want to create an item for.
Collection Enter or map the collection that contains the item you want to update.
Item Select or map the item you want to update.

Please find the descriptions of the fields in the Create Item  section above.

Delete Item

Connection Establish a connection to your Webflow account.
Enter Item ID Select whether you want to select the item from the menu or enter (map) the collection manually.
Collection Enter or map the collection that contains the item you want to delete.
Item Select or map the item you want to delete.

Order

List Orders

Retrieves orders from the specified site.

Connection Establish a connection to your Webflow account.
Status Select the status of orders to be retrieved.
Limit Set the maximum number of orders Integromat will return during one execution cycle.

Get Order

Retrieves order details.

Connection Establish a connection to your Webflow account.
Site ID Enter (map) or select the site you want to retrieve the order from.
Order ID Enter (map) or select the order you want to retrieve details about.

Update Order

Allows you to change order details.

Connection Establish a connection to your Webflow account.
Site ID Enter (map) or select the site that contains the order you want to update.
Order ID Enter (map) or select the order you want to update.
Fields Fill the fields that should be updated.

Mark Order Fulfilled/Unfulfilled/Refunded

Updates an order’s status.

Connection Establish a connection to your Webflow account.
Site ID Enter (map) or select the site that contains the order which status you want to change.
Order ID Enter (map) or select the order which status you want to change.
Mark Order As Select the new status of the order.

Inventory

Get Item Inventory

Retrieves the current inventory levels for a particular SKU item.

Connection Establish a connection to your Webflow account.
Enter Item ID Select whether you want to select the item from the menu or enter (map) the collection manually.
Collection ID Enter or map the Collection ID that contains items you want to retrieve levels for.
Item ID Enter or map the Item ID of the item you want to retrieve levels for.

Update Item Inventory

Updates the current inventory levels for a particular SKU item.

Connection Establish a connection to your Webflow account.
Enter Item ID Select whether you want to select the item from the menu or enter (map) the collection manually.
Collection ID Enter or map the Collection ID that contains items you want to update levels for.
Item ID Enter or map the Item ID of the item you want to update levels for.
Inventory Type

Select whether you have finite or infinite quantity of items in your inventory.

Quantity
When the finite type is selected. Sets quantity to the entered value.

Update Quantity
When the infinite type is selected. Adds this quantity to currently store quantity. Can be negative.

Make an API Call

Allows you to perform a custom API call.

Connection Establish a connection to your Webflow account.
URL

Enter a path relative to https://api.webflow.com/. E.g. /collections/5d70ff90c8ca5df72b43c89b/items where the sample number5d70ff90c8ca5df72b43c89b is the Collection ID of the collection you want to retrieve items from, according to the following endpoint description:/collections/:collection_id/items

For the list of available endpoints, refer to the Webflow API documentation.
Method

Select the HTTP method you want to use:

GET
to retrieve information for an entry.

POST
to create a new entry.

PUT
to update/replace an existing entry.

PATCH
to make a partial entry update.

DELETE
to delete an entry.

Headers Enter the desired request headers. You don't have to add authorization headers; we already did that for you.
Query String Enter the request query string.
Body Enter the body content for your API call.

Example of Use - List Items from the Collection

The following API call returns all items from the specified collection:

2019-09-06_17_13_31-Integration_Webflow___Integromat.png

Matches of the search can be found in the module's Output under Bundle > Body > items.
In our example, 5 items were returned:

2019-09-06_17_14_22-Integration_Webflow___Integromat.png

Popular use cases from our blog

facebook-leads-airtable-article-illustration

How to Easily Import Leads from Facebook to Mailchimp and Airtable

Active-campaign-automation-illustration.png

How to Boost ActiveCampaign Automations With Integromat

Instagram-for-business-2-illustration

Instagram for Business Automation: 3 Powerful Templates to Get Started

How-to-automate-reporting-with-nocode-illustration

Automated Reporting: Get Rolling With 4 Easy, Practical Solutions

How-to-manage-Twitter-from-a-Notion-database-part-1-Illustzration

Can You Tweet From Notion? Yes, and Here’s How to Do It [Tutorial]

slack-automation-illustration

Slack Automation: 20 Free Templates to Get You Inspired

Didn’t find what you were looking for?

Ticket

Create a ticket

Contact our world-class support team and tell us what’s happening.

Create a ticket
Expert

Find an expert

We feature a network of 450+ certified partners across the globe who are ready to help

Find an expert

Automate any workflow in your business

Sign up for a free account today. No credit card required, no time limits on free plan.