Shopify and GitHub integration has made managing the e-commerce site more convenient!

Before creating this flow, I will explain how to integrate the apps.

Yoom is a convenient app that integrates these apps and even automates them.
Even someone like me who is not good with machines was able to create it in a few minutes, so anyone can create it quickly.

Now, I will explain how to integrate Shopify and GitHub with Yoom.
In Yoom, you need to register your apps as My Apps.
If you have a Yoom account, please log in to Yoom.
If you do not have a Yoom account yet, please create one from here.

How to Connect Shopify and GitHub Accounts with Yoom

First, let's start with registering Shopify as a My App.

Please refer to this guide for how to register Shopify as a My App.
Next, we will register GitHub as a My App.
Select "My Apps" on the left side of the Yoom screen and click "New Connection".
Search by "App Name" or scroll to find GitHub.

Once you reach a screen like the one below, please sign in.

Once the integration of the two apps is complete, Shopify and GitHub will be displayed in the My Apps section.

How to Create a GitHub Issue When There is an Order on Shopify

‍‍This time, we will introduce how to "create a GitHub issue when there is an order on Shopify".
There are only two steps, so rest assured.

1. Set a trigger to activate when there is an order on Shopify
2. Set an action to create a GitHub issue

From the "Project List" on the left side of the screen, select the project you want to create or create a new project.
If you want to create a new project, you can do so from the "+" on the right of the "Project List".
Click "Create New" → "Create from Scratch" in the upper right to create the flow.

Set "Title" and "Description" optionally, and select "When a specific app event is received" as the condition for the flow bot to activate.

Set the "App Trigger Title" as you like and select "When order information is updated (Webhook)" for "Trigger Action".

Once you transition to the following screen, copy the "Webhook URL" and open the Shopify store admin panel.

• Click "Settings" → "Notifications" → "Create Webhook" in the admin panel
• For Webhook settings, select "Order Update" from "Event"
• Click "JSON format" for "Format"
• Paste the copied Webhook URL in the "URL" or "Email Address" field

Before "testing", please create order information on the Shopify screen as a demo.

After completion, click "Test" on the Yoom screen, and if "Test Successful" is displayed, save it.

Next, let's set up the action to create a GitHub issue.

Click the "+" under the Shopify app trigger you created earlier.
When you transition to the "Select Operation Type" screen, select "Integrate with App" and click GitHub.

Set the "Title" optionally and set the "Action" to "Create Issue".

When you transition to the API connection settings screen, fill in the fields based on the description at the bottom of the input screen.

When you select the output of the comment field, the information from Shopify you created earlier is linked, so pick up the information necessary for creating a GitHub issue.

{{Order ID}} will be displayed, but it will be displayed correctly when the flow bot is activated, so there is no problem.
Once the input is complete, click "Test" → "Test Successful" to save.

Finally, if you turn the app trigger "ON", the setup is complete.

‍

Advanced Integration Flow of Shopify and GitHub

This time, we introduced a flow such as "Order on Shopify" → "Create an Issue on GitHub".

As an advanced example, we will share two flows to integrate Shopify and GitHub with other apps.
First, a flow like "When there is an order on Shopify, add a record to the kintone database and notify Slack".

The app to be integrated is slightly different, but it can be created in the same way as the flow bot created this time.

This is also very convenient because you don't have to open both apps.
Next, I will introduce a flow that "adds text to a Notion page and sends a notification to Microsoft Teams when a new issue is created in GitHub."

In addition to GitHub used this time, we have also integrated Notion and Teams.
You can add data to Notion and even send notifications, allowing you to complete a series of tasks with Yoom.

Summary

This time, we introduced a flow such as "When there is an order on Shopify, create an issue on GitHub."

By automating these processes, the need to switch between apps and the risk of manual input errors are reduced.
Additionally, the integration of Shopify and GitHub apps will make it easier to develop and manage your e-commerce site.
There are still many apps that can be integrated with Yoom, so please take advantage of them.
We also offer a two-week free trial, so if you're interested, please give it a try!