How to integrate Webflow with kintone to add orders to kintone when they occur in Webflow

When running an online store, do you find yourself spending too much time on order management, leaving little room for other important tasks? The solution to this problem is the integration of Webflow and kintone. By automatically adding order information generated in Webflow to kintone, you can reduce manual workload and improve data accuracy.

In this article, we will introduce how to easily integrate Webflow and kintone using Yoom. No programming knowledge is required, so anyone can get started!

Benefits of Integrating Webflow and kintone

Benefit 1: Reduce Workload with Automated Order Management

When an order is placed in Webflow, the information is automatically added to kintone, reducing manual data entry and enabling efficient order management. Managing order information manually can be time-consuming and prone to errors. By using the integration of Webflow and kintone, necessary order data is automatically recorded in kintone, potentially reducing input errors. Additionally, even during busy periods with a large number of orders, you can focus on other tasks without being overwhelmed by order information entry.

Benefit 2: Accurate Collection and Utilization of Customer Information

By automatically adding customer information obtained from Webflow to kintone, you can eliminate data duplication and omissions, leading to accurate customer service based on precise data. Managing and entering customer information across multiple platforms can result in data dispersion, duplication, or outdated information.

Integrating Webflow and kintone allows for centralized management of customer information, enabling quick and accurate responses based on purchase and inquiry history. This can improve customer satisfaction and potentially increase repeat customers.

[What is Yoom]

How to Create an Integration Flow between Webflow and kintone

Let's actually integrate Webflow and kintone using Yoom.
The flow this time is "Add to kintone when an order is placed in Webflow."

Connect Webflow and kintone with My App in Yoom
Set App Trigger in Webflow
Set Up Record Addition in kintone

You can integrate them in the above three steps. No difficult knowledge is required! Click "Try this template" from the banner below, copy the template, and proceed with the setup together.

Step 1: Integrate Webflow and kintone with My Apps

First, connect Yoom with Webflow and kintone.
After logging into Yoom, click on "+ New Connection" from the "My Apps" menu on the left side.

Search for each app by name and proceed with the input according to the displayed content.
When integrating Webflow, pay attention to the permission settings.

For the kintone integration, refer to the following link while entering the information.

How to Register kintone My App

Once the app integration is complete, it will be displayed in the My Apps list, so check it to complete the integration.

Next, copy the template to My Projects and create a Flowbot.
If you haven't copied it yet, please copy the Flowbot template from below.

1. Hover over the banner and click "View Details"
2. Click "Try This Template" on the redirected page
3. Register for Yoom
* If you have already registered, the login screen will be displayed, so please log in.

‍

Step 2: Set Triggers in Webflow

The initial setting is "When a new order occurs".
On the first page, account information with My App integration is reflected.

If you are managing multiple sites or separating accounts by product, changing the title to something easy to understand will be convenient when checking or modifying the flow later.

Do not change the trigger action, and click "Next".

On the next page, select the site ID from the candidates and click "Test".
If the integration is successful, proceed to the next step.

Next, create a dummy order for testing and click "Test".
If the test is successful, you can obtain the output.

Once confirmed up to this point, click "Save" to complete the trigger settings.

Step 3: Set Up Record Addition in kintone

Next, click "Add Record".

On the first page, first check the account information as in Webflow.

Scroll down to find the "Database Integration" section.
Select the app ID of the integrated account from the candidates and click "Next".

On the next page, enter the detailed settings for adding a record.

Simply select the output obtained from the Webflow settings in the corresponding fields.
Once all necessary fields are filled, click "Test" to check for errors.

If no errors occur, all settings are complete.
Finally, turn on the trigger to activate the flow.

Now, when an order is placed in Webflow, the information will be automatically added to kintone.

The flow bot template used this time
Add to kintone when an order occurs in Webflow

Other Automation Examples Using Webflow and kintone

There are many other examples of automation using Webflow and kintone on Yoom, so let me introduce them.

1. This is a flow where a form submitted on Webflow is automatically added to kintone. This eliminates the need to check the dashboard and allows you to consolidate the form contents in kintone. It also removes the need to switch between applications, which can improve work efficiency.

2. It is also possible to add items created in a Webflow collection to a kintone database. You can add specified data, not limited to order information or form contents, allowing for a wide range of business applications.

Summary

By integrating Webflow and kintone, managing order information becomes easier, which can lead to improved operational efficiency. Reducing manual errors and managing tasks without stress are also significant advantages.

This integration can be set up without programming knowledge if you use Yoom! If you're looking to streamline your operations or reduce hassle, be sure to register for Yoom for free and give it a try. Start now and lighten your workload!