How to integrate Webflow with Notion to add entries to Notion when an order is placed 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!

In today's world, where business efficiency is crucial, many companies are incorporating automation into their operations. By automating data integration between different tools, the speed and accuracy of operations can be improved, enhancing the overall performance of the team. This time, we introduce a flow that automatically adds order data generated in Webflow to Notion. This automation eliminates the need for manual input, allowing for centralized data management, which facilitates smooth information sharing among teams. In this blog, we will introduce specific examples and business benefits in detail. Please use it as a reference.

Benefits of Integrating Webflow and Notion

1. Improved Operational Efficiency

With integration, there is no need to manually input order information, reducing input time. It also helps prevent human errors such as input mistakes and duplicates, reducing follow-up work due to errors, thus improving overall operational efficiency. For example, the sales team no longer needs to manually input order information generated in Webflow, saving time. This allows for more time to be allocated to billing and customer support, enabling quick responses and leading to improved customer satisfaction.

2. Centralized Data Management

By integrating all order information into Notion, tracking becomes easier, eliminating the hassle of switching between multiple tools. With data centrally managed in Notion, other members can manage important customer information and progress in one place, facilitating smooth information sharing among teams. For example, if the marketing team automatically aggregates order data obtained from Webflow into Notion, and each department can access it in real-time, information sharing becomes smoother, and the accuracy of analysis is expected to improve.

[About Yoom]

This time, we introduce how to create a flow bot that [adds to Notion when an order is generated in Webflow].

How to Create a Workflow to Integrate 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) After logging into your Yoom account, register the apps you will use.
Click on "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 for the apps 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 order is placed in Webflow].
The creation process is as follows:

・Copy the template

・Create a trigger in Webflow for "When a new order is placed."

・Then, set an action in Notion to "Add a record."

・Finally, turn it ON so that the trigger activates.

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

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 on the icons with "!" on the right in order to set up the operations.
The title and details can be edited by clicking, so please change them as needed.

Step 3: Set the Trigger

Click on "App Trigger When a New Order is Created".

Step 4: Set the Webflow Action

1) Select the action "When a New Order is Created" and click "Next".

2) Enter the Site ID.
If the app is integrated, you can select from the suggestions.
Once the input is complete, click "Test" and after a successful test, click "Save".

3) Send a webhook event, click test, and after a successful test, click "Save".

Step 5: Set the Notion Action

‍
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.
Once the input is complete, click "Next".
For error display regarding Database ID, please refer here.
Common Errors and Verification Methods for Notion IDs | Yoom Help Center (intercom.help)

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

This completes the flow of "Add to Notion when an order is created in Webflow".

‍

Step 6: Test and Verify

Once the setup is complete, the following display will appear, 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.
Utilize these templates based on the tasks you want to automate and the apps you are currently using.

1. Add to Notion when a Collection Item is Created in Webflow
When a collection item is created in Webflow, it can be automatically added to Notion.
This automation of data integration from Webflow to Notion eliminates the need for manual work and promises efficient content management.
Additionally, by automating data integration to Notion, team members can always access the latest information, facilitating smooth business operations.

2. Add to Notion when a Webflow form is submitted
You can automatically add form submissions from Webflow to Notion.
This eliminates the need to log in to the Webflow dashboard each time to manually transfer form contents, thereby improving work efficiency.
Additionally, it helps prevent human errors from manual entry, leading to improved accuracy of information.
Furthermore, with form contents automatically added to Notion, it is expected to streamline the customer response process.

3. Create a quotation in Microsoft Excel using Notion database information and send it via email
You can automatically add information from Notion to a Microsoft Excel template to create a quotation and send it to clients via email.
By automating the entire process of sending quotations, you can significantly reduce the time and effort involved, thereby improving operational efficiency.
It also helps prevent common issues such as duplication, omissions, and input errors that occur with manual entry, thereby improving data accuracy.

Summary

By automatically adding data to Notion when an order occurs in Webflow, the manual input effort can be reduced, leading to improved operational efficiency.
Additionally, the integration allows for centralized data management between the two apps, enabling smooth information sharing without having to switch between tools.
This efficiency gain can also help secure time for other tasks, potentially enhancing the productivity of the entire team.
Moreover, with Yoom, even beginners can easily set up app integrations.

Please use this blog as a reference to help improve your company's operations!