Webflow Integrations - Help & Tutorials | Zoho Flow

Webflow

What is Webflow?

Webflow is a content management system and web design tool. You can build custom sites, create interactive designs, and optimize content with easy SEO controls.

How to connect your Webflow account to Zoho Flow

  1. Select the trigger or action required. If you select a trigger, click Next.
  2. If there are no existing Webflow connections in your account, click Connect. Otherwise, click +New.



    Alternatively, you can create a new connection by navigating to Settings, then Connections. Click Create connection and choose Webflow.
  3. Enter a connection name, then click Authorize.
  4. Click Accept to allow Zoho Flow to access your account.

API documentation

If you experience any Webflow-related errors in your flows, or if you wish to learn more about the Webflow API, the API documentation can be found here.
Learn how to fix app-specific errors using API documentation

Triggers and actions available in Zoho Flow

Triggers

Collection item created
Add new records to your spreadsheets whenever a new collection item is created in Webflow.

Collection item updated
Update your existing records on your database application based on updates made to the collection items in Webflow.

Form submitted
Use this trigger to create new contacts in your CRM or update your mailing list in the campaign management app.

Order created
Use this trigger to update your inventory or create a new invoice.

Actions

Create item
This action lets you create Webflow CMS items from rows in your Excel or Google Sheets worksheet.

Create live item
You can create Webflow CMS live items on your published site from YouTube videos or Medium articles.

Create product
Use this action to create a new product from your Zoho Sheet worksheet or Zoho Inventory records.

Fetch item
Lets you fetch the details of an existing item using its ID in Webflow.

Update item
Lets you update the details of an existing item using its ID in Webflow.

Update live item
Lets you update the details of an existing live item using its ID in Webflow.

Update product
Use this action to update the details of an existing product in Webflow using its ID in Webflow.

Common problems

1. Unable to extract form details as variables

Zoho Flow uses Webflow's REST API to extract data and there are some restrictions in it that make it challenging to display form data separated into different variables. All the fields you've configured in your form will be contained in an object labeled 'data'. However, there is a workaround that allows you to access individual fields within the 'data' object and map them to your desired actions. To do s
  1. Configure the Webflow trigger.
  2. If you have multiple forms, configure a Decision box (from Logic) to pass data coming from a specific form. Use the following condition:
    Name equals <your form's name>
  3. Select the action to which you want to pass this data.
  4. While mapping variables to the action's fields, locate the variable labeled 'data'. Click on it to view it mapped as ${trigger.data}.
  5. Modify the formula to ${trigger.data.<field name>} to access a specific field. For example, if you want to extract Email_address from the form data, modify the snippet to ${trigger.data.Email_address}.
  6. Save the flow and switch it on.

Note: To determine the label assigned to each field in the backend, you can test your flow using a sample submission. You will receive a payload similar to the following:
  1. {
  2.     "name": "Sample Form",
  3.     "site": "62749158efef318abc8d5a0f",
  4.     "data": {
  5.         "name": "Some One",
  6.         "email": "some.one@home.com"
  7.     },
  8.     "d": "2022-09-14T12:35:16.117Z",
  9.     "_id": "6321ca84df3949bfc6752327"
  10. }