> For the complete documentation index, see [llms.txt](https://hifunnel.gitbook.io/hifunnel-help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://hifunnel.gitbook.io/hifunnel-help-center/documentation/documentation-vi/san-pham/courses/how-to-preview-your-product.md).

# Xem trước Giao diện Khóa học

Hướng dẫn xem trước (Preview) giao diện thực tế của Khóa học dưới góc nhìn học viên trên Hifunnel.

### Các bước Xem trước Khóa học (Previewing your Product):

<figure><img src="https://3104643131-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUVif1dOCfsZ0LHenGWVD%2Fuploads%2FbEesNZOWp7Mdks4eRBop%2FScreenshot%202026-07-25%20at%2015.25.31.png?alt=media&amp;token=b4720e88-8b3f-40b3-ac70-e94cd7e6a414" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}

#### Bước 1: Mở danh mục Products

Mở tab **Products** từ màn hình Dashboard Hifunnel của bạn.
{% endstep %}

{% step %}

#### Bước 2: Chọn Khóa học

Trong danh sách **All Products**, bấm chọn khóa học bạn muốn xem trước.
{% endstep %}

{% step %}

#### Bước 3: Xem trước

Bấm vào biểu tượng **Preview** (biểu tượng con mắt) ở góc trên cùng bên phải.
{% endstep %}
{% endstepper %}

Một tab trình duyệt mới sẽ tự động mở ra, cho phép bạn trải nghiệm trực tiếp giao diện khóa học đúng như cách học viên thực tế sẽ nhìn thấy.

{% hint style="info" %}
Giao diện xem trước phụ thuộc vào **Course Template** bạn cài đặt cho khóa học. Nếu bạn áp dụng các Template khác nhau, bố cục hiển thị khóa học có thể sẽ khác so với ảnh minh họa.
{% endhint %}