Hướng dẫn tổng quan Website


Tổng quan về hệ thống quản trị CMS

1. Hệ thống quản trị CMS là gì?

CMS (Content Management System) là hệ thống quản trị nội dung, giúp người dùng tạo, quản lý và chỉnh sửa nội dung trên website một cách dễ dàng mà không cần kiến thức sâu về lập trình.

CMS hoạt động như một công cụ trung gian giữa người dùng và mã nguồn website, cung cấp:

Giao diện trực quan để thao tác. Quy trình đơn giản để tạo nội dung như bài viết, trang, hình ảnh hoặc sản phẩm. Cấu trúc quản lý nội dung giúp tổ chức và hiển thị thông tin rõ ràng. Ví dụ: Với hệ thống CMS, bạn có thể dễ dàng thêm thông tin khách sạn, quản lý phòng, cập nhật tour du lịch và dịch vụ, v.v., thông qua các bước đơn giản như điền form hoặc tải ảnh.

2. Mục đích của hệ thống

Hệ thống CMS này được phát triển nhằm hỗ trợ việc quản lý và cập nhật nội dung website một cách hiệu quả, dễ sử dụng và không yêu cầu người dùng phải có kỹ năng lập trình. Hệ thống giúp người quản trị:

3. Các chức năng chính

CMS này cung cấp các chức năng chính như sau:

Menu: Tạo và tùy chỉnh các thanh điều hướng (menu) trên website.

Widgets: Quản lý các tiện ích bổ sung trong các khu vực như sidebar, footer, v.v.

Theme options (Tùy chọn giao diện): Cấu hình các tùy chọn liên quan đến giao diện như màu sắc, bố cục.

Custom CSS: Cho phép người dùng chỉnh sửa và tùy biến CSS theo nhu cầu.

Plugins: Quản lý và cài đặt các plugin mở rộng tính năng cho website. Hỗ trợ kích hoạt hoặc tắt các tính năng bổ sung.

Settings (Cài đặt): Quản lý các thiết lập chung của hệ thống như cấu hình website, ngôn ngữ, SEO, v.v.

Platform Administration (Quản trị nền tảng): Cung cấp các công cụ quản lý nền tảng và các tính năng nâng cao dành cho quản trị viên.

4. Đối tượng sử dụng

CMS này được thiết kế để phù hợp với các vai trò khác nhau như:

5 Lợi ích của hệ thống CMS

Các chức năng chi tiết

Các chức năng chi tiết

Dashboard - Màn Hình Tổng Quan Hệ Thống

Dashboard là màn hình chính khi truy cập vào hệ thống CMS, hiển thị các thông tin quan trọng về hiệu suất và trạng thái hiện tại của website. Nó cung cấp cái nhìn tổng quan về các thông số như số lượng đơn hàng, sản phẩm, khách hàng, đánh giá, và thông tin truy cập.

1. Tóm Tắt Thống Kê

Các chỉ số chính hiển thị:

Mỗi thông số được hiển thị dưới dạng ô thông tin dễ nhìn.

2. Thống Kê Truy Cập
3. Trang Được Xem Nhiều Nhất
4. Trình Duyệt Truy Cập Nhiều
5. Bài Viết Gần Đây

Danh sách các bài viết mới nhất được viết gần đây với các thông tin chi tiết:

6. Lịch Sử Hoạt Động

Ghi lại các thao tác gần đây của người dùng trên hệ thống, bao gồm:

7. Thương Mại Điện Tử

Thống kê hiệu suất liên quan đến hoạt động bán hàng trực tuyến:

Cung cấp cái nhìn tổng quan giúp quản trị viên xử lý kịp thời các vấn đề tồn kho và đơn hàng.

Các chức năng chi tiết

Blog- Bài viết

1. Chức năng quản lý bài viết (blog)

1.1. Quản lý bài viết (Blog Posts)

Mục Post là nơi người dùng có thể tạo mới, chỉnh sửa, và quản lý các bài viết trên website. Đây là phần cốt lõi của chức năng Blog, giúp nội dung hiển thị rõ ràng và chuyên nghiệp cho người đọc.

Ví dụ: “Top Search Engine Optimization Strategies!”

Dấu sao đỏ (*) thể hiện trường bắt buộc nhập dữ liệu.

Chức năng: Tạo đường dẫn tĩnh cho bài viết, có thể chỉnh sửa.

Lợi ích: Tối ưu SEO và dễ dàng chia sẻ bài viết.

Ví dụ: http://localhost:8000/top-search-engine-optimization-strategies-1

Chức năng: Cung cấp tóm tắt hoặc giới thiệu ngắn gọn về nội dung bài viết.

Lợi ích: Tăng tính thu hút khi hiển thị phần giới thiệu bài viết.

Chức năng: Đánh dấu bài viết là nội dung nổi bật trên website.

Dạng: Toggle bật/tắt.

Show/Hide Editor (Hiện/Ẩn trình soạn thảo): Cho phép ẩn hoặc hiển thị trình soạn thảo WYSIWYG.

Trình soạn thảo văn bản: Soạn thảo nội dung bài viết với đầy đủ các công cụ như:

Định dạng văn bản (In đậm, Nghiêng, Gạch chân), Chèn liên kết, hình ảnh, video, Tạo danh sách, chèn trích dẫn, Thay đổi font chữ, cỡ chữ và màu sắc, Chế độ xem mã nguồn HTML (Source) để chỉnh sửa trực tiếp.

Add Media (Thêm media): Chèn hình ảnh hoặc video trực tiếp vào nội dung bài viết

Shortcode:hêm các đoạn mã ngắn để chèn chức năng đặc biệt như form, thư viện ảnh, v.v.

Ví dụ: Tiếng Anh, Tiếng Việt.

Các trạng thái:

Publish (Xuất bản): Hiển thị công khai trên website.

Draft (Nháp): Lưu bài viết ở chế độ nháp không view ra ngoài website.

Lợi ích: Cho phép kiểm soát thời điểm bài viết được công khai.

Chức năng: Chọn định dạng bài viết:

Default: Bài viết thông thường.

Gallery: Bài viết dạng thư viện ảnh.

Video: Bài viết chứa nội dung video.

Ví dụ: Events, Projects, Business, Portfolio, New & Updates.

Lợi ích: Giúp quản lý bài viết có hệ thống và hỗ trợ người đọc dễ dàng tìm kiếm nội dung.

Save (Lưu): Lưu các thay đổi nhưng không xuất bản.

Save & Edit (Lưu & Chỉnh sửa): Lưu và tiếp tục chỉnh sửa bài viết.

1.2. Categories - Quản Lý Danh Mục Bài Viết

Mục Categories trong phần Blog là nơi quản lý các danh mục nội dung để sắp xếp bài viết một cách khoa học và có tổ chức. Việc phân loại bài viết vào danh mục giúp người dùng dễ dàng tìm kiếm và điều hướng thông tin trên website.

1.2.1. Thêm mới danh mục

Nhập các thông tin:

1.2.2. Sắp xếp danh mục

Kéo và thả danh mục ở cột bên trái để thay đổi thứ tự hoặc thiết lập quan hệ cha-con.

1.2.3. Chỉnh sửa danh mục
1.2.4. Xóa danh mục

Lưu Ý: Không thể xóa danh mục đang chứa bài viết, bạn cần chuyển hoặc xóa bài viết trước. Danh mục cha sẽ chứa các danh mục con, nếu xóa danh mục cha thì danh mục con sẽ bị xóa theo. Trạng thái Nháp sẽ không hiển thị trên website cho người dùng.

1.3. tag

Quản lý các thẻ (tags) để gắn vào bài viết trong Blog. Thẻ giúp phân loại bài viết theo chủ đề và hỗ trợ tìm kiếm dễ dàng hơn.

1.3.1. Thêm mới thẻ
1.3.2. Chỉnh sửa thẻ
1.3.3 Xóa thẻ
Các chức năng chi tiết

Trang

Ở màn này sẽ hiển thị các trang Ví dụ: ở trang home mình muốn điều chỉnh chữ hay ảnh -> tìm trang homepage. Ở đây chứa tất cả các khối ở trang chủ, Người dùng có thể tạo mới, chỉnh sửa, xóa hoặc cập nhật nội dung trang một cách linh hoạt.

Muốn sửa text, ảnh trên trang chủ-> tìm khối đó trong home page-> click vào icon hình bút chì-> Chỉnh sửa thông tin-> Cập nhật

Ví dụ: Muốn đổi text ở trang chủ Tìm khối: Sau đó click vào icon hình bút chì để chỉnh sửa

Chỉnh sửa thông tin-> click vào button cập nhật

Làm tương tự với các khối khác

Lưu ý: nếu xóa bất kỳ khối nào ở đây thì ngoài web cũng sẽ không hiển thị khối đó

Các chức năng chi tiết

Thương mại điện tử

ở màn thương mại điện tử bao gồm các module sau:

1. Báo cáo

Màn báo cáo doanh thu cung cấp cái nhìn tổng quan và chi tiết về tình hình kinh doanh, bao gồm doanh thu, sản phẩm, đơn hàng, khách hàng và các sản phẩm xu hướng.

1.1. Các Thành Phần Chính

Thanh Chọn Khoảng Thời Gian

Các Chỉ Số Tổng Quan

Biểu Đồ và Báo Cáo

Danh Sách Đơn Hàng: Hiển thị chi tiết từng đơn hàng với các thông tin:

Sản Phẩm Bán Chạy Trong Tháng

Sản Phẩm Xu Hướng (Trending Products)

Hiển thị sản phẩm có lượt xem nhiều nhất:

Ví dụ: Vé cáp treo Fansipan Sapa và Dịch vụ bao gồm đều có 1 lượt xem.

Cách Sử Dụng

2. Đơn hàng

Màn quản lý đơn hàng trong hệ thống thương mại điện tử cho phép người dùng theo dõi, chỉnh sửa và quản lý các đơn hàng của khách hàng một cách dễ dàng.

Lưu ý: Khi khách booking ngoài web dữ liệu của khách sẽ được hiển thị ở màn này.

Tổng quan giao diện:

Chi tiết chức năng:

Tác Vụ:

a. Tạo Đơn Hàng Mới
b. Chỉnh Sửa Đơn Hàng
c. Xóa Đơn Hàng
3. Đơn hàng chưa hoàn tất

Ở màn này sẽ hiển thị các đơn hàng khách đặt đơn nhưng chưa được xử lý

Hãy cẩn thận khi nhấn nút Xóa, thao tác này có thể không khôi phục được.

4. Shipments

Màn hình "Chỉnh sửa giao hàng" hỗ trợ cập nhật thông tin vận chuyển cho đơn hàng, bao gồm công ty giao hàng, mã theo dõi và ngày dự kiến giao.

Trường Mô tả
Shipping Company Name Nhập tên đơn vị vận chuyển (VD: DHL, Viettel Post).
Tracking ID Điền mã theo dõi đơn hàng từ hãng vận chuyển.
Tracking Link Nhập đường dẫn tra cứu hành trình (nếu có).
Estimate Date Shipped Chọn ngày dự kiến giao.
Note Thêm ghi chú nội bộ (nếu cần).
Order number Hiển thị mã đơn hàng, nhấn vào để xem chi tiết đơn.
Shipping method Phương thức vận chuyển được áp dụng.
Shipping fee Phí giao hàng (nếu có).
Shipping status Trạng thái giao hàng hiện tại. Nhấn "Update shipping status" để cập nhật.
5. Hóa đơn

Màn hình "Hóa đơn" dùng để xuất hóa đơn cho đơn đặt hàng từ khách khi họ đặt dịch vụ/ sản phẩm trên website. Dữ liệu từ đơn đặt hàng sẽ tự động hiển thị tại đây để nhân viên kiểm tra và gửi hóa đơn cho khách.

Ví dụ:

6. Sản phẩm

Màn sản phẩm hiển thị tất cả các sản phẩm đã nhập ( ví dụ: khách sạn, tour, vé vui chơi,..0 đều sẽ hiển thị ở màn này

Lưu ý: chỉ xem và không sửa . Nếu muốn sửa phải vào các module riêng ví dụ: hotel, tour, ticket,...

7. Product Prices

Product Prices sẽ hiển thị hết các giá của tất cả sản phẩm. Ở màn này người dùng chỉ được phép xem và không có quyền chỉnh sửa

8. Danh mục sản phẩm

Màn hình này cho phép người dùng tạo và quản lý các danh mục sản phẩm, ví dụ như phân loại tour du lịch, khách sạn, hoặc các loại sản phẩm khác. Người dùng có thể dễ dàng tạo danh mục mới và phân loại sản phẩm theo các nhóm để dễ dàng quản lý và tìm kiếm

Cách tạo mới danh mục:

B1: Ở màn danh mục sản phẩm, click vào tạo mới

B2: Nhập tên danh mục, khi nhập tên xong đường dẫn sẽ tự sinh ra

B3: nhập mô tả của danh mục

B4: Click vào lưu

B5: danh mục vừa tạo sẽ xuất hiện phía bên tay trái màn hình. cầm chuột kéo thả theo ý muốn

Lưu ý: Khi nhập xong danh mục sẽ xuất hiện 1 con số ở ô danh mục đó, đó chính là ID của danh mục. Nếu muốn link đường dẫn thì cần sửa dụng ID ( hướng dẫn chi tiết hơn ở module Hiển thị )

9. Product tags

Màn hình "Product Tags" cho phép quản lý các nhãn (tags) gắn cho sản phẩm trong hệ thống thương mại điện tử. Người dùng có thể tạo mới, chỉnh sửa, xóa và tìm kiếm nhãn sản phẩm.

Chức năng Mô tả
Tạo mới (Nút màu xanh "+ Tạo mới") Thêm một nhãn sản phẩm mới.
Tải lại (Nút có biểu tượng "↻") Làm mới danh sách nhãn sản phẩm để cập nhật dữ liệu mới nhất.
Tìm kiếm Nhập từ khóa để tìm kiếm nhanh một nhãn sản phẩm.
Hành động Cho phép thao tác hàng loạt trên nhiều nhãn cùng lúc (nếu có).
Lọc dữ liệu Lọc danh sách theo tiêu chí cụ thể.
ID Mã định danh duy nhất của nhãn sản phẩm.
Tên Tên của nhãn sản phẩm.
Ngày tạo Ngày nhãn sản phẩm được tạo trong hệ thống.
Trạng thái "Đã xuất bản" (Màu xanh) - Nhãn đang được sử dụng và hiển thị trên hệ thống.
Chỉnh sửa (Nút màu xanh có biểu tượng bút ✏️) Sửa thông tin nhãn sản phẩm.
Xóa (Nút màu đỏ có biểu tượng thùng rác 🗑️) Xóa nhãn sản phẩm khỏi hệ thống.

Các bước tạo mới Product tags

B1: Nhấn vào nút "+ Tạo mới"

B2: Nhập các thông tin cần thiết như tên nhãn.

B3: Chọn Lưu để hoàn tất.

10. Product labels

Màn hình "Product Labels" cho phép người dùng quản lý nhãn đặc biệt (label) cho sản phẩm, chẳng hạn như Hot, New, Sale. Nhãn này giúp phân loại và hiển thị sản phẩm nổi bật trên trang bán hàng.

B1: Nhấn vào nút "+ Tạo mới".

B2: Nhập các thông tin cần thiết như tên nhãn.

B3: Chọn Lưu để hoàn tất.

11. Thương hiệu

Màn hình Thương Hiệu giúp quản lý danh sách các thương hiệu sản phẩm trong hệ thống. Người dùng có thể thêm mới, chỉnh sửa, xóa và tìm kiếm thương hiệu để tổ chức sản phẩm một cách hiệu quả.

Cách tạo mới thương hiệu:

B1: Nhấn vào nút "+ Tạo mới".

B2: Nhập các thông tin cần thiết như:

B3: Chọn Lưu để hoàn tất.

Cách chỉnh sửa thương hiệu

B1: Tìm thương hiệu cần chỉnh sửa trong danh sách.

B2: Nhấn vào biểu tượng ✏️ (bút chỉnh sửa).

B3: Cập nhật các thông tin cần thay đổi.

B4: Chọn Lưu để hoàn tất.

Xóa thương hiệu

B1: Nhấn vào biểu tượng 🗑️ (thùng rác) của thương hiệu cần xóa.

B2: Xác nhận xóa khi có thông báo hiện lên.

12. Đánh giá

Màn Đánh Giá giúp người dùng quản lý phản hồi của khách hàng về sản phẩm/dịch vụ ở ngoài trang web. Tại đây, người dùng có thể xem, tạo mới hoặc xóa các đánh giá để đảm bảo nội dung phù hợp.

13. Flash sales

Ở màn này cho người dùng thêm hoặc bỏ sản phẩm vào khối flash-sale

B1: Click vào icon hình cái bút ở dòng flash-sale

B2: Click chuột vào search product

B3: Chọn sản phẩm muốn hiển thị trong flash-sale

B4: Điền giá sale vào sản phẩm vừa thêm

B5: Ở góc phải màn hình có hiển thị ngày kết thúc-> click vào để chọn ngày kết thúc của flash-sale

B6: Click vào lưu

14. Khuyến mại

Màn hình Khuyến Mãi cho phép quản trị viên tạo, chỉnh sửa và quản lý các mã giảm giá (voucher) áp dụng cho sản phẩm hoặc đơn hàng.

B1: Click vào tạo mới

B2: Điền mã khuyến mại, số tiền khuyến mại, start date và end date ( loại giảm giá: giảm theo %, giảm theo số tiền cố định)

B3: Click vào nút save

15. Khách hàng

Màn hình Khách Hàng giúp quản trị viên quản lý danh sách khách hàng, theo dõi thông tin cá nhân, đơn hàng đã đặt, trạng thái tài khoản và lịch sử giao dịch của khách .

Các chức năng chi tiết

Khách sạn

Để tạo 1 khách sạn ta làm lần lượt các bước: tạo mới khách sạn-> Tạo mới phòng thuộc khách sạn đó-> tạo mới dịch vụ phòng thuộc phòng của khách sạn đó

1. Khách sạn

Tại màn này có thể thì kiếm theo bộ lọc, ví dụ: tên khách sạn,...

Bảng danh sách hiển thị các thông tin chính:

Các chức năng chính gồm:

Các nút chức năng

Các thao tác chính

Khi nhấn vào "Tạo mới" hoặc "Chỉnh sửa", hệ thống sẽ mở trang nhập thông tin chi tiết của khách sạn.

Các trường thông tin:
Trường Mô tả
Tên Nhập tên khách sạn.
Đường dẫn Link đến trang khách sạn trên hệ thống (tự động sinh ra khi nhập tên khách sạn, không cần điền).
Mô tả Nhập thông tin tóm tắt về khách sạn.
Nội dung chi tiết Phần mô tả chi tiết về khách sạn (có thể định dạng văn bản, thêm ảnh).
Chính sách trẻ em Các quy định dành cho trẻ em.
Hình ảnh Nhập hình ảnh khách sạn (nằm ở phía bên tay phải giao diện).
Chọn Dịch vụ Lựa chọn các dịch vụ: Miễn phí Wi-Fi, Bãi đậu xe, Hồ bơi, Phòng gym, Các loại giường đặc biệt,...
Trạng thái Chọn giữa "Đã xuất bản" hoặc "Chưa xuất bản".
Nổi bật? Đánh dấu nếu khách sạn là điểm nổi bật, sẽ hiển thị ở trang chủ.
Hạng khách sạn Chọn số sao cho khách sạn.
Địa điểm Chọn vị trí địa lý của khách sạn (Tạo mới địa điểm bằng cách vào module "Places" ở thanh công cụ bên tay trái).
Lưu & chỉnh sửa Lưu lại thông tin mà không thoát trang.
Lưu Lưu thông tin và quay về danh sách khách sạn.
Tạo mới khách sạn

B1: Ở giao diện khách sạn Click vào tạo mới

B2: Nhập các thông tin: tên khách sạn, nội dung, mô tả, ảnh, hạng sao...

B3: Click vào lưu

Sửa khách sạn

B1: Click vào icon hình bút chì

B2: chỉnh sửa thông tin

B3: Click vào lưu

Xóa khách sạn

B1: click vào icon thùng rác ngaoif màn view

B2: xác nhận xóa khách sạn

2. Phòng

B1: Ở trang quản trị CMS-> ở màn phòng, click vào tạo mới

B2: Chọn khách sạn cần tạo phòng

B3: Nhập tên phòng, hình ảnh, thông tin phòng

B4: Click vào lưu

Thao tác tương tự như khách sạn

Ở màn sửa phòng sẽ xuất hiện nút Duplicate. Nút này có ý nghĩa là sao chép phòng này và tạo ra 1 phòng mới

Làm tương tự như khách sạn

3. Dịch vụ phòng

B1: Ở trang quản trị CMS-> ở màn dịch vụ phòng, click vào tạo mới

B2: Chọn phòng cần tạo dịch vụ

B3: Nhập tên dịch vụ, hình ảnh, thông tin dịch vụ, nhập giá,...

B4: Click vào lưu

( phía bên tay phải: tick các thông tin liên quan đến phòng. nếu không có vui lòng tạo mới ở màn thương mại điện tử ( đọc lại tài liệu trang này ))

Sửa dịch vụ phòng

Thao tác như màn sửa khách sạn

Xóa dịch vụ phòng

Tháo tác như màn xóa khách ận

Các chức năng chi tiết

Tours

1. Tạo mới tour

B1: Click vào tạo tour

B2: Nhập tên tour -> đường dẫn sẽ tự sinh khi click vào đường dẫn đó sẽ ra tour ở ngoài website

B3: Nhập các thông tin của tour: mô tả, nội dung, hình ảnh, điều kiện hoàn hủy, phụ thu,...

B4: Click vào danh mục để chọn tour đó nằm trong loại tour nào

B5: Để nhập được giá của tour ta thao tác như sau:

Lưu ý: trc khi đến bước nhập giá cần click vào nút lưu và chỉnh sửa để lưu các dữ liệu đã nhập trước đó

Kéo chuột đến Cuối màn có 1 bảng lịch khởi hành dạng calender-> Chọn ngày khởi hành -> chọn điểm đến ( hoặc thêm điểm đến ngay trong màn này)

Sau khi click vào điểm đến-> click vào cập nhật-> sau màn sẽ chuyển đến màn nhập giá của tour-> nhập giá tour

-> Click vào nút lưu

Lưu ý: bên góc trái màn hình hình có hiển thị chữ status: nếu muốn hiển thị tour ra ngoài màn web chọn trạng thái: đã xuất bản. Còn ở trạng thái bản nháp web sẽ không hiển thị thông tin ra bên ngoài

2. Sửa tour

B1: click vào icon hình cái bút để chỉnh sửa tour

B2: Chỉnh sửa thông tin

B3: Click vào nút lưu để lưu lại thông tin vừa chỉnh sửa

3. xóa tour

B1: Click vào icon thùng rác ở ngoài màn view

B2: Xác nhận xóa tour

Các chức năng chi tiết

Dịch vụ

Một khách sạn cần có dịch vụ, Màn này cho người dùng tạo ra dịch vụ cho khách sạn

1. Tạo dịch vụ

B1: Click vào tạo mới

B2: Nhập thông tin dịch vụ

B3: chọn biểu tượng cho dịch vụ đó

ví dụ: B4: Click vào nút lưu

2. Xóa dịch vụ

B1: Click vào icon thùng rác B2: Xác nhận xóa dịch vụ

3. Sửa dịch vụ

B1: Click vào icon hình bút chì ở dòng muốn chỉnh sửa

B2: Thay đổi thông tin cần chỉnh sửa

B3: Click vào nút Lưu

Các chức năng chi tiết

Places

Màn hình Places giúp người dùng tạo ra các điểm đến. Phục vụ cho việc chọn điểm đến của tour hoặc khách sạn nằm ở đâu. ví dụ:

1. Tạo mới địa điểm

B1: ở màn places-> click vào button tạo mới

B2: Nhập thông tin về địa điểm cần tạo mới: tên, ảnh, thứ tự,...

B3: Click vào nút lưu

2. Sửa địa điểm

B1: ở màn places-> click vào icon hình bút chì

B2: Cập nhật thông tin cần thay đổi

B3: Click vào nút lưu

3. Xóa địa điểm

B1: ở màn places-> click vào icon hình thùng rác

B2: Xác nhận xóa địa điểm

Các chức năng chi tiết

Thanh toán

Ở màn này cho phép người dùng tạo ra các phương thức thanh toán cho trang check out( thanh toán COD, chuyển khoản qua ngân hàng, thanh toán sau,...) . Nếu nhập chọn phương thức Chuyển khoản qua ngân hàng có thể điền số tài khoản để hiển thị ra ngoài website

ví dụ: Click vào nút chỉnh sửa để chỉnh sửa các phương thức thanh toán

1. Lịch sử giao dịch

Màn "Thanh Toán" giúp quản lý danh sách các giao dịch thanh toán của khách hàng, bao gồm thông tin về mã thanh toán, người mua, số tiền, phương thức thanh toán, trạng thái và ngày tạo.

2.Tìm kiếm giao dịch

B1: Nhập mã thanh toán hoặc tên người mua vào ô tìm kiếm.

B2: Nhấn biểu tượng kính lúp để tìm kiếm.

3. Chỉnh sửa giao dịch

B1: Nhấn biểu tượng chỉnh sửa (✏️) trên giao dịch cần chỉnh.

B2: Thực hiện chỉnh sửa thông tin cần thiết.

B3: Nhấn Lưu để cập nhật.

4. Xóa giao dịch

B1: Nhấn biểu tượng thùng rác (🗑️) trên giao dịch cần xoá.

B2: Xác nhận khi có thông báo hiện lên.

Các chức năng chi tiết

Slider

Màn hình Sliders dùng để quản lý các slider hiển thị trên website, bao gồm tạo mới, chỉnh sửa, xuất bản và xóa slider.

Ví dụ:

1. Các bước tạo slider

B1: Click vào slider

B2: Click vào icon hình bút chì ở khối slide muốn chỉnh sửa

B3: Click vào add new để thêm ảnh, tùy chỉnh thứ tự sắp xếp

B4: Click vào nút lưu

2. Xóa slider

B1: Click vào slider

B2: Click vào icon hình bút chì ở khối slide muốn chỉnh sửa

B3: Ở mục slide items-> click vào icon thùng rác để xóa các ảnh người dùng muốn xóa

B4: Click vào nút lưu

Các chức năng chi tiết

Quản lý tập tin

1. Giới Thiệu

Tính năng Quản lý tập tin giúp người dùng lưu trữ, tổ chức và quản lý các tệp tin, thư mục trong hệ thống. Tất cả hình ảnh, tài liệu được tải lên sẽ được lưu tại đây, hỗ trợ tìm kiếm và quản lý dễ dàng.

2. Giao Diện Quản Lý Tập Tin
Thành phần Mô tả
Nút Tải Lên Cho phép người dùng tải tệp lên hệ thống.
Thanh công cụ Cung cấp các tùy chọn: Làm mới, chọn tất cả, đổi chế độ xem.
Thanh tìm kiếm Nhập từ khóa để tìm kiếm tệp hoặc thư mục.
Bộ lọc & Sắp xếp Lọc và sắp xếp theo nhiều tiêu chí.
Danh sách tài liệu Hiển thị các tệp tin và thư mục đã lưu.
3. Chức Năng Chính
Chức năng Hướng dẫn sử dụng
Tải Tệp Lên Nhấn "Tải lên" → Chọn tệp từ thiết bị → Tệp sẽ hiển thị trong danh sách.
Tạo Thư Mục Nhấn "Tạo thư mục" → Nhập tên → Xác nhận → Thư mục xuất hiện trong danh sách.
Tìm Kiếm Nhập từ khóa → Nhấn Enter hoặc nút 🔍 → Hiển thị kết quả phù hợp.
Sắp Xếp & Lọc Nhấn "Sắp xếp" → Chọn tiêu chí (A-Z, Z-A, mới nhất...) → Áp dụng bộ lọc theo loại tệp.
Xem Chi Tiết Nhấn vào tập tin → Xem thông tin và tùy chọn quản lý.
Xóa hoặc Di Chuyển Chọn tệp → Nhấn Hành động → Chọn Xóa hoặc Di chuyển → Xác nhận.
Các chức năng chi tiết

Hiển thị

1. Custom JS

Màn hình "Custom JS" cho phép người dùng chèn mã JavaScript tùy chỉnh vào trang web. Mã JS có thể được thêm vào phần Header hoặc Body của trang.

B1: Truy cập vào mục Hiển Thị > Custom JS trong menu bên trái.

B2: Nhập mã JavaScript vào ô Header JS hoặc Body JS tùy theo nhu cầu

B3: Nhấn nút Lưu & chỉnh sửa để lưu lại thay đổi.

B4: Kiểm tra lại trang web để đảm bảo mã JS hoạt động đúng như mong muốn.

Lưu ý: Chỉ chèn các đoạn mã cần thiết để tránh ảnh hưởng đến tốc độ tải trang

2. Custom HTML

Màn hình Custom HTML cho phép người dùng chèn nội dung HTML tùy chỉnh vào trang web. Nội dung có thể được thêm vào các vị trí Header, Body, hoặc Footer của trang.

Các thành phần chính

Cách sử dụng

B1: Truy cập vào Hiển Thị > Custom HTML trong menu bên trái.

B2: Nhập nội dung HTML vào ô Header HTML, Body HTML, hoặc Footer HTML tùy theo nhu cầu Nhấn nút Lưu & chỉnh sửa để lưu lại thay đổi.

B3: Nhấn nút Lưu & chỉnh sửa để lưu lại thay đổi.

B4: Kiểm tra trang web để đảm bảo nội dung hiển thị đúng như mong muốn.

3. Trình đơn

Màn hình này cho phép quản trị viên quản lý các menu trên website. Tại đây, người dùng có thể tạo mới, chỉnh sửa hoặc xóa các menu có sẵn.

Chỉnh sửa menu

B1: tại trình đơn-> click vào icon hình bút chì vào dòng menu muốn chỉnh sửa

B2: Tại màn hình chỉnh sửa, thêm các mục menu bằng cách chọn từ danh sách hoặc thêm liên kết tùy chỉnh

B3: click thêm vào trình đơn

B4: Kéo thả để sắp xếp thứ tự hiển thị.

B5: Click lưu và chỉnh sửa

Lưu ý cách lấy URL cho danh mục sản phẩm:

về tour: /tours/list?tour_categories%5B%5D=ID( ID ở đây đã được hướng dẫn xác định trong danh mục sản phẩm).

Nếu không được thì làm theo cách sau:

B1: Tại danh mục sản phẩm(categorie)

4. Widgets

Màn hình "Widgets" trong CMS cho phép quản trị viên quản lý các tiện ích hiển thị trên website. Người dùng có thể thêm, chỉnh sửa hoặc xóa các widgets trong các khu vực sidebar khác nhau.

Tiện ích có sẵn

Hiển thị danh sách các widgets có sẵn để sử dụng, bao gồm:

Khu vực hiển thị widgets

Thêm widget vào sidebar

B1: Chọn một widget từ danh sách "Tiện ích có sẵn".

B2: Kéo widget vào khu vực sidebar mong muốn.

B3: Điều chỉnh các cài đặt của widget (tiêu đề, nội dung, liên kết, v.v.).

B4: Nhấn Lưu để áp dụng thay đổi.

Xóa hoặc di chuyển widget

Lưu ý: Việc thay đổi vị trí hoặc xóa widget có thể ảnh hưởng đến giao diện hiển thị của trang web.

5. Tùy chọn giao diện

Màn hình "Tùy chọn giao diện" trong CMS cho phép quản trị viên cấu hình các thiết lập hiển thị quan trọng của website, bao gồm font chữ, màu sắc, tiêu đề trang, thông tin SEO và các tùy chọn khác.

5.1. Cấu hình chung (General)

Chỉnh sửa thông tin giao diện B1: Truy cập vào Hiển Thị > Tùy Chọn Giao Diện.

B2:Chọn danh mục cần chỉnh sửa (ví dụ: General, Logo, SEO...).

B3: Nhập hoặc chọn giá trị mong muốn.

B4: Nhấn nút Lưu thay đổi để áp dụng cấu hình.

Điều chỉnh tin ở Footer

B2: Chỉnh sửa thông tin: địa chỉ văn phòng,...

B3: click vào lưu

Cách gắn link:

B1: Click vào Tùy chỉnh giao diện-> Social links

B2: Nhập thông tin thay đổi, chọn icon và gắn link URL

B3: Click vào lưu

5.4. call to actions

chức năng này cho phép người dùng gắn link vào các nút CTA của website

các nút CTA đã được tạo sẵn. các bước để gắn link

B1: Hiển thị-> Tùy chỉnh giao diện-> Call to actions

B2: Nhập các thông tin ( ID fb, sdt, zalo OA, ....)

B3: Click vào nút lưu thay đổi

Chức năng này cho người dùng thêm logo cho Website. ở đây có 2 loại chính:

B1: Truy cập vào Hiển Thị > Tùy Chọn Giao Diện > Logo.

B3: Nhấn Lưu thay đổi để cập nhật logo mới.

Cập nhật favicon

B1: Truy cập vào Hiển Thị > Tùy Chọn Giao Diện > Logo.

B2: Trong phần "Favicon", nhấn Chọn ảnh để tải lên favicon mới.

B3: Nhấn Lưu thay đổi để cập nhật favicon mới.

Lưu ý: đo kích thước logo ở website để cắt ảnh cho đúng kích thước, tránh không đúng kích thước sẽ bị vỡ ảnh

Các chức năng chi tiết

Liên hệ

Màn "Liên Hệ" giúp quản lý các yêu cầu liên hệ từ khách hàng khi họ điền thông tin CẦN TƯ VẤN trên website. Hệ thống sẽ tự động lưu trữ các thông tin này để quản trị viên có thể xem và xử lý.

1. Các Chức Năng Chính
1.1. Danh Sách Liên Hệ

Chỉnh sửa (✏️): Xem chi tiết và phản hồi.

Xóa (🗑️): Xóa yêu cầu liên hệ.

1.2. Xem và Trả Lời Liên Hệ
1.3. Cách sử dụng

B1: Vào Liên Hệ từ menu.

B2: Chọn liên hệ cần xử lý và nhấn Chỉnh sửa (✏️).

B3: Kiểm tra thông tin và cập nhật trạng thái.

B4: Nhập nội dung phản hồi và nhấn Send để gửi ngay.

B5: Nếu chỉ muốn lưu lại thay đổi, nhấn Lưu & chỉnh sửa hoặc Lưu.

Các chức năng chi tiết

Ticket - Vé vui chơi

Ở màn này cho phép người dùng tạo ra các vé vui chơi

Các bước tạo vé vui chơi

  1. Ở trang quản trị CMS tìm module ticket
  2. Click vào tạo mới
  3. Nhập thông tin của vé vui chơi
  4. Kéo xuống gần cuối có khối thuộc tính-> click vào add new atributes
  5. Ở cột attribute name-> chọn tour age
  6. Sau khi chọn tour age-> cột value sẽ hiện người lớn hoặc trẻ em
  7. Click vào nút lưu và chỉnh sửa
  8. Sau khi click lưu và chỉnh sửa tìm khối như ảnh dưới-> click vào icon hình bút chì
  9. sau khi click vào icon hình bút chì sẽ ra giao diện như ảnh dưới-> nhập giá
  10. Click vào nút save changes
  11. Để tiếp tục add giá trẻ em-> click tiếp vào add new variation
  12. Sau khi chuyển sang giao diện nhập giá-> ô select-> chọn trẻ em/ người lơn-> nhập giá
  13. click vào save changes
  14. Click tiếp vào lưu và chỉnh sửa