# 10.1. Hướng dẫn cài đặt giao diện website

**Bước 1**: Truy cập website quản lý dạng subdomain.truonghoc247.vn và đăng nhập. Sau khi đăng nhập thành công, màn hình chuyển đến giao diện dashboard.

Tại cột menu bên trái, quản lý click "Cấu hình Landing Page" sẽ hiển thị danh sách các theme của website.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FjOKIusgCe8SLfeG9Kss2%2Fimage.png?alt=media&#x26;token=98f05636-33ad-4b5c-8658-1e1192ed60db" alt=""><figcaption></figcaption></figure>

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FYKivQuMls0aJ8RVlZ1bx%2Fimage.png?alt=media&#x26;token=cc9f194d-4c1d-456e-a9f9-3fb0ab64faf5" alt=""><figcaption></figcaption></figure>

**Bước 2**:&#x20;

## Cài đặt giao diện

Click vào biểu tượng cài đặt trên màn hình sẽ hiển thị giao diện cài đặt landing page.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FvO2NShXTfKfRqkFjVYvp%2Fimage.png?alt=media&#x26;token=b24b91a1-713c-46ed-91c2-f4e482ecfeb9" alt=""><figcaption></figcaption></figure>

### Cài đặt Header cho trang

Chọn section Header và tải ảnh logo, chọn màu nền cho trang chủ.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2Fjy2b7MrvmsiQ9pkLSOVw%2Fimage.png?alt=media&#x26;token=cb96f16f-acaa-4eb1-a689-9dc20718f1f6" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Trang chủ

Chọn menu Trang chủ, nhập tiêu đề, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2F6s3WHWkwO19qsVvbxTF4%2Fimage.png?alt=media&#x26;token=e1fba322-f2ec-414e-b44a-c4a0c441f197" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Tin tức

Chọn menu Tin tức, nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link. &#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FcRQxr4WvPRb1GrM644QR%2Fimage.png?alt=media&#x26;token=059acfcd-983d-47d6-96de-0e927c2a5982" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Danh mục&#x20;

Chọn menu Danh mục, nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FUCO5plcZ90jncdOEWAwa%2Fimage.png?alt=media&#x26;token=3fb810ec-0dd3-447c-8b03-35f1ca0d58c9" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Liên hệ&#x20;

Chọn menu Liên hệ, nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FXM8tvSZk8mjDV0gvqO6i%2Fimage.png?alt=media&#x26;token=00e6d9b8-197d-495f-b5bf-297eb285f188" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Giỏ hàng

Chọn menu Giỏ hàng, nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2Fl1RGaVTE1NKM8wA5MqR2%2Fimage.png?alt=media&#x26;token=bf4651cc-8f28-449b-8597-2bfa52cc088b" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Đăng ký

Chọn menu Đăng ký, nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FCIa1KS6DAtOnyhcFnzC8%2Fimage.png?alt=media&#x26;token=2a8d9bbe-0154-400e-bc4f-4751195669c3" alt=""><figcaption></figcaption></figure>

#### Cài đặt menu Đăng nhập

Chọn menu Đăng nhập, nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2Fdkls7DAL1Am6qbGaHe10%2Fimage.png?alt=media&#x26;token=74e940d3-bb90-4af3-a749-7b24b222c6ce" alt=""><figcaption></figcaption></figure>

#### Thêm menu

Click biểu tượng Thêm mới menu ![](https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2F1TIJ1gLZJ4gc3vvCmOEV%2Fimage.png?alt=media\&token=3bb306ca-d4ca-4983-be07-a5ce3b4a9d17)sau đó nhập tiêu đề, đường dân, chọn cách hiển thị và kiểu mở link.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FYWESVkXvpWmIhjUDrXJf%2Fimage.png?alt=media&#x26;token=d41237d8-af40-4131-bc1c-2379d4800c24" alt=""><figcaption></figcaption></figure>

### Cài đặt banner đầu trang

Chọn section banner, cài đặt kế hoạch tuyển sinh hoặc cài đặt banner .

* Cài đặt kế hoạch tuyển sinh gồm:

  &#x20;\- Tên kế hoạch tuyển sinh

  &#x20;\- Ảnh banner&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FaMqgZU5XAW4HNgczpI1B%2Fimage.png?alt=media&#x26;token=edb96308-30c9-4d4d-a33b-6ce117be26d3" alt=""><figcaption></figcaption></figure>

* Cài đặt tiêu đề gồm:

  &#x20;\- Tên tiêu đề

  &#x20;\- Mô tả

  &#x20;\- Chọn nút hiển thị (nếu có)

  &#x20;\- Nhập link đường dẫn (nếu có)

  &#x20;\- Ảnh banner

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FmGPyFPLWN0lZW0mMPqon%2Fimage.png?alt=media&#x26;token=e148855e-9277-4a89-b1ca-244d3cef6f45" alt=""><figcaption></figcaption></figure>

### Cài đặt hiển thị khóa học

Chọn section Khóa học, nhập tiêu đề và chọn khóa học hiển thị trên landing page.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2Ff0qfo3H3RgLtnVL68Y7N%2Fimage.png?alt=media&#x26;token=b72eb8e4-b17a-49cc-baf1-5d81c9cf9696" alt=""><figcaption></figcaption></figure>

### Cài đặt hiển thị gói khóa học

Chọn section Gói khóa học, nhập tiêu đề và chọn gói khóa học hiển thị trên landing page.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2Fl7XSbBsysafXpPyCfJnR%2Fimage.png?alt=media&#x26;token=b8b5e613-36ee-43a7-8234-a9a4fb834792" alt=""><figcaption></figcaption></figure>

### Cài đặt hiển thị danh mục khóa học

Chọn section Danh mục khóa học, nhập tiêu đề và chọn danh mục khóa học tương ứng trên landing page.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FSYdBoziRyGAuJwifi50Y%2Fimage.png?alt=media&#x26;token=33165b18-0694-438d-b7a4-ccd306a1911a" alt=""><figcaption></figcaption></figure>

### Cài đặt hiển thị giảng viên

Chọn section Giảng viên, nhập tiêu đề và chọn giảng viên hiển thị trên landing page.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FXKqDprydR5p4hidrDxMA%2Fimage.png?alt=media&#x26;token=8fb0540b-c32e-4381-b96f-500037b1fa39" alt=""><figcaption></figcaption></figure>

### Cài đặt tin tức hiển thị

Chọn section Tin tức, nhập tiêu đề và chọn tin tức hiển thị trên landing page.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2Fui5DQk4kT9jIF24cTJr2%2Fimage.png?alt=media&#x26;token=65a7e893-eccd-4fba-bb1c-5167c8a66eaf" alt=""><figcaption></figcaption></figure>

### Cài đặt form đăng ký

Chọn section Form đăng ký, nhập nội dung và chọn mẫu đăng ký.&#x20;

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FO0n6sargmy3RiVAkEXU4%2Fimage.png?alt=media&#x26;token=480dfd3c-237a-43af-9b90-7436b4f4bfd9" alt=""><figcaption></figcaption></figure>

### Cài đặt chân trang

Chọn section Footer và nhập đầy đủ thông tin sau:

* Logo chân trang
* Màu nền
* Địa chỉ
* Số điện thoại
* Email
* Nội dung
* Thông tin mạng xã hội
* Thông tin ứng dụng
* Sơ đồ website
* Thông tin đăng ký bộ công thương

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2F9ROpkTVF1WuQ9HKwPMpL%2Fimage.png?alt=media&#x26;token=3f3a66f6-c7a1-4275-bef8-2fb2f1ffd8d7" alt=""><figcaption></figcaption></figure>

**Bước 3:** Sau khi hoàn thành cài đặt landing page, click biểu tượng Lưu ở góc phải trên cùng màn hình để lưu cài đặt.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FUb3T7bdJ5rzYtK1aXRg1%2Fimage.png?alt=media&#x26;token=218ceb8f-94fe-4ef1-8a0b-d5d944879d15" alt=""><figcaption></figcaption></figure>

**Bước 4:**&#x20;

## **Xem trước giao diện**

Click biểu tượng xem trước ở theme đã cài đặt để xem trước giao diện trang chủ.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FABbDRXAvdwFcQYrVkSVP%2Fimage.png?alt=media&#x26;token=028d0cd4-6761-4646-837c-60ba908ad1cf" alt=""><figcaption></figcaption></figure>

**Bước 5:**&#x20;

## Chọn giao diện sử dụng

Click biểu tượng kích hoạt để sử dụng theme  cho website.

<figure><img src="https://322787181-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6sbEzJ65KW3M6I9mS7zb%2Fuploads%2FWOEi63HgLVbEivfmpMf7%2Fimage.png?alt=media&#x26;token=4dc1a7a3-3979-49e5-8fea-0e380c44dfc0" alt=""><figcaption></figcaption></figure>