How to integrate Webflow with Notion to add entries to Notion when an order is placed in Webflow

How to Create a Workflow 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 Registration Page

Step 1: Connect Webflow and Notion to My Apps

1) Once logged 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 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 Webflow information in advance. Please prepare 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.
The title and details can be edited by clicking on them, so please change them as needed.

Step 3: Set the Trigger

Click on "App Trigger When a New Order Occurs".

Step 4: Set the Webflow Action

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

2) Enter the Site ID.
If the app is linked, you can select it 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".
Refer here for error display regarding the database ID.
Common Errors and Verification Methods for Each Notion ID | Yoom Help Center (intercom.help)

3) Enter the values for the record to be added.
If the app is linked, you can use the Webflow output information to enter.
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 placed in Webflow".

Step 6: Test and Verify

 After completing the setup, 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 or in combination with 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 can lead to more efficient content management. Additionally, by automating data integration to Notion, team members can always access the latest information, facilitating smoother 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 details, thereby improving work efficiency.
Additionally, it helps prevent human errors from manual input, enhancing the accuracy of information.
Furthermore, with form details 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 up to sending the quotation, you can significantly reduce the time and effort involved, thereby improving operational efficiency.
This also helps prevent common issues with manual entry such as duplication, omissions, and input errors, thereby enhancing data accuracy.

Summary

By automatically adding data to Notion when an order is placed on Webflow, you can save the effort of manual input and expect 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 increased efficiency can also free up time for other tasks, potentially boosting 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!