How to integrate Webflow with Notion to add items to Notion when a collection item is created in Webflow.

When you receive a lot of emails every day, it can be quite a hassle to save files to Dropbox each time.
Moreover, many people might have experienced the struggle of missing a file save or saving a file in the wrong folder, making it difficult to find later.

In this article, we will introduce a method to automatically save files received in Gmail to Dropbox!

By using no-code tools, you can easily set up automation between Gmail and Dropbox.
You can start using it right away, so be sure to give it a try!

Recommended for

Those who want to automatically upload files attached to Gmail to Dropbox
Those who want to integrate Gmail and Dropbox to facilitate smooth file sharing within the team
Those who want to prevent the loss of attachments and ensure proper document storage

For those who want to try it immediately

In this article, we will introduce the integration method using the no-code tool "Yoom".

No complicated settings or operations are required, and even non-engineers can easily achieve it.

You can start right away using the template below, so please give it a try!

Are you overwhelmed with data entry and information management in your daily tasks?
Especially when using multiple tools, the hassle of data migration and entry can often increase.
In this article, we introduce a flow that allows you to automatically add items created in Webflow to Notion.
This automation eliminates the need for manual data entry, potentially improving work efficiency.
The setup method introduced here can be implemented without programming knowledge, so even beginners can approach it with confidence.
Please give it a try!

Benefits of Integrating Webflow and Notion

Benefit 1: Efficient Data Management and Sharing

Every time a new collection item is added in Webflow, it is reflected in Notion.
This eliminates the need for manual data entry, potentially improving work efficiency.
Automation can prevent omissions and duplicates, improving the accuracy of information.
For example, when the marketing department creates a campaign page in Webflow and adds an item, that information is automatically reflected on the "Project Management" page in Notion.
This allows the sales department to quickly check the latest campaign information, leading to prompt client responses.

Benefit 2: Reduced Workload

The need for manual data entry and updates is eliminated, reducing the workload on staff.
This allows more time to be allocated to important tasks, potentially improving overall work efficiency.
For example, when the design department adds new product information to Webflow, the management department no longer needs to manually update Notion, freeing both departments from data entry tasks and allowing them to focus on other important tasks.

[About Yoom]

How to Create a Flow for Integrating Webflow and Notion

First, please access the official Yoom website and create an account.
If you already have an account, please log in.
Yoom Account Creation Page

Step 1: Connect Webflow and Notion to My Apps

1) Once logged into your Yoom account, register the apps you will use.
Click "My Apps" and select "New Connection."

2) Select the app you want to register and log in with the account you use for each app.
Once the first app is registered, click "New Connection" again to register the second app.

3) Once registered, icons will appear in My Apps.
Check if the icons for the two registered apps are displayed.

‍

This time, we will create a flow to [Add to Notion when an item is created in Webflow].
The creation flow is as follows.

・Copy the template
・Create a trigger in Webflow for "When an item is created."
・Then, set an action in Notion to "Add a record."
・Finally, turn it ON to activate the trigger

※ Note that this flow is to add information from Webflow to Notion, so you need to create records corresponding to Webflow's information in advance.
Please prepare the records with the necessary items created.

Step 2: Select and Copy the Template

1) Open the template above and click on the "Try this template" icon.

2) The following display will appear.

Click the icons with "!" on the right in order to set up the operations.
Titles and details can be edited by clicking, so please change them as needed.

‍

Step 3: Set Up the Trigger

Click on "App Trigger: When a collection item is created".

‍

Step 4: Set Up Webflow Actions

1) Select the action "When a collection item is created" and click "Next".
‍

‍
2) Enter the site ID.
If the app is linked, you can select from the suggestions.
After entering, click "Test" and if successful, click "Save".

3) Send a webhook event, click "Test", and if successful, click "Save".

Step 5: Set Up Notion Actions

1) Return to the flow and click on the "Operate Database: Add Record" icon.

2) Select the action "Add Record" and enter the database ID.
After entering, click "Next".

3) Enter the values for the record to be added.
If the app is linked, you can use Webflow's output information to input.
Select from the suggestions as needed, and once input is complete, click "Save".

This completes the flow of "Add to Notion when a collection item is created in Webflow".

‍

Step 6: Test and Verify

Once all settings are complete, the following display will appear, so click "Turn on Trigger".
Start the flow bot and verify that it operates correctly.

Here is the template used this time

Other Automation Examples Using Webflow and Notion

Here are some other automation templates using Webflow and Notion available on Yoom. Please utilize these templates according to the tasks you want to automate and the combination with the apps you are currently using.

1. Add to Notion When an Order Occurs in Webflow
This template automatically adds data to Notion when an order occurs in Webflow. It eliminates the need to manually enter order information, reducing input time. Additionally, it helps prevent human errors such as input mistakes and duplicates, reducing follow-up tasks for errors and improving overall operational efficiency.

2. Add to Notion when a Webflow form is submitted
You can automatically add the content of forms submitted from Webflow to Notion.
This eliminates the need to log in to the Webflow dashboard each time to manually transfer form contents, which can help prevent human errors and improve work efficiency.
Additionally, having the form content automatically added to Notion allows for a smoother customer response process.

3. Create a Quotation in Google Docs Using Notion Database Information and Send an Email via Gmail
By utilizing this flow, you can automatically add information registered in Notion to a quotation template to create a quotation and send it via email.
Since the quotation is created by referencing information from Notion, you can produce highly accurate quotations.
Additionally, you can customize the email sent with the quotation, enabling quick dispatch of quotations and improving work efficiency.

Summary

With the integration of Webflow and Notion, it is now possible to add items created in Webflow collections directly to Notion.
This integration eliminates the need for manual input and facilitates smooth information sharing across the team.
Additionally, it reduces workload and prevents input errors through automation, which is expected to improve operational accuracy.

The workflow introduced using Yoom is easy to implement without programming and can be used immediately by beginners.
Please use this article as a reference to help improve your company's operational efficiency.