How to Integrate Applications

2024/07/05

How to integrate Shopify with GitHub to automatically create an Issue in GitHub when an order is placed in Shopify

m.wadazumi

Using Shopify and GitHub, it's a hassle to open GitHub every time there's an order on Shopify, isn't it?
The benefit of app integration is that it reduces such troublesome app switching.
If you find it difficult to input programming code, try using Yoom.
This article will introduce how to use Yoom to "create a GitHub Issue when there is an order on Shopify."

Benefits of Integrating Shopify and GitHub

The benefits of integrating Shopify and GitHub can be summarized in the following three points.

1. Simplified Code Version Management

By integrating Shopify and GitHub, code version management becomes easier.
For example, by saving Shopify themes to GitHub, multiple administrators can work simultaneously.
Additionally, you can track change history, making it easy to revert to previous versions.

2. Enables Efficient Development Processes

When these apps are integrated, the development process can be carried out efficiently.
When code is modified on GitHub, it is automatically reflected in Shopify.
Changes are reflected in real-time, allowing for an efficient development process.

3. Early Detection of Bugs and Errors

By integrating the two apps, you can detect bugs and errors early.
For example, when code is updated, it can be automatically tested and the results reflected in GitHub.
This allows for quick detection of bugs and errors.
Additionally, when new features are added, they can be reflected automatically, which is very convenient.

Examples of Business Automation Possible with Shopify and GitHub Integration

Here are examples of business automation that can be achieved by integrating Shopify and GitHub.

1. Automate Deployment

You can set up automatic deployment of code changes from GitHub to Shopify.
This eliminates the manual deployment process, reducing the risk of errors.
Automation ensures that the same deployment procedure is followed each time, maintaining consistent deployment.

2. Automatically Conduct Code Reviews

Using GitHub pull requests, you can automatically conduct code reviews.
For example, after creating a pull request, you can set it to automatically send a review request to individual members.
This automation ensures that reviews are not delayed and can be addressed promptly.

3. Efficiently Handle Bug Tracking

Automatically reflect Shopify bugs as GitHub Issues, allowing for efficient bug tracking.
By integrating and automating apps in this way, you can quickly respond to bug fixes.
The smooth process from bug identification to resolution is thanks to app integration.
This is a significant benefit for improving development processes and products.

How to Create a Shopify and GitHub Integration Flow

Let's create a flow to integrate and automate the apps.
This time, we will introduce the flow of "creating a GitHub Issue when there is an order on Shopify."

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 could create it in a few minutes, so anyone can create it right away.

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, click here to create an account.

How to Connect Shopify and GitHub Accounts with Yoom

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

Please refer to this guide for the method to register Shopify as My App.
Next, let's register GitHub as 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 transition to 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

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


Set the "Title" and "Description" as desired, 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 the "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 "Events"
  • Click "JSON format" for "Format"
  • Paste the copied Webhook URL into the "URL" or "Email Address" field

Before testing, 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" as desired 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.


Select the output of the comment field, and since it is linked with the Shopify information you created earlier, 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, turn the app trigger "ON" to complete the setup.

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, there is 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 we created this time.

This is also very convenient as you don't need to open both apps.
The next flow I will introduce is "Add text to a Notion page and notify Microsoft Teams when a new issue is created in GitHub."

In addition to GitHub, we have also integrated Notion and Teams this time.
Since you can add data to Notion and even send notifications, all tasks can be completed with Yoom.

Summary

This time, we introduced a flow such as "Create a GitHub Issue when there is an order on Shopify."

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

The person who wrote this article
m.wadazumi
I've been working as a writer since my job in child welfare, and I'm currently writing a blog on Yoom. While being surprised by the work efficiency improvements that can be made with Yoom, I would like to share that excitement with everyone and contribute to society. I'll tell you about application integration and automation that even I, who has zero programming knowledge, can do.
Tags
Automation
Integration
Related Apps
App integration
What is Yoom hyperautomation?
Conventional RPA can only automate simple repetitive tasks, and the setup process was very complicated.
With “hyperautomation,” which combines various technologies such as AI, API, RPA, and OCR, it is possible to automate many tasks that could not be realized until now more easily than before.
Don't Just Connect Apps—Automate Everything
Most tools simply connect one app to another, leaving the complex tasks to you. Yoom goes much further: From document creation and browser automation to OCR and generative AI, Yoom handles it all seamlessly in one platform.

Why settle for basic integrations? Streamline your entire workflow with Yoom’s powerful hyperautomation.
Learn more about Yoom
Helpful Materials
I understand Yoom! 3-piece set of materials
Download materials
Understand in 3 minutes! Yoom service introduction materials
Download materials
Find out by Before After! Yoom Case Study Collection
Download materials
See a list of useful materials