How to integrate Webflow with SPIRAL to automatically register orders from Webflow into SPIRAL

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!

Accurately managing order information is crucial for maximizing the effectiveness of marketing activities.
This time, we will introduce how to automatically register order information by integrating Webflow and SPIRAL.
This automation eliminates the need for manual data entry and reduces human error.
Additionally, it prevents duplicate registrations and data discrepancies, enabling unified data management.
In this article, we will explain the detailed automation settings and their effects.

Benefits of Integrating Webflow and SPIRAL

Benefit 1: Improved Accuracy and Operational Efficiency

By integrating Webflow and SPIRAL, you can significantly reduce errors that are common in traditional manual operations.
For example, when an order occurs in Webflow, it is automatically reflected in SPIRAL.
This means that staff no longer need to check for orders, freeing them from the hassle of manual entry.
As a result, staff can allocate more time to marketing and analysis, improving operational efficiency.
Moreover, since accurate data without errors can be reflected, it contributes to the improvement of marketing strategies.

Benefit 2: Centralized Management of Order Information

By automatically registering order information from Webflow, you can centrally manage order information.
Especially when using different systems and managing order information manually, there is a possibility of duplicate orders and data discrepancies.
However, with automation, order information is automatically recorded, allowing you to maintain consistent data.
Additionally, there is no need to launch different systems to check order information, reducing movement between systems.
This automation is particularly effective when there are a large number of orders.

[What is Yoom]

How to Create a Webflow and SPIRAL Integration Flow

This time, we will introduce the setting method for the following template: "Add to SPIRAL when an order occurs in Webflow."
By using this template, there is no need to set up automation from scratch, which is convenient.

The process only takes 4 steps, so you can set it up in 10-15 minutes.

Register Webflow and SPIRAL as My Apps
Set a trigger to activate when a new order occurs in Webflow
Set an action to register a record in SPIRAL
Verify the automation between Webflow and SPIRAL

If you haven't used Yoom yet, please register for free here.
If you are already using Yoom, please log in.

Step 1: Register Webflow and SPIRAL as My Apps

Please register Webflow and SPIRAL as My Apps to connect them to Yoom.
Completing the My Apps registration first makes the automation setup easy.

Let's register Webflow as My App.
Click "My Apps" → "New Connection" on the left side of the Yoom screen.
When the list of apps is displayed, select Webflow from there or enter Webflow in the search bar.

When the following screen is displayed, move to the Webflow screen and set the "Account Name" and "Access Token" as instructed.

Next, to register SPIRAL as My App, select SPIRAL in the same way as before.
Check the method for creating and setting up an API agent here.
Move to the SPIRAL screen and set the "Account Name" and "Access Token" as instructed.

If Webflow and SPIRAL are displayed in My Apps, the registration is complete.

Step 2: Set a trigger to activate when a new order occurs in Webflow

To set up automation, click "Try it" on the banner below.

Let's check the screen display below and click "OK".

The following screen will be displayed, so let's check the "Title" and "Description".
If changes are needed, you can make them from the page below.
First, to set up Webflow, click "When a new order occurs".

When the following screen is displayed, please check the settings.

"Title" → Can be changed if necessary
"Account information to link with Webflow" → Check for discrepancies
"Trigger action" → When a new order occurs

The following screen will be displayed, so select "Site ID" from the candidates.
Clicking the input field will display the candidates.
Once the setup is complete, click "Test" → "Test Successful" → "Save".

When the following screen is displayed, let's check the procedure.
After sending a webhook event or executing a trigger event, click "Test" → "Test Successful" → "Save".

Step 3: Set up an action to register a record in SPIRAL

The following screen will be displayed, so let's check the settings.

"Title" → Can be changed if necessary
"Account information to link with SPIRAL" → Check for discrepancies
"Action" → Register a record

When the following screen is displayed, check the description and select "App ID" and "Database ID" from the candidates.

The following screen will be displayed, so let's set up the "Record Information".

"Field Identifier" → Check the description and set up
"Value" → Set using Webflow's output
※ By clicking the arrow in the red frame, you can use Webflow's output.
Optionally set the order information you want to check in SPIRAL.

If you want to add field information, you can do so by clicking "Add Field Information".
Once the setup is complete, click "Test" → "Test Successful" → "Save".

Step 4: Verify the automation between Webflow and SPIRAL

Finally, click "Turn on Trigger" to complete the automation setup.
Let's check if the flowbot is operating correctly.

Flowbot template used this time
Add to SPIRAL when an order occurs in Webflow

Other Examples of Automation Using Webflow and SPIRAL

1. This is a flow where an item created in a Webflow collection is automatically added to SPIRAL.
It eliminates the hassle of transferring collection data, significantly reducing work time.
Data management can be streamlined, allowing the entire team to access the latest data.

2. This is a flow where the form submitted in Webflow is automatically added to SPIRAL.
The form content is automatically transcribed, preventing human errors such as omissions.
Since the form content can be transcribed quickly, customer response can be handled smoothly.

3. This is a flow where orders in Webflow are automatically added to kintone.
Every time an order is placed, you can save the effort of manually transferring order information.
Especially in cases of multiple orders, it will greatly contribute to saving labor and time.

Summary

In this article, we introduced a method to automatically add orders to SPIRAL when they occur in Webflow.
By automating the registration of order information, the overall performance of operations is likely to improve.
This will reduce human errors and allow centralized management of data.
Be sure to take advantage of this automation to enhance operational efficiency.

A major attraction of Yoom is that it does not require difficult code input for app integration and automation, making it easy for anyone to use.
If you are interested in trying it out, please register for free here.