Shopify is a complete eCommerce solution that allows you to set up an online store to sell your goods. It lets you organize your products, customize your storefront, accept credit card payments, track and respond to orders — all with a few clicks of the mouse.

The Shopify app in Northpass enables you to sell your courses on Shopify. Learners who purchase your courses on Shopify will automatically be enrolled into the courses in your school.

You can sell courses on Shopify while assigning students to courses internally (without requiring purchase). Click here to learn more about using the Groups tool to assign students to courses.

Step 1

Click Apps in the navigation bar.

Step 2

Next to Learner Center Website and Catalog, click Configure. Toggle the button to disable the app.

Step 3

Return to the Apps page. Next to Shopify, click Configure.

Step 4

Click Request Access. Send the request email. You will be notified via email once your request has been approved.

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.

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.

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

Did this answer your question?