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

As digitalization progresses, effective information management is required.
In particular, managing information on websites and online stores quickly is essential for efficient operations.
However, manual data entry is time-consuming and carries the risk of errors.
Therefore, we introduce a method where data is automatically added as soon as a collection item is created by integrating Webflow and kintone.
This integration eliminates the need for manual data entry and is expected to improve operational efficiency.
It can be easily set up with no-code, requiring no programming, making it accessible even without technical knowledge.
This article provides a detailed explanation of the specific steps and their benefits, so please refer to it.

Benefits of Integrating Webflow and kintone

Benefit 1: Efficiency through Reduction of Manual Input

When a collection item is created in Webflow, data is automatically added to kintone, eliminating the need for manual data entry.
This allows staff to focus on more creative tasks and strategic activities.
As a result, productivity improves, and overall corporate efficiency is expected to improve.
For example, when new project or product information is created in Webflow, automation allows information to be quickly added to kintone, enabling quick information grasp by the person in charge.

Benefit 2: Data Accuracy and Centralized Management

Manual data entry increases the risk of input errors, but automation allows data to be directly transferred from Webflow to kintone, ensuring accurate data addition.
For example, when campaign information is created in Webflow, it is automatically saved in kintone and can be managed within the database.
The entire team can proceed with work based on accurate and up-to-date information, leading to speedy business activities for the sales team.
This may also improve the building of trust with customers more than ever before.
Additionally, by centrally managing Webflow information on kintone, it becomes easier for anyone to check, improving the efficiency of the entire business process.

[About Yoom]

How to Create a Webflow and kintone Integration Flow

First, please access the official Yoom website and create an account.
If you are already registered, please log in.
Yoom Account Issuance Page‍

Step 1: Integrate Webflow and kintone with My Apps

1) After logging 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.
For more information on registering kintone apps, please refer to this.
How to Register kintone My Apps | Yoom Help Center (intercom.help)

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

Step 2: Select a Template

This time, we will create a flow of [Add to kintone when a collection item is created in Webflow].
When an item is created in a Webflow collection, that information can be automatically added to the kintone database.
This automation reduces manual work and allows more time for other tasks, improving the productivity of the entire team.
Additionally, by utilizing the quoted information as is for registration, it is expected to reduce the risk of human error and maintain accurate data.

Step 3: Setting Up Integration Between Webflow and kintone

1) Click the "Try this template" icon of the template introduced earlier to copy it to your project.

2) The following display will appear.

Click the "!" icons displayed on the right in order to edit the flow.
You can change the title and details by clicking on them.
Please make changes as necessary.

3) Click "App Trigger: When a Collection Item is Created".

4) Select the action "When a Collection Item is Created" and click "Next".

5) Enter the Site ID.
If the app is registered, you can select and enter it from the suggestions.
Once entered, click "Next".

‍

6) Send a webhook event or execute the trigger event and click "Test".
If the test is successful, click "Save".

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

8) Select the action "Add Record" and enter the App ID.
If the app is registered, you can select and enter it from the suggestions.
Once entered, click "Next".

9) Enter the values for the record to be added.
If the app is registered, you can utilize Webflow's output information to select and enter it from the suggestions.
Once entered, click "Save".

10) This completes the flow of "Add to kintone when a Collection Item is Created in Webflow".

‍

Step 4: Testing and Verification

Once the setup is 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 kintone

Here are some other automation templates using Webflow and kintone available on Yoom. Please utilize these templates according to your needs.

1. Add to kintone when an order is placed on Webflow
‍This template allows you to automatically add orders from Webflow to kintone. By automating the addition of information to kintone, you can eliminate the need for manual entry, thereby improving operational efficiency. Additionally, the time saved from reducing manual input can be used for other tasks, leading to overall efficiency improvements.

2. Add to kintone when a Webflow form is submitted
When a Webflow form is submitted, the information is automatically added to kintone.
This eliminates the need to log in to the dashboard each time, as the form contents are automatically added to kintone, which can improve business efficiency.
For example, sales representatives can check customer information collected from inquiry forms in kintone.

3. Add an item to Google Sheets when a collection item is created in Webflow
‍When an item is added to a collection in Webflow, it can be automatically added to Google Sheets.
This automation of adding tasks to Google Sheets can reduce management time and is expected to streamline operations.

Summary

By integrating Webflow with kintone, you can create a system where collection items are automatically added to kintone when they are created.
This automation eliminates the need for manual data entry, leading to improved operational efficiency.
Additionally, it enhances data accuracy and consistency, which can boost business productivity.
Furthermore, being a no-code solution that can be easily set up without programming knowledge, it is accessible for anyone to implement.

Please use the steps introduced in this article as a reference to help improve your company's operational efficiency!