> For the complete documentation index, see [llms.txt](https://helpdesk.ldtsoft.work/ldt-online-course/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpdesk.ldtsoft.work/ldt-online-course/storefront-and-portal/how-to-add-the-courses-portal-to-your-customer-account-page.md). # How To Add the Courses Portal to your Customer Account Page Show the whole course portal as a page in customer accounts ### Option 1: Use Shopify customer account integrated page Step 1: On your Shopify admin -> Cick **Settings** on your left-bottom of your screen

Step 2: Click **Checkout** tab -> Click **Edit** button

Opening the Checkout tab and clicking Edit

Step 3: Clic **App icon**

Clicking the app icon in the checkout editor

Step 4: On the **LDT Online Courses** blocks -> Click **Plus icon** on **My courses page** block -> Click **Account**

Adding the My courses page block and pointing it at the Account page

Step 5: Click **Save** button

Step 6: Click **Create menu** button -> Edit the label -> Then click **Save** button

### Option 2: Use your online store App Proxy link #### 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., ). * ***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*.

Copying the page URL of the course portal

#### 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.

Selecting the Customer account main menu in Content then Menus

#### 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").

Pasting the course portal path as the menu item link

#### 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.

Dragging the new menu item into position and saving

### 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.

The My Courses link live in the store navigation

### Fix error "There's a problem loading this page"

The error message shown when the customer account page fails to load

Step 1: On your Shopify admin page -> Settings

Step 2: Click **Checkout** tab -> Click **Edit** button

Step 3: Select App Icon on the Top - Left screen -> Find **My Courses Page** block -> Click Plus Icon -> Select **Accounts** page

Pointing the My Courses Page block at the Accounts page

Step 4: Click **Save** button