Setup Shopify Custom App - March 2023
- Syed Zain Kazmi
Introduction
The document describes the steps to setup the Shopify Custom App and to create new External system connection in backend to link it to your store (Shopify Custom App). This document highlights the steps and importance of specific fields that are necessary to Setup Custom App, generate API Credentials and for creating a new connection with your Store (Custom App).
Shopify Custom apps
You can use custom apps to add features to your Shopify admin, access your store's data directly using Shopify's APIs, or extend your online store to other platforms using the Storefront API.
Enable custom app development from the Shopify admin
Before you can create a custom app for your store, you need to enable custom app development. You need to be the store owner or a staff member with the Enable app development permission to enable custom app development.
https://admin.shopify.com/store/testextendse/
Steps:
From your Shopify admin, click Settings > Apps and sales channels.
Reference URL: https://admin.shopify.com/store/testextendse/settings/apps?before=&after=&tab=installedClick Develop apps.
Reference URL: https://admin.shopify.com/store/testextendse/settings/apps/developmentClick Allow custom app development.
Read the warning and information provided, and then click Allow custom app development.
Create and install a custom app
After you have enabled custom app development, you can create and install a custom app in your Shopify admin. You need to set API scopes to determine which parts of your store the custom app can access. After the app is installed, you'll receive access tokens that the app uses to access information from your store using Shopify's APIs.
Create the app
From your Shopify admin, click Settings > Apps and sales channels.
Click Develop apps.
Click Create a custom app.
Reference URL: https://admin.shopify.com/store/testextendse/settings/apps/developmentIn the modal window, enter the App name and select an App developer. The app developer can be the store owner, or any staff or collaborator account with the Develop apps permission.
Click Create app.
Select API scopes
- Click Select scopes.
In the Admin API access scopes section, select the API scopes that you to assign to the app.
- Click Save.
Install the app and get the API access tokens
After you've set API scopes for your app, you can install the app. You'll get your API access tokens after you install. Depending on what API scopes you assigned to the app, you'll get an Admin API access token, a Storefront API access token, or both.
- Click Install app.
- In the modal window, click Install app.
- Get the access token:
- If you selected Admin API scopes for the app, then go to the Admin API access token section and click Reveal token once.
After revealing the full access token once, this page displays only the last 4 digits of the access token for reference.
Get the API credentials for a custom app
You can check the Storefront access token, the API key, and the API secret for a custom app from the app's API credentials page. You can also check the Admin API access token, but after revealing it once, you can only check the last four digits of the token.
From your Shopify admin, click Settings > Apps and sales channels.
Click Develop apps.
Click the name of the app that you want the credentials for.
Click API credentials
External system connections - Extend Backend
Before Creating a new "External system connection"; please first Inactive (Deactivate) the existing connection which is linked with the Shopify Private App (Old Version).
So please follow the following steps to Inactive the existing Shopify "External system connection" and then create a new connection after that.
Click on External System Connectors from Settings.
Reference URL: https://gin.extend.se/Client/MVC/ExternalSystemConnections/Index
Select the Shopify existing Private App connection then edit each of the Entity (Inventory, Product & Order) and make it Inactive.
Once the Entity (Order, Product & Inventory) Active status is changed from True to False then save it to make it Inactive/Deactivate.
Extend helps you to manage orders, inventory and products of your online Shopify store. For this, you need to connect/link your online store with Extend.
Create New Connection
The following steps explains how to create a new connection.
- Click on External System Connectors from Settings.
Reference URL: https://gin.extend.se/Client/MVC/ExternalSystemConnections/Index - Click on the Create New Connection button.
A form opens where you need to enter basic data. Here information of your online store is used for connection creation. Important fields to be handled are:- External System: Select name of sales channel, e.g. Shopify then select Customs app from drop-down
- Access token: Admin API access token (Shopify) is used as access token here.
Get this Access token from Shopify API Credentials as mentioned below - API URL: Hostname (URL) of your online store (storename.myshopify.com).
- Order start: Order date from which date you want to sync the orders.
- External System: Select name of sales channel, e.g. Shopify then select Customs app from drop-down
- Click on 'Verify Connection'. It will verify your information (External System, Access token, Secret, API URL...) to create a connection.
Then select the relevant "Location" and save it.
Contents on this page: |
---|