Custom Gateway Shopify Apps

Custom Gateway Shopify Apps

Introduction

A whitelabel shopify app from Custom Gateway is a great way to enable Shopify sites to integrate with Custom Gateway and easily sell personalised and print on demand products.

If suppliers want to allow retailers to install and use their a[[ then Shopify apps can be publicly discoverable in the Shopify app store and therefore any Shopify retailer can start selling products just by installing the app. This takes an additional approval stage done within the partner profile to submit the app to Shopify for approval
The app does not have to be made public and can operate perfectly well as a private app. NOTE that installing a private app in shopify means the site can no longer have ownership transferred so if you are doing this please ensure the website is on the account it will go live on before install. This is particularly important if you are building a new website with an external developer as it is normal for the development of a site to be done on their account and ownership transferred on completion.
Whilst Custom Gateway provides the app infrastructure, it is necessary for the supplier / retailer to set up the app within Shopify and to go through the Shopify app approval process themselves

In Depth Video Resources

The main video on the setup of the plugin on a basic level is available here and can also be viewed below - https://drive.google.com/file/d/1ng0pGTO0Eud4leT7IzUbxZ3gEFPyJuGs/preview

Below is also some additional video content on some other features of the Shopify plugin which may help
- Removing the cart attributes from Shopify CLICK HERE
- Adding Required CPP Data for Products  (COMING SOON)
- App Defaults CLICK HERE
- VPC and additional options within the Shopify Plugin CLICK HERE

Creating an App

When you order a whitelabel shopify app from custom gateway your Onboarder or Support Agent will provide you with a App URL and Redirect URL for use in setup. If you do not have these please request them from Custom Gateway before proceeding as they are required.
To create a Shopify app, the supplier first needs their own Shopify developer account.

A developer account can be easily created via the Shopify developer portal ( https://developers.shopify.com/ ).

Once logged into the Shopify developer portal:
  1. Click "Apps"
  2. Click the blue "Create app" button
  3. Make your decision on if the app will be private or public (see notes above)
  4. Fill in the popup form
    1. "App name"
    2. "App URL" and "Whitelisted redirection URLs" need to be provided to the supplier by Custom Gateway.
  5. Click "Create"
  6. Once the app has been created, the supplier must provide Custom Gateway with the apps "API key" and "API secret key" (ensure that these are communicated in a secure manner)
  7. Wait for confirmation from Custom Gateway that the app has been added to the system
  8. (Optional) It is recommended that the supplier tests their app by installing it on a development store
  9. The supplier should start the Shopify app approval process by clicking on "Create Shopify app store listing" via the "App actions" menu.

How Does It Work?

When the supplier's Shopify app is installed by on a store:
  1. A retailer company is created in the Custom Gateway platform specifically for combination of Shopify store and supplier in question.
  2. An OAuth user is created in the Custom Gateway platform (the Shopify store uses this user to show which products are available)
  3. The Shopify OMS integration is automatically enabled for the retailer which enables OMS to pull in orders from the store.
  4. All parties will receive an email (this email can be bespoke for a small development fee) 
After installation, the retailer will exist in a deactivated state until the supplier activates the account (i.e. after billing terms have been arranged).

Activation consists of:
  1. The supplier clicking "Activate" on the retailer company in the Custom Gateway platform.
  2. The supplier assigning product  categories to the relevant OAuth user.

When A New Customer downloads your App these are the steps for activating them.

1

The Company comes in waiting for your approval.

Settings > Company > (make sure to tick the box twice for "Deactivated") 


2

Go to the Company you want to activate by clicking the "i" icon, right side under actions. 


3

Then click the Green Activate button.


4

Still in the Company,

Go to Users in the left Menu


5

Go to the user by clicking on the Pencil icon.


6

Then Click the 'Product Categories' located on the right menu.


7

Assign the product category you want this user to have available in shopfy for pulling products.


Shopify Themes and Templates

The whitelabel Shopify apps provided by KornitX do not make any modifications to the Shopify store's liquid page templates.
This means that the feature set that the app provides is fairly restricted in some areas.

For example Shopify does not provide a way of using custom thumbnails in the shopping cart without making changes to liquid page templates and therefore the end user will only see the stock product thumbnails in the cart and not thumbnails with their personalisation applied.

The apps intentionally avoid making liquid page templates so that they can be installed on the most number of stores as possible (different store themes may use radically different liquid templates).

However if larger retailers wish to make custom modifications to their liquid templates to help facilitate features such as personalised cart thumbnails then Kornit X may be able to provide advice on a case by case basis.
Please note however that the plugin uses a popup iframe for the reasons noted above. The way this is implemented cannot be changed by a developer making modifications. This is a fixed requirement of using our shopify app.

Other Notes/Requirements

  1. The supplier must be set up as an administrative company and relevant users for the supplier must have sufficient access levels (specifically edit users and edit companies).
  2. The products that the supplier chooses to make available must have base RRP prices set, using the supplier's admin company as the seller (new pricing system alone, not legacy)
  3. In advanced use cases, It is possible for the "supplier" to sell products via the Shopify that are fulfilled by another supplier in a manner that is opaque to the retailer. Custom Gateway Engineers can provide more assistance in this area on a case by case basis.

Updated Shopify App Features

At KornitX we have continued to develop updates for variants and this is due to the fact we pride ourselves on constant evolution and the release of new features and enhancements every week. We have detailed each new variant enhancement below. If you are interested in knowing what features arrive, they will be continually updated within the "Core Platform Feature Updates" Article - CLICK HERE
This will continue to b updated below whenever a new enhancement is rolled out to improve the Shopify app and the features we can set. A time stamp will be labelled with each new feature below.
Shopify Apps Now Have An Option To Publish Products As Drafts
This was added on 30-11-2021
We now offer support with using Shopify apps to be able to enable if any product you add need to be published as draft products. This means you can use test products within the scenario which means you can test products but also means you can hide select products from the user.  

Shopify Apps Have A New Option To Enable "Calculate Pricing V2" On The Companies Created
This was added on 30-11-2021
Shopify supports the submission of thumbnails for other aspects 
This was added on 07-06-2021
 The Shopify app has now been updated to support thumbnails of other aspects of the product. For example if the product is set with a back or side print you can now generate thumbnails of these areas as opposed to the first aspect view which was the previous option.  
Addition of Variant thumbnails 
This was added on 23-03-2021
The Shopify app has been updated to support thumbnails of the variations, this means the system will now generate a thumbnail to every product variation available on the product being used within the Shopify app. 
 Order Dashboard Improvements in Shopify apps allowing drilldown 
This was added on 08-03-2021 
 The order dashboard has been updated to allow you to view drilldown of your orders, making it easier to work with your order dashboard. 
Shopify app settings supports the removal, reorder and renaming of tabs in the app 
This was added on 15-02-2021 
 The Shopify app has now had support added for the removal, reorder or renaming of any tabs within your app, allowing for full personalistion on what tabs you want to show, the order of the tabs as well as renaming the existing tabs. 
 
This means you can personalise your app a lot more than previously, you can hide the attributes tab, change the aspects to "Product Colour" and order the text above the image tab. 
Create Single Product on Shopify now supports the selection of variants to publish 
This was added on 01-02-2021 
 The Shopify app was updated to allow the ability to choose from the variants set on the product and allows our fulfillers to select exactly what variants they want set on the product, meaning you can stop certain colours from going live within the app.  
 
This was added to boost the control of what variations can be ordered from the product - for example if its a colour that is no longer in stock you can now easily deselect these options. 
Shopify App POD reference saving updated so cannot be deleted 
This was added on 18-12-2020 
The Shopify App has been updated to ensure when setting up products the app will keep the POD reference ID as before this could be deleted but this has been enforced so if ever a fulfiller needs a POD reference they can easily access this.  
 Shopify App iframe passes quantity to cart 
This was added on 18-12-2020 
 The Shopfy App has been updated to ensure the quantity is passed when a product is added to cart, there is no additional setup needed here as this will work out of the box.  
Shopify App now allows PDP Iframe window can now be closed 
This was added on 18-12-2020  
The Shopify App was updated to allow the PDP iFrame Window to be closed. There is nothing to configure here this is just a standard option within our Shopify Apps 

Shopify App now allows unique layout and config for VPC Single and Multi 
This was added on 18-12-2021 
 The Shopify App has been updated to allow unique layouts and config option for products set up with VPC designs such as single or multi products. This has been an update to ensure products set up within VPC can be using within the iframe for single or multiple type products.   
 Updated the Shopify app with option to not use iframes on products imported from Platform 
This was added on 08-04-2020 
 The Shopify App has been updated with an option to not use an iframe for products imported from Platform. What this means is you can use the shopify app for stock products that do not need an iframe such as a preprinted garment which does not need an iframe as it offers no colour aspect option or text personalisation.   

This allows the app to be used with stock or configurable stock lines whereas before this was not a possibility.  
Shopify "Create Multiple" VPC now gives user the ability to edit each design  
This was added on 02-03-2020 
 The Shopify App was updated for users working with VPC designs, which now gives the user the ability to edit each design. Allowing for VPC products to be amended after they are found within one of the Shopify apps.  
Shopify app now supports a "homepage" tab 
This was added on 02-03-2020 
 The Shopify App was updated to support a homepage tab, which is a preset when setting up the app now.  
Shopify help tab can be turned into a link to an external help page 
This was added on 02-03-2020 
 The Shopify App was updated to support a homepage tab, which is a preset when setting up the app now.  
Shopify help tab can be turned into a link to an external help page 
This was added on 17-02-2020 
 The Shopify plugin has been updated to allow the "Help" page tab to be split from the app as an external help page. The purpose of this was to ensure the help page did not reload the page, ensuring you can keep your shopify app open and ensure the external help page links out to a new tab.  
Shopify plugin now imports trade price from Platform 
This was added on 03-02-2020 
The Shopify plugin has been updated to allow the use of the trade price that can be set against the products within platform. This has been documented in full detail within the following Knowledge article - Click Here

This linked article covers the options available to add pricing information to products so that they work within the Shopify app. Pricing can be set manually or via a dedicated CSV data Import. For full details please review this article. 
Everyone who wishes to load their products within Shopify will need to set this using pricing, and have an active administrative company to use.  
Updated Shopify Plugin for Feeds and Supplier Whitelabels 
This was added on 31-01-2020 
The Shopify plugin was updated to ensure it works within Feeds and through Supplier Whitelabels that have been setup. The video towards the top of the article was created with this in mind so for more information to set this up please review the video attached to this article. 

    • Related Articles

    • How to Install the Virtual Product Warehouse Shopify App

      Please note that there are multiple Shopify apps each with their own method of creation, setup / installation. These instructions pertain only to the VPW Shopify App. The below Video shows the simple install process for the Content Gateway VPW ...
    • Shopify App: Shopify App Approval Process

      For Shopify apps to be installed on multiple websites it must go through the Shopify approval process. This can be a difficult process but the following article aims to provide guidance on easing the process in terms of identifying common failure ...
    • Shopify Integration | Updates

      Shopify Integration Modified To Allow Shopify Order Number To Be Saved In Sales Instead Of Order ID This was added on 16-08-2021 The Shopify Integration was recently updated to ensure we are saving the Shopify Order Number instead of the Order ID ...
    • Custom Gateway WooCommerce Plugin

      For any users that wish to integrate their WordPress site with OMS we offer a WordPress plugin.  For this you will need to have a paid license with Custom Gateway, The plugin has an import feature that allows you to easily import your products from ...
    • A Guide on setting up Custom Thumbnails on Shopify Cart

      Introduction With Custom Gateway Whitelabel Shopify app, it is now easy for the store owners to integrate with Custom Gateway platform seamlessly. However, the app does not make any modifications to the Shopify liquid templates and hence cannot ...