> 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/website-and-landing-page/page/add-sections-to-your-pages.md).

# Hướng dẫn Thêm Section (Khối nội dung) vào Trang

Hướng dẫn sử dụng và thêm các Section (Khối nội dung) để thiết kế trang web chuyên nghiệp trên trình dựng trang Hifunnel.

Một **Section** (hoặc Block/Khối) là khu vực khung chứa trên trang, bao gồm các Cột (Columns) và các Phần tử/Widget (như văn bản, nút bấm, hình ảnh, form đăng ký) giúp cấu trúc và phân chia nội dung bài viết/trang bán hàng của bạn.

Trang của bạn thường bao gồm nhiều Section xếp chồng lên nhau theo chiều dọc. Bạn có thể dễ dàng tùy chỉnh, di chuyển vị trí hoặc xem trước trực tiếp trong Trình thiết kế trang Drag-and-Drop của Hifunnel.

{% hint style="info" %}
**Tại sao nên sử dụng Section?** Section giúp tối ưu trải nghiệm người dùng bằng cách tổ chức thông tin thành các phần thị giác rõ ràng (như Banner chính Hero, Tính năng nổi bật, Đánh giá khách hàng, Nút kêu gọi hành động CTA), giúp học viên/khách hàng dễ dàng cuộn và xem nội dung trên cả máy tính lẫn điện thoại.
{% endhint %}

***

## Mẫu Section có sẵn (Preset Section Templates)

Để giúp bạn tạo các Landing Page chuyển đổi cao nhanh chóng hơn, Hifunnel cung cấp thư viện mẫu **Block/Section Template** đa dạng:

* **Nội dung cơ bản & Văn bản**: Các cột văn bản sạch sẽ, tiêu đề và khung thông báo.
* **Hero Section (Banner chính)**: Banner đầu trang ấn tượng chứa tiêu đề, nút CTA, video hoặc form đăng ký.
* **Tính năng (Features)**: Dạng lưới hoặc cột để làm nổi bật lợi ích sản phẩm, icon và ưu điểm dịch vụ.
* **Kêu gọi hành động (Call to Action - CTA)**: Khối thiết kế nổi bật nhằm thu hút học viên đăng ký hoặc mua ngay.
* **Đánh giá & Bằng chứng xã hội (Testimonials)**: Khối trích dẫn cảm nhận khách hàng, đánh giá và phản hồi thực tế.
* **Bảng giá (Pricing Tables)**: Bảng so sánh các gói sản phẩm và tùy chọn thanh toán.
* **Form thu thập thông tin**: Form đăng ký nhận tin, đăng ký sự kiện hoặc form liên hệ tích hợp.

***

## Cách thêm Section vào Trang

{% stepper %}
{% step %}

#### Bước 1: Mở Trình thiết kế trang

Từ **Dashboard Hifunnel**, vào mục **Website** > **Pages** (hoặc **Funnels** > **Pages**) và nhấn **Edit** tại trang bạn muốn chỉnh sửa.
{% endstep %}

{% step %}

#### Bước 2: Nhấp chọn Add Block / Add Section

Trên giao diện thiết kế, di chuột vào giữa hai Section hiện có và nhấp vào nút **+ Add Block** (hoặc **+ Add Section**).
{% endstep %}

{% step %}

#### Bước 3: Duyệt danh mục mẫu Block

Bảng cửa sổ hiện ra chứa các danh mục mẫu (Hero, Services, CTA, Video, Testimonials, Forms,...).
{% endstep %}

{% step %}

#### Bước 4: Chọn và chèn Section

Nhấp vào mẫu Section bạn yêu thích. Mẫu sẽ tự động được chèn vào đúng vị trí bạn chọn trên trang.
{% endstep %}

{% step %}

#### Bước 5: Lưu thay đổi

Nhấp nút **Save** ở góc trên bên phải của Trình thiết kế trang để hoàn tất.
{% endstep %}
{% endstepper %}

{% hint style="warning" %}
**Lời khuyên tối ưu tốc độ tải trang:** Mặc dù Hifunnel cho phép tạo Section linh hoạt, bạn nên giữ tổng số Section trên một trang dưới 30-40 khối để đảm bảo tốc độ tải trang nhanh nhất trên thiết bị di động.
{% endhint %}