View Categories

Shopify storefront token capabilities

2 min read

PreProduct offers the option to isolate pre-orders in their own cart or checkout, as well as take pre-orders from outside of a regular Shopify website. This is powered by Shopify’s storefront API.

Adding a storefront token to your store will enable more functionality when capturing pre-orders in and outside of your storefront. It includes both cart and checkout redirects that let you enforce ‘pre-order only’ orders. i.e. without buy-now items mixed in.

You can find this option either in the ‘Integrations’ screen or in the ‘Setup’ screen of PreProduct, under Front-end redirects.

adding a storefront token

To set this up click on the manage token button, (a pop-up wizard will take you through the steps to add the storefront token) the steps are also listed below:

  • From the Shopify admin, click the Apps menu item from the left-hand side.
  • Then click App and sales channel settings.
  • Now click Develop apps (most likely at the top right) and click through.
  • You should then be able to click the Create an app button.
  • Call the app preproduct_storefront.
  • Now click the Configuration menu item and then Edit next to the “Storefront API integration” heading.
Configuring the custom app
  • Tick all of the Checkout and Product checkboxes and click save.
ticking the correct scopes
  • At the top of the page, next to the custom app’s title there should be a button to install the app. If there isn’t, click the Overview menu item, then click install.
  • Finally click the API credentials menu item and copy the Storefront API access token.
Storefront token
  • Now back in PreProduct, navigate to the Setup screen.
  • Click “Manage token” and paste the token from Shopify into the pop-up modal’s input (pictured below). PreProduct will automatically check and save it.
  • …and you’re done. You can now choose from any of the front-end redirect options

Powered by BetterDocs

Pre-sell With PreProduct

7 day free trial with all plans