> 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/allowing-customers-to-preview-your-course-content.md).

# Allowing Customers to Preview Your Course Content

Let shoppers preview some lessons free before they buy the course

Offering a free preview of your course content on the product detail page is a great way to build trust with potential buyers and showcase the value of your course.

This guide will walk you through the two simple steps required to enable this feature and help customers make an informed purchasing decision.

### Step 1: Enable "Free Preview" for Specific Lessons

Now that the block is on your product page, you need to designate which lessons can be previewed for free.

From your Shopify Admin, go to **Apps** -> **LDT Online Courses**.

Click on **Courses** and select the course you want to edit.

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-7965934c2b7dc6ee0234b78b05fb91d4758996c4%2Fcourse%201.1.png?alt=media" alt="Opening the Courses list in the LDT Online Courses app"><figcaption></figcaption></figure>

Inside the course, you select the module where you want to show preview

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-08b3a74085ea468e599e38a134b7e283894c1872%2Fcourse%205.3.png?alt=media" alt="Opening the course that holds the preview lessons"><figcaption></figcaption></figure>

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-82d47236f4b9683687759ce3abf26e2a44fd53e0%2Fcourse%203.9.png?alt=media" alt="Selecting the module whose lesson will be free to preview"><figcaption></figcaption></figure>

\
Within the lesson editor, you will see an option for "Free Preview". Toggle this option on.

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-951fb695b50fe127fa770655d1d837bf8c252ca0%2Fcourse%205.4.png?alt=media" alt="Switching on Free Preview inside the lesson editor"><figcaption></figcaption></figure>

Click Done to save your changes for that lesson

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-a53cf9e35a16761fcc478df09aac3b6df0495c37%2Fcourse%205.5.png?alt=media" alt="Clicking Done to save the lesson change"><figcaption></figcaption></figure>

Click Save on the main course editor page to finalize your changes

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-a4f742bbb19986d2f6f2a0ee0c057020f8180c95%2Fcourse%205.6.png?alt=media" alt="Clicking Save on the course editor to publish the change"><figcaption></figcaption></figure>

### Step 2: Add the LDT Course Block to Your Product Template

This step connects your course content from the LDT app to your Shopify product page.

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

Click on the **Customize** button for your active theme.

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-8515af0b7ebd9bd9141d54f1bbd2e8c358f7643f%2Fcourse%205.4.png?alt=media" alt="Opening Online Store then Themes and clicking Customize"><figcaption></figcaption></figure>

In the top-center dropdown menu, select Products and then choose Default product to edit the product template.

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-a4aac0663d884ae44d1a5fd01ba14e36195df0a5%2Fcourse%203.0.png?alt=media" alt="Choosing the Default product template in the theme editor"><figcaption></figcaption></figure>

In the app blocks, click Add block

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-f30019fcf3330c54b6855d42e82c797d3a6e22da%2Fcourse%204.1.png?alt=media" alt="Clicking Add block in the Apps section of the product template"><figcaption></figcaption></figure>

In the app blocks list, select the "Preview - Course content" block

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-9bdfc279de1c7e17cb09077d030112a76f7b3e44%2Fcourse%205.1.png?alt=media" alt="Selecting the Preview Course Content block for LDT Online Courses"><figcaption></figcaption></figure>

The course content block will be added to your page. Click the Save button in the top right corner to publish your changes.

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-d2629418f100eb78f095314a64932092100ab358%2Fcourse%205.2.png?alt=media" alt="The preview block added to the product template, ready to save"><figcaption></figcaption></figure>

Result:

After completing these steps, the "LDT - Course content" block on your product detail page will display the full course curriculum. Any lesson that you have marked for "Free Preview" will be accessible to all visitors, allowing them to view the content and get a taste of your high-quality course.

### Preview

<figure><img src="https://3532245007-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FuRJ3j93eHyen8t2flj5y%2Fuploads%2Fgit-blob-68f201281616e24f4735a8abf03d82030402f5c8%2Fcourse%205.7.png?alt=media" alt="A shopper previewing the course outline on the product page"><figcaption></figcaption></figure>

<br>