How to integrate Bubble with Shopify to add product information to Shopify when it is registered in Bubble

How to Create a Bubble and Shopify Integration Flow

The flow to integrate Bubble and Shopify using Yoom proceeds through the following four processes.

1. Register Bubble and Shopify as My Apps
2. Copy the template
3. Set up the trigger in Bubble that initiates the flow, followed by the Shopify settings
4. Turn on the trigger button and verify the integration between Bubble and Shopify

Step 1: Integrate Bubble and Shopify as My Apps

First, register Bubble and Shopify as My Apps to integrate them with Yoom.

1. Select "My Apps" on the left side of the Yoom management screen and click "+ New Connection".

2. On the subsequent screen, search for Bubble and Shopify respectively and proceed to the next screen.

＜For Bubble＞

・Enter the account name, access token, and subdomain as instructed, and click "Add" to complete the registration in My Apps.

＜For Shopify＞

・Enter the API key, API secret, and subdomain, and click "Add" to complete the registration in My Apps.
※ Detailed instructions for registering Shopify as My Apps are explained on this help page.
※ Shopify is an app available only with the Team Plan and Success Plan. If you are on the Free Plan or Mini Plan, the operations and data connections of the flow bot you set will result in errors, so please be cautious. Paid plans such as the Team Plan and Success Plan offer a two-week free trial. During the free trial, you can use apps that are subject to restrictions.

Step 2: Copy the Template

Copy the template for integrating Bubble and Shopify.

1. Open the page of the template below.

2. Click "Try this template" to complete the copy.

Step 3: Setting up the Bubble Trigger

Set up the Bubble trigger for the flow.
This flow activates when product information is registered in Bubble.

1. Click "My Projects" in the Yoom management screen, then click "【Copy】Add to Shopify when product information is registered in Bubble".
* You can change the template title on the next screen.

2. Click "App Trigger When Thing is Created".

3. Confirm the account linked with Bubble and click "Next".
* Other items are set by default.

4. Set "Trigger Interval" and "Data Type Name", then click "Test".
* Trigger intervals of 5, 10, 15, 30, and 60 minutes are available, and the selectable times vary depending on the plan.
* The flow bot activates once per selected interval to check for trigger actions. For immediate product information reflection, a shorter interval is recommended.
* "Data Type Name" is explained in the help page here.

5. If the test is successful, the information obtained from Bubble will be displayed in the output.
However, some product information is not displayed by default, so refer to the help page here to obtain the items to register in Shopify.
Once all items are obtained in the output, save them.

Step 4: Setting up Product Information Registration in Shopify

Finally, set up to register the product information obtained from Bubble into Shopify.

1. Click "Add Product to Integrate with App".

2. Confirm the account linked with Shopify and click "Next".
* Other items are set by default.

3. Set the items to be registered in Shopify.
* For items to be transcribed from Bubble information, click the frame and select from the output "When Thing is Created". This allows dynamic reflection of information that changes per product.

4. Set all items to be registered in Shopify and conduct a test.
If the test is successful, confirm that the product information obtained in Step 2 is registered in Shopify and save it.

5. Once the trigger is turned ON, product information registered in Bubble will automatically be added to Shopify.

If you have any questions about the flow introduced, please check the help page here.

Other Automation Examples Using Bubble

There are many other examples of automation using Bubble in Yoom, so here are a few.

1. Create a Folder in Google Drive When a Thing is Created in Bubble

You can automate the task of creating a folder to store materials related to registered products.
With this integration, if a folder is created automatically, it can reduce the chances of missing folder creation or inputting incorrect names.

2. Notify Chatwork when a Thing is created in Bubble

After completing the registration of product information, you might want to streamline the routine task of manually contacting the person in charge. By integrating with Chatwork, you can automate the notification of registration completion, thereby improving operational efficiency.

3. Register Responses from Google Forms to Bubble

You can automatically register inquiries submitted through Google Forms into Bubble.
This automation saves the effort of manually transferring inquiry details and reduces human errors such as registration mistakes.

Summary

Integrating Bubble with Shopify can reduce manual input errors and the hassle of repetitive data entry.
Additionally, centralized information management allows you to maintain the consistency of product data.
As a result, registration tasks are expedited, and the burden of product data management is reduced, leading to overall operational efficiency.
The integration of Bubble and Shopify can be achieved without code by using Yoom.
Please refer to this article and consider implementing automation.