> 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/older/how-to-allow-your-customer-preview-course-content-in-product-detail-page.md).

# How to allow your customer preview course content in product detail page

## Step 1: Add our app block to your Product template

#### From our app -> Settings -> Product detail page

Follow step 1 to open Editor page

<figure><img src="/files/OFlpdPtsdjve8qGh3oli" alt=""><figcaption></figcaption></figure>

#### Hover to position that you want and click **Add block** button

<figure><img src="/files/YKBj4nOQsneTWcyjWcK1" alt=""><figcaption></figcaption></figure>

Select our block and click Save button

<figure><img src="/files/97MKAxCxGTimV1h8Poq7" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/xz2SvcV4gXkXOEHyiix2" alt=""><figcaption></figcaption></figure>

## Step 2: Turn on **Free Preview** option for your course content

From our app -> Courses -> Click your course to edit

<figure><img src="/files/cyThYbP5V2xevSMSM1tW" alt=""><figcaption></figcaption></figure>

Navigate to your lesson to edit the content

<figure><img src="/files/Z5ykPbWTil4rO6Np0Llc" alt=""><figcaption></figcaption></figure>

Turn on **Free Preview** option then click **Done**

<figure><img src="/files/ax7mqGWcUE7KBIfDK48x" alt=""><figcaption></figcaption></figure>

Save your changes

<figure><img src="/files/bAkx3zyAvVJt3NfBDMiN" alt=""><figcaption></figcaption></figure>

## Step 3: Check result from your product detail page

<figure><img src="/files/CY3q6nzng0ROmKAzUHuS" alt=""><figcaption></figcaption></figure>