How to integrate Webflow with Notion to add entries to Notion when a Webflow form is submitted

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!

Integrating Webflow with Notion can enhance operational efficiency.
For example, data obtained from Webflow forms can be automatically added to Notion, eliminating the need for manual entry and allowing the entire team to share the latest information. This integration simplifies task management and facilitates smooth information sharing, which is expected to improve work efficiency.
It will be beneficial for those who want to reduce manual tasks and focus on more important work.

In this article, we will introduce the benefits of this integration and how to connect them, including images.

Benefits of Integrating Webflow with Notion

Benefit 1: Reduction of Input Tasks

By integrating Webflow with Notion, you can expect a reduction in manual input tasks.
Automatically reflecting form data received in Webflow into Notion reduces the risk of duplicate entries and human errors, enabling accurate data management. This allows you to use your time efficiently and focus on more important tasks.
It is especially recommended for clerical staff who spend a lot of time on data entry.

Benefit 2: Improved Task Management Efficiency

By integrating Webflow with Notion, tasks can be automatically generated based on data obtained in Webflow. For example, projects or tasks can be automatically created in Notion according to the form submission content, making them easier to track. This allows the person in charge to manage the progress of work without missing anything, leading to improved work efficiency. It will be particularly beneficial for teams looking to streamline project management or project managers who need to manage multiple tasks simultaneously.

[About Yoom]

How to Create a Webflow and Notion Integration Flow

Now, let's create a flow together using a template to "add to Notion when a Webflow form is submitted"!

The template we will use can be copied by clicking "Try it" on the banner below.

Before Getting Started

If you do not have a Yoom account, please create one from the "Yoom Account Creation Page" below.
For basic operations of Yoom, please check "Getting Started with Yoom".

Yoom Account Creation Page

Getting Started with Yoom

Now, let's get started!

Step 1: Connect Webflow and Notion to My Apps

(1) After logging into Yoom, select "My Apps" from the left column and click "＋New Connection".

(2) From the list of new connections in My Apps, click Webflow.
(3) On the "New Webflow Registration" screen, enter the account name and access token, then click "Add".

(4) Next, connect Notion. Similarly, click Notion from the list of new connections in Yoom.
(5) From the access request image, click "Select Page".

(6) Check the pages you want to allow and click "Allow Access".

Once the connection is complete, Webflow and Notion will be registered in Yoom's My Apps.
This completes the registration of My Apps.
Next, let's set up a trigger using a template!

Step 2: Set Up a Trigger to Activate When a Form is Submitted in Webflow

(1) We will use the template introduced earlier. Click "Try It" on the banner below.

Click on "When form is submitted" for the app trigger.

(2) From the "Select integration account and action" screen in Webflow, check that there are no errors in the account information to be integrated with Webflow, keep the trigger action as "When form is submitted," and click "Next."

(3) From the "App Trigger API Connection Settings" screen, select the site ID from the options and click "Test." If no error occurs, click "Next."
For how to retrieve the form response content, please refer to the following site.

How to add "Retrieved Value: Output"

(4) Once you reach the following image, click "Test," and if no error occurs, click "Save" at the bottom.

Step 3: Operating the Notion Database

(1) Next, operate the Notion database.
Click "Add Record."

(2) From the "Database Integration" screen in Notion, check that there are no errors in the account information to be integrated with Notion, and keep the action as "Add Record."
Select the app ID from the options.
Once the input is complete, click "Next" at the bottom.

(3) From the "Detailed Settings for Database Operations" screen, select the record values for each item from the output.

Once the input is complete, click "Test" at the bottom, and if no error occurs, click "Save."
(4) Finally, click "Turn on Trigger."

This completes the "Add to Notion when Webflow form is submitted" flow bot.

Other Automation Examples Using Webflow and Notion

At Yoom, we have many other examples of automation using Webflow and Notion, so let us introduce a few.

1. Add to Notion When an Order is Placed on Webflow

When a new order is placed on Webflow, the information is automatically reflected in Notion. By automating this process, you can save the effort of manual entry and prevent input errors.

2. Create a folder in Google Drive when a client is registered in Notion

When a client is registered in Notion, a folder is automatically created in Google Drive. By using this flow, information is unified, making data management easier.

3. Extract tasks due today from the Notion database daily and notify Microsoft Teams in bulk

Tasks due today are extracted from the Notion database and automatically notified to Microsoft Teams. You can freely customize the recipient and notification content, which is expected to prevent task omissions.

If you would like to check out more templates using Webflow and Notion, please visit the following site.

List of Flowbot templates using Webflow

List of Flowbot templates using Notion

Summary

The integration of Webflow and Notion seems to enable the reduction of manual work and centralized data management!
It allows efficient information sharing across the team, and by automatically adding form submission data to Notion, it is expected to improve the speed and accuracy of operations and facilitate smooth task management.
This will save time and allow you to focus on important tasks.
If you aim for efficient business operations, be sure to take advantage of this integration.