🧑‍🦱How To Add the Courses Portal to your Customer Account Page

Option 1: Add My Courses menu

Step 1: Locate and Copy Your Course Portal Path

First, you need to find the unique URL for your course portal.

In the LDT Online Courses app, go to Settings -> My courses page.

The Page URL for your course portal is displayed at the top of the page (e.g., https://yourstore.myshopify.com/apps/ldt-course).

• Important: Copy only the path of the URL, which is the part after your store's domain. In the example above, you would copy /apps/ldt-course. You can also customize this path by clicking on the Customize portal URL link.

Step 2: Navigate to Customer Account Menus

From your Shopify Admin, go to Content -> Menus.

Find and select the menu you want to edit, most commonly the Customer account main menu, but you can also add it to the Main menu or any other menu.

Step 3: Add the New Menu Item

In the Menu editor, click on the Add menu item button.

A new line will appear for you to fill in the details.

• Label: Enter a descriptive name for your menu item, such as "My Courses," "Online Courses," or "Courses." This is the text your customers will see.

• Link: Paste the course portal path you copied in Step 1.

Pro-tip: Sometimes, Shopify's search function for app links may be slow to update. Pasting the path (/apps/ldt-course) directly into the "Link" field is the most reliable method.

After you paste the path, Shopify may automatically update the label. You can then change the label back to your desired text (e.g., "My Courses").

Step 4: Arrange and Save Your Menu

• You can drag and drop the new menu item to change its position within the menu list.

• Once you are satisfied with the label and its position, click the Save button to apply your changes.

Result:

The new menu item will now be live on your store's navigation bar. Customers can click on "My Courses" (or your chosen label) to be taken directly to their course portal, where they can see and access all of their enrolled courses and communities. This provides a direct and intuitive path for customers to engage with your content.

Option 2: Add Courses Portal banner

Adding the LDT Online Courses app block to your Shopify customer account pages is a key step to ensure your courses and communities are easily accessible to logged-in customers. This guide will walk you through the process, making sure your valuable content is displayed prominently right above the order history.

Step 1: Navigate to the Customer Account Page Settings

From your LDT Online Courses app, navigate to the Settings menu.

In the Settings sidebar, select Customer account page. This section provides a dedicated interface for integrating our app with your Shopify customer account pages.

Step 2 (Optional): Access Customer account page via Shopify Theme Editor Admin

Access the Theme Editor:

• From your Shopify Admin, go to Online Store -> Themes.

• Find your current theme and click the Customize button.

• In the top-center dropdown menu, click to switch to the checkout and customer account item

Select the Order page:

• In the top-center dropdown menu, click to switch to order page.

Step 3: Add the LDT App Blocks

In the Shopify theme editor, you will see a list of available blocks on the left-hand side.

Scroll down to find the LDT Online Courses section.

There are two recommended blocks you should add:

• LDT - Course Content: This block displays the courses and communities a customer is enrolled in.

• Courses Portal Banner: This block adds a prominent banner with a call-to-action button to access the course portal.

Click and drag these blocks from the list into your page layout. We highly recommend placing them above the "Orders" section to ensure they are the first thing a customer sees when they log in.

After you have added the blocks and made any text customizations, click the Save button at the top right of the theme editor to apply the changes to your store.

Step 4: Customize Your Account Page Text (Optional)

If you wish to change the text displayed on the customer account page, such as the banner title or button text, you can do so in the Text & translation settings.

From the LDT app's main menu, go to Settings -> Text & translation.

• Select Customer account page from the categories.

• Choose the language you wish to edit and update the text fields for "Online Courses Portal" and "Access Courses Portal" as needed. The app automatically detects the customer's language and displays the corresponding translation.

Preview