Português do Brasil

Articles in this section

eCommerce: connect with Shopify

Elizabeth
  • Updated

Summary

Connect your eCommerce store to Shopify: once connected, LearnUpon redirects your customers to your Shopify storefront to buy courses.

Availability: all customers

Contact the support team and ask them to turn on your portal's Shopify option.

This article explains the steps required to create a custom Shopify app with a single-merchant install link, and connect it to your LearnUpon portal.

Always refer to the Shopify Help Center for full Shopify documentation.

LearnUpon is not responsible for content outside this website. 

Prerequisites

To connect Shopify to LearnUpon, you need to:

  • set up a store account in Shopify for your organization
  • set up a Shopify Partners account for your organization, with the same email contact as for your store
  • disconnect any other payment gateways linked to your LearnUpon portal

See:

Note: Shopify does not allow bulk purchases.

Access permissions

  • Admins with full portal permissions: can set up the eCommerce features

See Portal setup: create admin accounts. 

Tasks in Shopify

For the steps in Shopify you must log in to the Shopify Partner site to access your Shopify store.

Note: Shopify’s Event version is equivalent to LearnUpon’s API version.
LearnUpon currently supports Shopify's 2023-10 Event version. 

Step 1 Create app

  1. From the Shopify Partner page select Apps > Create app.
  2. From Create a new app, select Create app manually.
  3. Enter an App name and select Create. Shopify sets up the initial app parameters, and opens the new app’s settings.
  4. From Client credentials copy the following codes to a safe place to use later:
    • Client ID
    • Client secret
  5. From App setup go to Event subscriptions.
  6. From Event version select 2023-10.
  7. Save to finish if required.

Step 2 Register the new app to use in your LU customer portal

  1. From App setup go to URLs.
  2. For App URL enter your LearnUpon portal’s URL. Shopify uses this URL to verify the new app.
  3. For Allowed redirection URL(s), enter the following URL: https://app.learnupon.com/shopify/auth
  4. Save to finish this step.

Step 3 Set up custom distribution link and verify in your browser

This one-time step confirms that the new Shopify app exists and is active. After confirming, you enter the app details in your portal.

  1. From Overview select Distribution.
  2. From Distribution, select Custom distribution > Select.
  3. From Distribution, for Merchant’s myshopify.com domain, enter the myshopify domain you will use with your LearnUpon portal: for example, myportalname.myshopify.com.

Warning: Enter the URL carefully. You can’t change the store URL later.

  1. Deselect the Allow multi-store install for one Plus organization option.

The following screenshot shows Custom distribution, with Allow multi-store install for one Plus organization deselected.

shopify custom distribution.png

    1. Select Generate link.
    2. In the confirmation dialog that opens select Generate link.
      Shopify generates a Merchant install link. You use this link to connect your Shopify store to LearnUpon.
    3. Select Copy to add the URL to your clipboard.
    4. Open a browser, paste the link as destination and select Enter.

Visiting the URL verifies that the app is active.

Shopify redirects you to your own LearnUpon portal.

Tasks in LearnUpon

Step 4. Set up Shopify as the payment gateway in your portal

The credentials required for this step come from Shopify, that you saved in a safe place in step 1.

The following screenshot shows Shopify settings for this step. 

shopify settings in learnupon with api.png

      1. From main navigation go to Settings > eCommerce Settings > Payment Gateways.
      2. From Shopify Settings, complete these fields from the credentials you saved earlier:
        • Client ID
        • Client secret
        • API (event) version
        • Your shop name
      3. Select Connect with Shopify. LearnUpon redirects you to Shopify Install page, with a statement confirming what data the store app accesses.
      4. Select Install app.

Shopify returns you to your portal at Settings > Payment Gateway.

Step 5. Copy a script from LearnUpon to Shopify

This short script automatically enrolls learners who buy courses through Shopify.

      1. From main navigation go to Settings > eCommerce Settings > Payment Gateways.
      2. From Shopify Settings, copy the code displayed.
      3. From Shopify store settings go to Checkout and accounts > Order status page.
      4. In Additional scripts, paste the code.
      5. Save to finish.

Changes to eCommerce settings

LearnUpon removes the following eCommerce settings in your portal, because Shopify provides the functionality instead:

      • Add Logo, Description/Terms & Conditions to your store
      • SEO & Google Analytics
      • Add Facebook & LinkedIn
      • Portal Coupons
      • General settings > Hide course release dates on your store
      • General settings > Disable sign-up confirmation requirement prior to purchase

Connect LearnUpon courses with Shopify store items

You need to set up the products in your Shopify store, before linking courses and learning paths to your LearnUpon portal.

      1. In your portal: from primary navigation go to Courses > course name.
      2. Select Sales to view a list of the products you have available in Shopify. 
      3. In Shopify: select the matching product on Shopify, to link it to your current course.

Select x Remove to change the product on Shopify. 

Change from a past Shopify integration to the current version

If you already use Shopify and need to update the integration: you can experience a short down time while you remove the old connection and set up the new one.

LearnUpon recommends the following workflow to minimize the time your shop is unavailable to your customers.

Steps in Shopify

      • confirm your Shopify account is a Shopify Partner account, to access the apps and features described in the article. See Shopify's Partner Support 
      • create the app in Shopify with client and secret credentials, copying them to a safe place
      • prepare all the pieces of information you need to enter in LearnUpon, so they're easy to copy and paste: Client ID, Client secret, API version, shop name

Steps in LearnUpon

      • from Settings > eCommerce > Payment Gateways, select Disconnect from Shopify to clear the connection. This step does not affect your store's products, only the payment method
      • in the browser, refresh your page to access the updated LearnUpon interface
      • enter the Shopify credentials, and Save
      • copy the script to the Shopify Partners app

Tip: within Shopify, run a report on purchases for the time you were working on setup, to see if any customers tried to buy a course in that time window.

You do not need to reconnect your existing courses listed in Shopify to the portal.

You do need to connect new courses to Shopify.

Buying courses: workflow

After a learner buys a course in Shopify, the Shopify application redirects them to a Thank You page, then:

      • buyers with LearnUpon account are logged into the portal automatically
      • buyers without LearnUpon accounts are prompted to create an account and password when they access LearnUpon

See:

Related articles