How to integrate Webflow with @pocket to add items to @pocket when they are created in Webflow

Understanding the information of collection items is essential when managing a website with Webflow. However, if the information of collection items is listed in a database, the manual transfer process can delay the start of data verification and analysis. To eliminate this delay, automating data transfer is recommended.

This article introduces a method to automatically sync the summary of collection items to @pocket when new collection items are created in Webflow. Share data accurately and quickly to improve the efficiency of content management.

Benefits of Integrating Webflow with @pocket

Benefit 1: Speeding Up Information Sharing

Through integration and automation, the data of Webflow collection items is synced to @pocket immediately after creation. This allows for smooth initiation of data verification and analysis based on update information. For example, website administrators can understand the creation pace from the creation date and item count, or check for issues in item naming and provide correction instructions.

Additionally, since other department personnel can share information at the same time, sales and marketing personnel can quickly verify whether pages for new products or campaign plans have been created without omission.

Benefit 2: Efficiency Through Reduction of Manual Work

By automating the data sync of collection items through integration, manual data transfer becomes unnecessary. This allows website administrators to focus on other important tasks such as content creation and performance measurement, using the time previously spent on data transfer. Moreover, reducing human errors such as input mistakes or omissions can improve data reliability.

[About Yoom]

How to Create a Workflow for Integrating Webflow with @pocket

Let's set up the integration and workflow automation between Webflow and @pocket.

Using a template, we will introduce the steps to create a workflow to "Add to @pocket when a collection item is created in Webflow."

Before You Start

1. Please create a database app in @pocket to sync collection items.‍

2. Log in to Yoom.

3. Copy the template from Yoom using the "Try it" button below.

Step 1: Connect Webflow with @pocket in My Apps

*If you have already completed the app connection, please proceed to Step 2.

1. Select "My Apps" from the left menu and click "+ New Connection" on the right side of the screen.

2. Select Webflow and @pocket from the new connection list in My Apps and connect the apps.
*The image below shows the @pocket connection screen. Please refer to the instructions and fill in all the fields.

Next, copy the template to My Project 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: Setting up a trigger to activate when a new collection item is created in Webflow

1. Open the copied template.
　※ You can change it to any title from the red-framed part in the figure below.

2. Click the Flowbot's "App Trigger: When a collection item is created".

3. Select the linked account and action.
　Change the title if necessary and click "Next".

4. Set up the API connection for the app trigger.
　Select the site ID from the candidates and click "Test".

5. If the test is successful, click "Next".

6. After test creating a new collection item in Webflow, click "Test".

7. If the test is successful, click "Save".

Step 3: Setting up an action to add collection item information to @pocket

1. Click the Flowbot's "Integrate with App: Register Record Information".

2. Select the linked account and action.
　Change the title if necessary and click "Next".

3. Set up the API connection.
　App ID: Enter the app ID of the database to sync information with.
　Record Information "Field Identifier Name": Select the field (column) name of the item you want to add information to.
　Record Information "Value": Set the output obtained in Step 2 according to the field identifier name.
　※ The figure below is an input example.
　※ If you want to sync multiple items, click "+ Add Record Information" to set it up.

　※ The figure below is an example of output reference. When you click the input field, candidates will be displayed, so please select the output you want to use.

4. Click "Test".

5. If the test is successful, click "Save".

Finally, switch the trigger of the saved flow to "ON" to activate it.

This completes the flow "Add to @pocket when a collection item is created in Webflow".

Other Automation Examples Using Webflow and @pocket

There are many other examples of automation using Webflow and @pocket on Yoom, so here are a few introductions.

1. A flow to add information to @pocket when a new order occurs in Webflow. If you are running an e-commerce site with Webflow, you can use this template to share sales information in a timely manner. It enables faster data analysis, allowing you to utilize the latest information such as sales figures and repeat purchase rates in marketing and sales.

2. A flow to add information to a Google Spreadsheet when a Webflow form response is submitted. You can collect and list lead information and inquiries from form responses. Additionally, by using the features of Google Spreadsheets to process and analyze data, it can be useful for marketing and customer service.

3. This flow creates a HubSpot ticket when a Webflow form response is submitted. You can consolidate inquiries from leads and customers submitted through the form into HubSpot for centralized management. This enables prompt follow-up, which is expected to improve customer satisfaction.

Summary

By integrating Webflow with @pocket, you can automatically synchronize the information of created collection items. This allows for the prompt sharing of summaries of new items, facilitating smooth information verification and analysis. Additionally, reducing the effort of manual entry and human errors can lead to a reduction in the working time of those responsible and an improvement in data accuracy. Try using Yoom to integrate and enhance the efficiency of website content management.