Creating your first Storefront

Creating your first Storefront

There are 3 steps to creating your first Storefront

1. Naming your Storefront.

2. Linking your Shopify Store

3. Site set up and cloning.

Naming your Storefront

Once you have named your Storefront, click next to continue linking your Shopify Store.

Creating and Installing Shopify Custom App

Shopify Custom Apps must be enabled

To enable custom apps in your Shopify store

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

2. Click Develop apps.

3. Click Allow custom app development.

4. Read the warning and information provided, and then click Allow custom app development.

Learn more about custom apps here in the Shopify documentation.

Creating Custom App for your Pack account

After enabling Custom Apps in your store, to get started you need to create a Custom App and install the Custom App. To do so:

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

2. Click Develop apps.

3. Click Create an app.

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.

Configuring your Custom App

For Pack to work correctly, you must configure two API scopes:

1. Admin API Scopes: Pack will use these scopes to sync and manage your products and store assets.

2. Storefront API Scopes: Which are required for the Shopify Storefront APIs functionality (Cart, Customers, Market, etc).

To start, first, configure your Admin API Scopes:

1. In your Custom App, click Configure Admin API scopes.

2. Select the following permissions:

   • Customers

     • write_customers

     • read_customers

   • Files

     • write_files

     • read_files

   • Inventory

     • read_inventory

   • Locations

     • read_locations

   • Products

     • read_products

   • Product Listings

     • read_product listings

   • Shopify Markets

     • write_markets

     • read_markets

   • Store content

     • read_content

3. Once done, click Save.

Next, configure your Storefront API Scopes:

1. In your Custom App, click Configure Storefront API scopes.

2. Select all the scopes.

3. Once done, click Save.

Installing your Custom App to Shopify and get API Keys

When you are done setting up your API scopes, you now need to install the custom app to your Shopify Store, only then will you get your API keys.

1. Click Install app.

2. In the modal window, click Install app.

3. Go to API Credentials.

4. You will need to take note of the Admin API access token & Storefront API access token for the Shopify setup in Pack.

You will only be able to view the Admin API access token once. So remember to store it somewhere safe or you will have to recreate and install another custom app.

Linking your Shopify Store to Pack

Once you have successfully installed your new Custom App in Shopify, it is now time to go back to Pack and link your store.

1. Go back to Pack to link your Shopify store.

2. Add in your shop URL your-store.myshopify.com.

3. Paste in your Admin API access token that you had created earlier.

4. Paste in your Storefront API access token that you had created earlier.

5. Click Next, then after the confirmation message click Continue.

6. Once your Storefront setup is complete, hit Continue to go to your Pack dashboard.

Next steps

• Previewing your Storefront
• Editing your Storefront.
• Get your Storefront's code and start developing.

Additional Documentation

• Learn more about Shopify Custom App setup and installation here.