This article explains how to set up your Shopify store in Northpass. Additional FAQs and resources are provided at the bottom.

You must request access to the Shopify app prior to setting up your account. Click here to learn more.

Open two tabs in your browser and navigate to your Northpass account and Shopify account. You will be working in both tabs when performing the steps below.

Step 1

In Northpass, click Apps in the navigation bar. Click Configure next to Shopify and paste your Shopify shop name in the field provided. Your shop name is located at the beginning of your Shopify store URL. For example, https://examplestore.myshopify.com/ has a shop name "examplestore". Click Install.

Step 2

Click Install Northpass.

Step 3

In Shopify, set up the receipt page with the claim link. The following instructions will guide you to create a receipt page that looks like the image below.

  • Click on the Settings pane within Shopify
  • Click on the Checkout option
  • Scroll down to the Order Processing section
<script>document.querySelector(".section--thank-you .btn").style.display = "none"</script>

{% assign customer_url_parts = order.customer_url | split: '/' %}

<div class="section--thank-you">

<a href="https://[SCHOOL DOMAIN]/shopify/{{ order.id }}/{{ customer_url_parts[5] }}" class="btn">Complete Enrollment</a>

</div>
  • Click the Save button

Step 4

Set up the email receipt with the claim link. The following instructions will guide you to create a button in the order confirmation email that looks like the image below.

  • Click on the Settings pane within Shopify
  • Click the Notifications option
  • Select the Order Confirmation option
  • Add the code below into the area titled Email Body in an area of the email that you see fit. As done in Step 3, please ensure that you swap at the area that says [SCHOOL DOMAIN] below to be the school domain of your Northpass instance, which is located in your School Settings. For instance, if my School Domain reads to be https://support-sandbox.northpass.com, I will input support-sandbox.northpass.com in the brackets of the code below.
{% assign customer_url_parts = customer_url | split: '/' %}

<table cellspacing="0" cellpadding="0"> <tr>

 <td align="center" width="300" height="40" bgcolor="#000091" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;">

 <a href="https://[SCHOOL_DOMAIN]/shopify/{{id }}/{{ customer_url_parts[5] }}"

 style="font-size:16px; font-weight: bold; font-family: Helvetica, Arial, sans-serif; text-decoration: none; line-height:40px; width:100%; display:inline-block">

 <span style="color: #FFFFFF">Access Course(s)</span>

 </a>

 </td>

</tr></table>
  • Click the Save button

Step 5

Disable user account creation. This is important because learners create their account on Northpass to take their courses, and we recommend disabling the Shopify account so that the learners don't need to maintain two accounts.

  • Click Settings.
  • Click Checkout.
  • In the Customer accounts section, select Accounts are disabled.
  • Click Save changes.

Step 6

Set up payment gateway when you're ready to launch. If you wish to test the payment gateway first while your shop is closed, use the bogus gateway. Click here to learn more about test orders.

Step 7

Link your Northpass courses to your Shopify products. Click here to learn more.

The following are optional steps to improve navigation between your Northpass school and your Shopify store.

1. Choose your domain. Your Shopify store's domain and Northpass school's domain is entirely customizable by you but we recommend putting your main domain on Shopify as it will serve as your primary marketing website. We recommend using a subdomain such as “learn” or “academy” for your Northpass school.

2. Click here to learn how to link your logo on your Northpass school to your Shopify store.

3. In Shopify, you can add a Log In link to the navigation bar. This helps learners access their course(s) upon returning to your storefront. For more information about the Shopify navigation bar, click here.

Optional Recommendations & helpful links

1. Adding Terms of Service (TOS) on checkout

2. Add your Terms of Service (TOS) and privacy policies to footer

3. Collecting and Charging VAT taxes

4. Apps to limit the quantity of course purchases

Click here to see all articles related to Apps

Did this answer your question?