Introduction

Panel
borderColor #dbdbdb
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:

1. From your Shopify admin, click Settings > Apps and sales channels.
   Reference URL: https://admin.shopify.com/store/testextendse/settings/apps?before=&after=&tab=installed
   
   
   
   

2. Click Develop apps.
   Reference URL: https://admin.shopify.com/store/testextendse/settings/apps/development
   
   
   

3. Click Allow custom app development.

4. 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

1. From your Shopify admin, click Settings > Apps and sales channels.

2. Click Develop apps.

3. Click Create a custom app.
   Reference URL: https://admin.shopify.com/store/testextendse/settings/apps/development
   
   
   
   
   

4. In 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.
   
   
   
   

5. 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.
  
  
  
  
  
  In the Storefront API access scopes section, select the API scopes that you want to assign to the app.
  Image Removed
  
  
  

• 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.

1. Click Install app.
2. In the modal window, click Install app.
3. 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.
• If you selected Storefront API scopes for the app, then you can go to the Storefront API access token section and copy your token. Unlike the Admin API access token, the Storefront API access token is always available on this page.

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

           Image Added

           Select the Shopify existing Private App connection then edit each of the Entity (Inventory, Product & Order) and make it Inactive.

           Image Added

           Once the Entity (Order, Product & Inventory) Active status is changed from True to False then save it to make it Inactive/Deactivate.

          Image Added

Panel
borderColor #dbdbdb
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. 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.