Đại Học Quốc Gia Thành Phố Hồ Chí Minh

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN

KHOA CÔNG NGHỆ THÔNG TIN
ĐỒ ÁN MÔN HỌC
NHẬP MÔN CÔNG NGHỆ THÔNG
TIN
Đề tài: Sử dụng công cụ tạo website
bán mỹ phẩm
Giáo viên phụ trách: Cô Tiết Gia Hồng

Lớp: 22CLC07
Thực hiện: Sinh viên nhóm 2
Danh sách thành viên nhóm:
STT MSSV Họ và tên Email

1 22127274 Phan Nguyễn Tuấn Minh pntminh22@clc.fitus.edu.vn
2 22127278 Vũ Thu Minh vtminh22@clc.fitus.edu.vn
3 22127330 Nguyễn Đức Phúc ndphuc22@clc.fitus.edu.vn
4 22127403 Nguyễn Trần Minh Thư ntmthu22@clc.fitus.edu.vn
5 22127470 Lê Hoàng Yến lhyen22@clc.fitus.edu.vn
6 22127479 Lê Hoàng Lĩnh lhlinh22@clc.fitus.edu.vn
22CLC07 – Nhóm 2 – Website: https://ducphucts63.wixsite.com/usbeauty
TPHCM, tháng 12, năm 2022

LỜI CẢM ƠN
Website nói chung hay là một website bán hàng nói riêng đang ngày
càng phổ biến trong cuộc sống ngày nay. Chúng là mô hình chuyển đổi số từ
những thứ sẵn có, một cửa hàng bán lẻ, một nhà sách, một công ty, … để phù
hợp với sự phát triển của thời đại, qua đó, làm tăng thêm khả năng tiếp cận
đến với những khách hàng tiềm năng của mình. Không chỉ có vậy, một website
còn làm nhiều hơn nữa, với những tính năng được tích hợp, một website bán
hàng cho phép các tổ chức, doanh nghiệp được chăm sóc, phục vụ và phụng sự
khách hàng một cách chu đáo và có hiệu quả hơn.
Qua bài báo cáo này, chúng em muốn làm rõ khái niệm về một website
bán hàng cũng như tầm quan trọng của nó, đồng thời đưa ra những công cụ có
thể thực hiện một website, định hướng để thực hiện website bán hàng của
nhóm chúng em. Quan trọng hơn hết, bài báo cáo này cũng trình bày rõ sản
phẩm cuối cùng của nhóm qua hình ảnh với những nội dung chi tiết, cụ thể đến
các bước thực hiện và hướng dẫn đối với người sử dụng.
Trước khi đi vào phần nội dung chính của mình, nhóm chúng em xin gửi
lời cảm ơn đến cô Tiết Gia Hồng – giảng viên Lý thuyết và cô Hồ Thị Hoàng Vy –
giảng viên Thực hành đã đồng hành cùng chúng em trong quá trình thực hiện
đồ án này, luôn đưa ra cho chúng em những lời khuyên, góp ý và hướng dẫn để
chúng em có thể hoàn thành đồ án của mình.
2
MỤC LỤC
CHƯƠNG I: MÔ TẢ ỨNG DỤNG....................................................................................6
I. TÌM HIỂU VỀ CÁC TRANG WEB BÁN HÀNG TRỰC TUYẾN:...................................6
1. Thế nào là một trang bán hàng trực tuyến?....................................................6
2. Vì sao cần có trang bán hàng trực tuyến?.......................................................6
3. Các chức năng cơ bản của website bán hàng:.................................................7
II. ĐỊNH HƯỚNG THỰC HIỆN TRANG WEB BÁN HÀNG:........................................12
1. Khảo sát công cụ:...........................................................................................12
2. Tổ chức dữ liệu và chức năng người dùng:....................................................15
CHƯƠNG II: CHỨC NĂNG ĐĂNG KÝ............................................................................21
I. Đăng ký ở giao diện người dùng:......................................................................21
II. Đăng ký ở giao diện admin:...............................................................................26
CHƯƠNG III: CHỨC NĂNG ĐĂNG NHẬP......................................................................31
1. Đăng nhập ở giao diện người dùng:..................................................................31
2. Đăng nhập ở giao diện admin:..........................................................................35
CHƯƠNG IV: CHỨC NĂNG QUẢN LÝ TÀI KHOẢN........................................................37
I. Mô tả tính năng “Quản lý tài khoản”:...............................................................37
II. Các bước cài đặt:...............................................................................................37
CHƯƠNG V: CHỨC NĂNG TÌM KIẾM...........................................................................39
I. Mô tả tính năng “Tìm kiếm”:.............................................................................39
1. Vị trí của thanh “Tìm kiếm”:..........................................................................39
2. Các bước tìm kiếm sản phẩm:.......................................................................39
II. Các bước cài đặt tính năng “Tìm kiếm”:............................................................44
CHƯƠNG VI: CHỨC NĂNG XEM THÔNG TIN CỬA HÀNG............................................47
I. Mô tả chức năng:..............................................................................................47
II. Cách thức cài đặt chức năng:............................................................................47
1. Lên ý tưởng về cửa hàng và viết về ý tưởng đó:............................................47
2. Truyền tải thông tin lên website:...................................................................47
CHƯƠNG VI: CHỨC NĂNG LIÊN HỆ, CHAT TRỰC TUYẾN.............................................49
I. Mô tả chức năng:..............................................................................................49
3
II. Cách thức cài đặt chức năng “chat trực tuyến”:...............................................49
CHƯƠNG VII: CHỨC NĂNG VOUCHER, CHIẾT KHẤU...................................................54
I. Mô tả chức năng:..............................................................................................54
1. Xem voucher và chiết khấu............................................................................54
2. Hướng dẫn sử dụng voucher.........................................................................54
3. Hướng dẫn sử dụng chiết khấu......................................................................56
II. Cách cài đặt chức năng:....................................................................................57
1. Cách tạo chiết khấu tự động..........................................................................57
2. Cách chỉnh sửa và xóa chiết khấu..................................................................62
3. Cách tạo voucher..............................................................................................65
4. Cách chỉnh sửa và xóa voucher........................................................................69
CHƯƠNG VIII: CHỨC NĂNG KHÓA HỌC......................................................................73
I. Mô tả chức năng:..............................................................................................73
1. Xem khóa học:...............................................................................................73
2. Đăng ký khóa học:..........................................................................................75
3. Tham gia học:................................................................................................78
1. Thêm các thông tin khóa học:........................................................................81
2. Xác nhận người tham gia:..............................................................................85
CHƯƠNG IX: CHỨC NĂNG MUA HÀNG, ĐẶT HÀNG VÀ THANH TOÁN........................88
I. Mô tả chức năng:..............................................................................................88
1. Xem sản phẩm:..............................................................................................88
2. Xem giỏ hàng:................................................................................................90
3. Đặt hàng và thanh toán các sản phẩm:..........................................................92
1. Thêm sản phẩm:............................................................................................95
2. Tạo form đăng ký mua hàng:.........................................................................99
CHƯƠNG X: CHỨC NĂNG ĐÁNH GIÁ, BÌNH LUẬN.....................................................102
I. Mô tả chức năng:............................................................................................102
II. Cài đặt chức năng:..........................................................................................102
4
CHƯƠNG XI: CHỨC NĂNG BLOG...............................................................................105

I. Mô tả chức năng: Chức năng Blog để người dùng có thể xem các chia sẻ từ
người quản lý, nhân viên về các sản phẩm và tính năng của trang web..............105
1. Xem các bài đăng:........................................................................................105
2. Chia sẻ bài viết:............................................................................................106
3. Bình luận và xem các bài đăng gần đây:......................................................106
II. Cách cài đặt chức năng:..................................................................................108
1. Tạo bài đăng mới:........................................................................................108
2. Cách xóa, khôi phục và chỉnh sửa bài đăng:................................................111
3. Cách thêm tiêu đề menu trên trang blog:....................................................112
CHỨC NĂNG XII: CHỨC NĂNG THẺ QUÀ TẶNG.........................................................114
I. Mô tả chức năng:............................................................................................114
1. Thế nào là thẻ quà tặng?.............................................................................114
2. Làm sao để tìm kiếm thẻ quà tặng?.............................................................114
3. Các bước để mua thẻ quà tặng:...................................................................115
II. Cách cài đặt chức năng:..................................................................................117
CHƯƠNG XIII: ĐÁNH GIÁ QUÁ TRÌNH LÀM VIỆC.......................................................121
I. NỘI DUNG PHỤ TRÁCH:..................................................................................121
II. ĐÁNH GIÁ:.......................................................................................................123
CHƯƠNG XIV: KẾT LUẬN...........................................................................................123
I. ĐÁNH GIÁ SẢN PHẨM:....................................................................................123
1. Điểm mạnh:.................................................................................................123
2. Điểm yếu:.....................................................................................................124
II. BÀI HỌC KINH NGHIỆM:..................................................................................124
1. Đối với quá trình làm việc nhóm:.................................................................124
2. Đối với quá trình xây dựng website:............................................................125
5
CHƯƠNG I: MÔ TẢ ỨNG DỤNG
I. TÌM HIỂU VỀ CÁC TRANG WEB BÁN HÀNG TRỰC TUYẾN:

1. Thế nào là một trang bán hàng trực tuyến?
Bán hàng trực tuyến là hình thức giao dịch, mua bán sản phẩm, dịch vụ của
cửa hàng trong môi trường Internet. Nơi thực hiện việc bán hàng online có
thể là trên mạng xã hội, diễn dàn, blog nhưng nhiều nhất vẫn là website thông
qua các hình thức quảng cáo trực tuyến. Việc này ngày nay được xem là một
việc khá phổ biến và phù hợp với xu hướng của thời đại ngày nay, khi mọi thứ
đều được kết nối với nền tảng Internet, gần như không có bất kì khoảng cách
nào.
Vì lẽ đó, các trang web bán hàng online, nơi cung cấp thông tin sản phẩm một
cách tối ưu, nơi quản lý các đơn hàng hiệu quả và chỉ cần những nút chạm,
người dùng hoàn toàn có được những sản phẩm mà mình mong muốn nhưng
không phải tốn thời gian quá nhiều cho việc di chuyển, lựa chọn, … như khi
tham gia vào các hình thực mua hàng trực tiếp truyền thông.
2. Vì sao cần có trang bán hàng trực tuyến?

- Bán hàng trực tuyến (online) giúp tiết kiệm chi phí đầu tư: Bán hàng
online giúp giảm thiểu các chi phí như phí thuê mặt bằng, thuê nhân viên,
chi phí điện nước, … Điều này giúp mang lại một khoảng lợi nhuận tương
đối để người bán hàng có thể đầu tư cho các khía cạnh khác như nâng cao
chất lượng sản phẩm và quảng cáo cửa hàng.
- Có thể bán hàng mọi lúc mọi nơi: Kinh doanh trực tuyến có thể hoạt động
24/24. Qua đó, khách hàng lẫn người bán có thể chủ động trong thời gian
của mình cũng như có nhiều giao dịch hơn hình thức mua bán truyền
thống.
6
- Tiếp cận và khai thác được nhiều khách hàng hơn: Với một ứng dụng có
kết nối Internet, khách hàng từ khắp mọi nơi trên thế giới có thể tìm thấy
một cửa hàng trực tuyến. Việc làm này phần nào đó giúp mở rộng phạm vi
tiếp cận với cửa hàng và tăng thêm thu nhập cho cửa hàng đó.
- Dễ dàng quản lý và tính toán doanh thu: Nếu kinh doanh truyền thống
thường khó khăn trong việc kiểm kê số lượng hàng hóa trong kho thường
xuyên, mặt hàng nào còn tồn, mặt hàng nào bán chạy thì kinh doanh trực
tuyến có thể khắc phục được điều này, bằng các công cụ hỗ trợ, chúng ta
có thể kiểm kê số lượng sản phẩm trong kho, tính được số lượng sản phẩm
và giá trị của các đơn đặt hàng đồng thời thống kê được doanh thu của cửa
hàng theo tuần, tháng, quý, năm.
- Kinh doanh online có thể kết hợp và bổ trợ cho kinh doanh truyền thống:
Kinh doanh online có thể là lợi thế cho các cửa hiệu chuyên bán hàng trực
tuyến. Việc kết hợp kinh doanh online và offline (trực tuyến và trực tiếp)
cũng sẽ giúp tăng khả năng khách hàng tiếp cận và biết đến thương hiệu,
qua đó có thể ghé thăm cửa hàng tại các khu vực lân cận để mua trực tiếp
sản phẩm.
3. Các chức năng cơ bản của website bán hàng:

Một website bán hàng cơ bản sẽ có các chức năng sau:
● Chức năng cung cấp thông tin: Để đảm bảo được độ tin cậy cũng như
sự yên tâm cho khách hàng, các trang web bán hàng cần làm minh
bạch các thông tin về sản phẩm, giá cả, nguồn gốc xuất xứ của các
phẩm cũng như các thông tin về đơn vị vận chuyển, chế độ bảo hành,
chính sách giao hàng, … Vì lẽ đó, tính năng cung cấp thông tin là một
trong những chức năng quan trọng và rất cần thiết trong một website
bán hàng trực tuyến.
● Chức năng tìm kiếm: Website bán hàng về cơ bản là một cửa hàng
ảo, dù là cửa hàng ảo hay cửa hàng thật thì mục tiêu mà người mua
7
đến với cửa hàng là tìm kiếm sản phẩm. Đóng vai trò như các nhân
viên của cửa hàng, việc có chức năng tìm kiếm qua các từ khóa sẽ
giúp người mua tìm kiếm nhu cầu của mình nhanh chóng và hiệu quả
hơn rất nhiều.
● Chức năng lọc/ sắp xếp sản phẩm: Bộ lọc hay sắp xếp sản phẩm sẽ
giúp người dùng phân loại được sản phẩm theo mục đích sử dụng, giá
cả, … sao cho phù hợp nhất với các nhu cầu của mình. Khác với chức
năng tìm kiếm của hầu hết website, người mua chỉ có thể thấy được
thông tin sản phẩm và giá, thì chức năng lọc hay sắp xếp sẽ giúp tổ
chức hàng hóa theo nhu cầu một cách có tổ chức và quy chuẩn hơn.
Qua đó, người dùng sẽ thao tác nhanh gọn cũng như hiệu quả hơn,
dễ dàng lựa chọn hàng hóa mình mong muốn.
● Chức năng giỏ hàng: Chức năng giỏ hàng sẽ cho phép người dùng
xem qua một lượt những món hàng mà mình đã lựa chọn trước khi
đưa ra quyết định đặt hàng. Một số website lớn như Tiki, Shopee còn
tích hợp chức năng chọn hàng hóa muốn mua trong giỏ hàng trước
khi đặt hàng, qua đó giúp người mua cân nhắc và lựa chọn hàng hóa
cần mua một cách hợp lý. Ngoài ra, chức năng này cũng cho người
dùng xem lại các thông tin về giá cả sản phẩm, địa chỉ nhận hàng, lựa
chọn các phương thức thanh toán, …
● Chức năng quản lý đơn hàng: Thông qua chức năng này, người mua
có thể biết được đơn hàng mình đặt đã và sẽ trải qua những giai đoạn
nào, đồng thời, chức năng này cũng dự đoán được thời gian mà
người mua có thể nhận được sản phẩm của mình. Tuy vậy, ở một số
website khi giao từ nước ngoài đến Việt nam thì sự dự đoán này
không hoàn toàn chính xác, chỉ mang tính tương đối nhất định.
● Chức năng thanh toán: Chức năng thanh toán hay cụ thể là thanh
toán trực tuyến thông qua các tài khoản ngân hàng hoặc qua các ví
tiền ảo trên website thương mại do chính Nhà nước cấp quyền. Đây
8
được xem là chức năng cơ bản cần thiết và không thể thiếu đối với
các trang web bán hàng online hiện nay, đặc biệt là các trang web
lớn. Nhờ có chức năng này, khách hàng dễ dàng thanh toán mà không
phải mất nhiều thời gian chờ đợi cho việc nhận tiền thừa, hay xếp
hàng chờ rút tiền để trả tiền hàng hóa khi mua hàng online. Vì lẽ đó,
các cửa hàng áp dụng chức năng này sẽ giúp tăng khả năng tiếp cận
khách hàng hơn bởi sự tiện dụng của nó.
● Chức năng hỗ trợ: Đối với những website bán hàng lớn thì lượng truy
cập mỗi ngày sẽ khá nhiều, do đó việc có chức năng hỗ trợ qua form,
chat online hoặc là các phần mềm tư vấn trực tuyến sẽ giúp cho nhân
viên có thể chăm sóc khách hàng tốt hơn qua việc làm cầu nối để họ
trực tiếp nói chuyện, giải đáp thắc mắc. Không chỉ các trang web lớn
mà những trang web bán hàng nhỏ hơn cũng vẫn phát triển các kênh
giao tiếp trực tuyến nhanh gọn như vậy để có thể tư vấn thông tin kịp
thời, đúng lúc cho khách hàng, chính sự nhiệt tình này sẽ là nhân tố
giúp tăng lợi nhuận nhiều hơn cho cửa hàng.
● Chức năng chiết khấu: Chức năng này cung cấp thông tin về các mã
coupon, chiết khấu cũng như nơi để nhập mã coupon hay chiết khấu
cho người sử dụng. Bên cạnh đó, tính năng này cũng tự động lựa
chọn những mã giảm giá, chiết khấu phù hợp với đơn hàng của người
mua. Điều này giúp người dùng cảm thấy thoải mái hơn trong việc
mua hàng, ngoài ra thì việc để các tính năng chiết khấu, coupon sẽ
khuyến khích người mua hàng nhiều hơn bởi ai cũng thích khuyến
mại, giảm giá.
● Hỗ trợ quảng cáo: Để trang web bán hàng có thể phát huy tối đa lợi
ích vốn có cũng như tiếp cận được những khách hàng tiềm năng của
mình thì việc thực hiện các quảng cáo trên Google Adwords, SEO,
Facebook Ads, … là cần thiết. Ngoài ra các trang web cũng có tích hợp
9
các chức năng như vote, like, share qua các trang mạng xã hội cũng sẽ
là một sự hỗ trợ đắc lực cho việc làm SEO hoặc quảng cáo website.
I. Các trang cần có của một website bán hàng:

Từ những tính năng trên, một website bán hàng cần có các trang quan
trọng như sau:
Tên trang Mô tả Yêu cầu
Trang chủ Bao gồm: + Giao diện đẹp mắt,

+ Banner trang bán hàng đơn giản, thân thiện
+ Giới thiệu sơ lược về cửa với người dùng.
hàng + Menu khoa học, bố
+ Thông tin các mặt hàng cục web rõ ràng.
tiêu biểu + Hiển thị dễ dàng trên
+ Tin tức - sự kiện các trình duyệt và
+ Tìm kiếm tương thích với các
+ Bản đồ địa chỉ thiết bị.
+ Liên hệ
Trang giới thiệu cửa Bao gồm: - Thao tác thêm/ sửa/
hàng 1. Giới thiệu tổng xóa thông tin trên hệ
quan về cửa hàng: thống quản trị dễ
Quá trình hình dàng.
thành, phát triển, - Tùy chỉnh từ khóa,
quy mô, thành tựu, mô tả, tag, link URL
khẩu hiệu, … chuẩn SEO.
2. Sứ mệnh, tầm nhìn, - Bài viết phải đầy đủ
giá trị cốt lõi tiêu đề, nội dung, …
3. Giới thiệu qua về
10
sản phẩm, dịch vụ
Trang sản phẩm Phân cấp sản phẩm, phân ● Hiển thị sản phẩm/
loại sản phẩm theo mục dịch vụ theo danh
đích sử dụng. mục cụ thể.
● Cập nhật thông tin
sản phẩm trực quan,
đầy đủ, chính xác và
dễ nhìn.
● Tối ưu thao tác
thêm/ xóa/ sửa
thông tin sản phẩm.
Trang tin tức, sự Bao gồm: ● Hiện thị danh sách

kiện - Bài viết về sự kiện các bài viết (nên chia
trong lĩnh vực ra các danh mục để
- Bài viết review sản dễ dàng tìm kiếm).
phẩm ● Minh bạch đánh giá
- Bài viết chia sẻ về của mọi người đối
lĩnh vực với các bài viết.
● Tối ưu chuẩn SEO
cho các bài viết.
Trang liên hệ hỗ trợ Bao gồm: Các thông tin trên form
Form tiếp nhận yêu cầu gồm: Họ tên, Địa chỉ, Số
của khách hàng điện thoại, Email, Nội
dung cần được giải
quyết, …
Trang tiện ích Bao gồm: - Nên có thống kê lượt

I. Các trang truy cập của khách,
11
fanpage của cửa lượt xem bài viết.

hàng trên các - Bố cục cần rõ ràng,
nền tảng mạng trực quan, nên phân
xã hội rõ các đề mục để dễ
II. Các thông tin xem và sử dụng (khi
đơn vị liên kết cần).
(thanh toán, - Thao tác thêm/ sửa/
phân phối sản xóa thông tin trên hệ
phẩm, …) thống quản trị dễ
III. Các thông tin dàng.
khác về chính
sách bảo hành,
giao hàng, …
Bảng I.4.1. Danh sách các trang cơ bản cần có cho một website bán hàng
II. ĐỊNH HƯỚNG THỰC HIỆN TRANG WEB BÁN HÀNG:

1. Khảo sát công cụ:
Hiện nay, có rất nhiều công cụ khác nhau hỗ trợ cho việc xây dựng trang
web. Chúng ta có thể dùng chúng để tạo nên những trang web rất chuyên
nghiệp và hiệu quả với các template khác nhau hỗ trợ cho từng mục đích
cụ thể:
a. Google Site:
- Ưu điểm:
- Trang web không tốn phí, khá phổ biến và thông dụng đối
với nhiều người.
- Cách thiết kế hiện đại, đơn giản, phù hợp cho những
người theo khuynh hướng tối giản.
12
- Cách sử dụng chỉ là kéo thả, đơn giản, nhẹ nhàng và phù
hợp với hầu hết các đối tượng.
- Không đòi hỏi chuyên môn quá cao trong thiết kế cũng
như lập trình.
- Nhược điểm:
- Web không có các template có sẵn để phục vụ cho các
mục đích khác nhau.
- Google Site không hỗ trợ nhiều chức năng đa dạng khi tạo
một trang web chuyên môn hóa cho lĩnh vực nhất định.
b. Wordpress:
- Ưu điểm:
- Trang web có cách sử dụng tương đối đơn giản, hỗ trợ
nhiều ngôn ngữ khác nhau trên thế giới, trong đó có
Tiếng Việt.
- Hệ thống quản trị dễ dàng, các mục như bài đăng, giao
diện, cài đặt, được sắp xếp dễ hiểu, khoa học và thân
thiện với người sử dụng.
- Hỗ trợ tìm kiếm từ khóa dễ dàng, tiện lợi.
- Nhược điểm: Trang tính phí khi thiết kế và sử dụng tên miền
riêng theo mong muốn của người sử dụng.
c. Wix:
- Ưu điểm:
- Có nhiều mẫu thiết kế sẵn phù hợp cho các nhu cầu khác
nhau tùy theo mục đích của người sử dụng.
- Có nhiều tính năng đa dạng, cá nhân hóa cho từng mục
đích cụ thể của việc tạo một website. Ngoài ra Wix còn có
13
các tính năng trang web mở rộng tại Wix Market bao gồm
chat, diễn đàn, …
- Cách sử dụng chỉ là kéo, thả và thêm các thông tin cần
thiết.
- Wix có ứng dụng tích hợp công cụ quản lý SEO, qua đó sẽ
giúp bạn quảng cáo trang web của mình dễ dàng qua các
công cụ từ khóa, hình ảnh, …
- Wix có tích hợp email marketing, tức là khi khách hàng
truy cập vào trang web hoặc để lại các thông tin mình
mong muốn thì sẽ có thông báo về những email đó, từ đó
giúp việc chăm sóc và phục vụ khách hàng chu đáo hơn.
- Nhược điểm:
- Một số chức năng nâng cao cần phải trả phí (ví dụ như
thanh toán, làm logo, …).
- Ban đầu sẽ hơi khó thao tác cho những người chưa quen
với công nghệ hay lập trình.
Kết luận: Với những ưu nhược điểm trên và căn cứ vào mức độ phù hợp của
đồ án, nhóm lựa chọn Wix để thực hiện đồ án này với những ưu điểm sau:
- Phù hợp với điều kiện tài chính, chuyên môn cũng như mức độ thao tác
của các thành viên trong nhóm.
- Tích hợp được nhiều tính năng với những từ khóa, giao diện trực quan
đảm bảo cần thiết cho một website bán hàng.
14
2. Tổ chức dữ liệu và chức năng người dùng:

a. Sơ đồ Class diagram (tổ chức dữ liệu):
Hình II.2.a.1. Sơ đồ tổ chức dữ liệu mà website và cửa hàng quản lý
15
b. Sơ đồ Use diagram (tổ chức chức năng người dùng):
Hình II.2.b.1. Sơ đồ Use diagram tổ chức chức năng dùng chung cho
nhân viên và khách hàng
16
Hình II.2.b.2. Sơ đồ Use diagram tổ chức chức năng riêng dành cho
nhân viên
17
c. Danh sách các trang và định hướng tổ chức trang:

Tên Mô tả Các chức năng
trang
Trang Đây là trang web Trang này sẽ bao quát các chức năng
chủ đầu tiên khi người cần thiết vốn có của một website vì nó
dùng truy cập vào là trang tổng chung. Các chức năng
website sẽ thấy. của trang này bao gồm:
 Nhìn thấy các ấn phẩm truyền
thông (banner) của website.
 Xem danh sách các sản phẩm bán
chạy (mục này sẽ có các chức
năng như mục Sản phẩm bên
dưới)
 Xem giới thiệu ngắn gọn về công
ty, cửa hàng.
 Để lại các thắc mắc và thông tin
địa chỉ email để cửa hàng phản
hồi.
 Chat trực tuyến với nhân viên cửa
hàng.
 Xem thông tin địa chỉ và bản đồ
hướng dẫn đến địa chỉ.
 Để lại email để nhận thêm các
thông tin về chính sách, sản phẩm,
khóa học, … của cửa hàng.
Giới Các thông tin liên Trang Giới thiệu sẽ chứa các thông tin
thiệu quan đến cửa về cửa hàng một cách chi tiết và cụ
hàng đều được thể, người dùng sẽ xem thông tin này
tập trung vào đây. để hiểu hơn, biết hơn và đánh giá về
18
cửa hàng.
Sản Đây là một trang Trang này có các tính năng quan trọng
phẩm cực kỳ quan trọng sau:
bởi nó cung cấp  Giúp người dùng biết được tên sản
tất cả các sản phẩm, giá cả sản phẩm (giá trước
phẩm dành cho và sau khi giảm).
người dùng để họ  Đưa người dùng đến với trang
có thể lựa chọn thông tin chi tiết của sản phẩm để
mua hàng. họ có thể tìm hiểu kĩ hơn về sản
phẩm cũng như có quyết định đặt
hàng sản phẩm đó.
 Ngoài ra, trang này cũng được
phân thành các trang nhỏ
(subpage) là phân loại của các mặt
hàng mà cửa hàng đang bán.
Khóa học Trang này cung Khi truy cập vào trang này, người dùng
cấp cho người sẽ:
dùng những khóa  Có thông tin về tên, giá, thời gian
học liên quan đến bắt đầu, thời gian kết thúc, … của
lĩnh vực làm đẹp. một khóa học.
 Có thể ấn vào xem chi tiết để biết
thêm thông tin về mô tả những thứ
sẽ được học và người đứng lớp
giảng dạy.
 Khi quyết định học, ấn chọn Tham
gia để đăng ký và để lại email để
cửa hàng có thể xác nhận.
 Sau khi khóa học của người dùng
được xác nhận họ sẽ được chuyển
19
đến trang chi tiết của khóa học với

các phần, mục và video để tiến
hành học tập.
Blog Trang này chứa Để làm được điều này, trang sẽ giúp
các bài viết có các người dùng:
nội dung review  Xem tiêu đề và tóm tắt các bài viết,
sản phẩm hoặc tác giả và thời gian đăng bài viết
chia sẻ các tips đó. Ngoài ra, có thể xem lượt xem
làm đẹp. bài viết, thả tim cho bài viết đó.
 Nếu muốn xem chi tiết, click vào
tiêu đề của bài viết để ra trang
dành riêng cho bài viết đó.
 Trong trang dành riêng cho bài viết
đó, người dùng có thể xem chi tiết
thông tin và hình ảnh của bài viết.
Liên hệ Trang này để Nhiệm vụ của trang này:
người dùng có thể  Thu thập các thông tin cá nhân
thông tin một cách (tên, email, số điện thoại, địa chỉ)
cụ thể hơn về các để cửa hàng tiện liên hệ giải quyết
vấn đề khó khăn vấn đề của khách hàng.
mà họ gặp phải khi  Giúp khách hàng sẽ thông tin chi
làm việc với cửa tiết vấn đề mình gặp phải và được
hàng. phân theo đề mục.
 Cho khách hàng xem địa chỉ và
hướng dẫn đường đi.
 Khuyến khích khách hàng để lại
email để nhận các thông tin sau.
Chính Trang này cung Nhiệm vụ của trang chính sách:
sách cấp thông tin cho  Giúp người đọc được thông tin
20
người dùng về các một cách đầy đủ tất cả những

chế độ, chính sách chính sách mà hiện tại cửa hàng
hỗ trợ người dùng. đang hỗ trợ.
 Đây là cơ sở để khách hàng có thể
bảo vệ quyền lợi của mình, đồng
thời cũng là cơ sở cho cửa hàng
giải quyết các vấn đề ngoài mong
muốn.
Tổ chức Đây là trang cung Sự có mặt của trang này nhằm giúp
cấp thông tin của tạo sự tin tưởng cho người mua hàng
các thành viên rằng đây là trang web người thật, việc
trong công ty. thật; đồng thời giúp họ có thể thực
hiện các phản ánh, báo cáo khi cần.
Bảng IV.2.c.1. Định hướng các trang sẽ có trong website nhóm thực
hiện
CHƯƠNG II: CHỨC NĂNG ĐĂNG KÝ

I. Đăng ký ở giao diện người dùng:
- Nếu chưa có tài khoản, bạn có thể đăng ký tài khoản bằng cách sử dụng
chức năng “đăng nhập” ở góc phải màn hình khi truy cập vào Trang chủ
của website.
21
Hình II.I.1. Mục đăng nhập tài khoản của trang web
- Để đăng ký tài khoản Wix nói chung hay tài khoản người dùng của website
Ú beauty nói riêng, người dùng sẽ chọn vào chức năng “Đăng ký” dòng
trên cùng “Mới truy cập trang web này? Đăng ký?”
Hình II.I.2. Mục đăng nhập và đăng ký tài khoản
- Đăng ký tài khoản ở website rất đơn giản bao gồm các phương thức sau:
22
a. Phương thức Đăng ký với Facebook:

- Sau khi đăng nhập qua Facebook, người dùng được yêu cầu phải
xác nhận thao tác này trên chính giao diện của Facebook.
- Việc xác nhận này như một lời xác minh mà Facebook dành cho
tài khoản của người dùng, đảm bảo an toàn cho người dùng
Facebook tránh khỏi việc truy cập vào những trang web lậu,
không minh bạch.
- Ấn “Tiếp tục dưới tên …” để tiếp tục đăng nhập vào Wix dưới tên
Facebook cá nhân.
Hình II.I.3. Hình ảnh giao diện cửa sổ đăng nhập bằng tài khoản
Facebook
b. Phương thức Đăng ký với Google:

- Ở phương thức đăng nhập này, người dùng sẽ lựa chọn email mà
mình mong muốn để đăng nhập và trở thành tài khoản Wix của
mình.
23
- Điều cần lưu ý ở phương thức này là khi đăng nhập bằng phương
thức này, người dùng sẽ có tài khoản liên kết với tài khoản Google
của mình, do đó sẽ không cần nhập mật khẩu của tài khoản Wix.
- Từ khi đăng nhập trở về sau, người dùng có thể lựa chọn phương
thức này để tiếp tục đăng nhập vào tài khoản của mình. Toàn bộ
dữ liệu sẽ được lưu lại ở lần truy cập trước và không bị mất.
Hình II.I.4. Hình ảnh giao diện cửa sổ đăng nhập bằng tài khoản
Google
24
c. Phương thức Đăng ký bằng Email (đây là phương thức đăng ký trực
tiếp):
- Phương thức đăng ký này yêu cầu bạn nhập email và mật khẩu
cho tài khoản của mình.
- Hệ thông sẽ báo nếu email đã đăng ký vào website rồi, do đó cần
đảm bảo email của mình chưa được đăng ký vào tài khoản của
website.
Hình II.I.5. Hình ảnh giao diện cửa sổ đăng nhập bằng email
II. Đăng ký ở giao diện admin:

- Về cơ bản, giao diện admin cũng sẽ có cách thức đăng ký tương tự với
người dùng, tuy nhiên, nếu muốn đăng ký giao diện admin để điều
chỉnh trang web hiện có thì admin này cần phải liên hệ với admin đang
nắm giữ website đó để được thêm email vào phần làm việc chung.
25
- Ngoài ra, đối với admin, khi đăng nhập vào website có thể thực hiện
các chức năng chỉnh sửa website hoặc ở trong giao diện chỉnh sửa;
đồng thời, điểm khác biệt so với các tài khoản người dùng là admin có
thể thêm bài viết, sản phẩm, khóa học trên trang web chính (không
nhất thiết phải vào giao diện chỉnh sửa mới chỉnh sửa được).
- Chức năng “Đăng ký” là một trong những chức năng sẵn có mà Wix hỗ
trợ cho người dùng khi tạo website, do đó không đòi hỏi quá nhiều thời
gian, công sức để nhóm có thể thực hiện được chức năng này.
- Các bước thực hiện để làm xuất hiện chức năng “Đăng ký”:
 Khi truy cập vào Wix, người admin (người chỉnh sửa thông tin
website) sẽ có thể ở trên 3 giao diện: Giao diện thô (chỉ gồm các
dòng, các chữ với các chức năng và cần truy cập vào đó để thêm
thông tin), Giao diện demo website (có thể chỉnh sửa được) và
Giao diện demo giống như người dùng.
Hình ảnh II.II.1. Giao diện chỉ để thêm thông tin
 Ở giao diện chỉ để thêm thông tin, nếu ấn vào nút “Edit site”
(“Chỉnh sửa trang”) ở góc trên bên phải, chúng ta sẽ đến được với
trang Demo website có thể chỉnh sửa được để tiến hành xem qua
các giao diện của website cũng như chỉnh sửa trực tiếp các thông
tin, thêm hình ảnh vào đó.
26
Hình II.II.2. Giao diện demo website
 Giao diện demo website có thể chỉnh sửa được bao gồm lưới và
thanh thước phía trên; bên phải là các công cụ để giúp ta chỉnh
sửa, thêm, xóa chức năng.
 Lựa chọn vào phần Page and Menu (mục đã được khoanh đỏ trên
hình), khi đó, ta sẽ thấy được tất cả những trang mà website của
mình đang có, đồng thời tình trạng của các trang đó như thế nào.
27
Hình II.II.3. Giao diện Page and Site trong tạo và chỉnh sửa
website của Wix
 Chọn vào phần mục Signup and Login (Đăng ký và đăng nhập), ta sẽ
thấy được rằng, đây là chức năng tiêu chuẩn, sẵn có trong Wix mỗi
khi người dùng bước vào website.
28
Hình II.II.4. Hai trang Đăng ký (Signup) và Đăng nhập (Login)
 Hai trang đang có trong mục Signup and Login là trang Đăng ký và
Đăng nhập. Wix để “(Default)” tức có nghĩa là đây chính là trang
tiêu chuẩn và có sẵn ở website.
29
CHƯƠNG III: CHỨC NĂNG ĐĂNG NHẬP

I. Mô tả chức năng đăng nhập
1. Đăng nhập ở giao diện người dùng:
a. Đăng nhập thành viên:
- Nếu bạn đã có tài khoản, hãy chọn chức năng “đăng nhập” ở góc
phải màn hình khi truy cập vào Trang chủ của website.
Hình III.I.1.1. Mục đăng nhập tài khoản của trang web
- Khi ấn vào chức năng “đăng nhập”, người dùng sẽ được đi đến
trang đăng nhập tải khoản gồm có 2 phương thức đăng nhập hỗ
trợ và 1 phương thức đăng nhập trực tiếp. 2 phương thức đăng
nhập hỗ trợ bao gồm: Đăng nhập qua Google, Đăng nhập qua
Facebook. Phương thức đăng nhập bằng email là phương thức
đăng nhập trực tiếp.
30
Hình III.I.1.2. Giao diện trang đăng nhập tài khoản
a. Đối với cách đăng nhập bằng email:

 Giao diện sẽ yêu cầu người dùng nhập thông tin về email, mật
khẩu; sau đó sẽ ấn nút “Đăng nhập” để truy cập vào tài khoản cá
nhân của mình.
Hình III.I.1.3. Hình ảnh giao diện đăng nhập bằng email
31
 Nếu bạn không nhớ mật khẩu thì có thể nhấn chọn “Quên mật
khẩu?” để được hỗ trợ tạo mật khẩu mới. Trong giao diện này,
họ sẽ yêu cầu bạn nhập email mà bạn sử dụng để đăng ký vào
website. Cách hoạt động là quản lý của website sẽ gửi thông tin
về việc xác minh tài khoản của bạn vào email để bạn thực hiện
việc xác minh cũng như tạo mật khẩu mới.
Hình III.I.1.4. Giao diện để tạo Mật khẩu mới
Hình III.I.1.5. Giao diện sau khi hoàn tất việc xác nhận tài khoản
 Sau khi email xác nhận tài khoản được gửi về email cá nhân của
bạn, bạn vui lòng click vào email đó để được hỗ trợ đổi mật
khẩu.
b. Đối với cách đăng nhập qua Google:
32
 Ở phương thức đăng nhập này, người dùng sẽ lựa chọn email
mà mình mong muốn để đăng nhập và trở thành tài khoản Wix
của mình.
 Điều cần lưu ý ở phương thức này là khi đăng nhập bằng
phương thức này, người dùng sẽ có tài khoản liên kết với tài
khoản Google của mình, do đó sẽ không cần nhập mật khẩu của
tài khoản Wix đó nữa.
 Từ khi đăng nhập trở về sau, người dùng có thể lựa chọn
phương thức này để tiếp tục đăng nhập vào tài khoản của mình.
Toàn bộ dữ liệu sẽ được lưu lại ở lần truy cập trước và không bị
mất.
33
Hình III.I.1.6. Hình ảnh giao diện cửa sổ đăng nhập bằng tài khoản
Google
c. Đối với cách đăng nhập qua Facebook:

 Sau khi đăng nhập qua Facebook, người dùng được yêu cầu phải
xác nhận thao tác này trên chính giao diện của Facebook.
 Việc xác nhận này như một lời xác minh mà Facebook dành cho
tài khoản của người dùng, đảm bảo an toàn cho người dùng
Facebook tránh khỏi việc truy cập vào những trang web lậu,
không minh bạch.
 Ấn “Tiếp tục dưới tên …” để tiếp tục đăng nhập vào Wix dưới
tên Facebook cá nhân.
Hình III.I.1.7. Hình ảnh giao diện cửa sổ đăng nhập bằng tài khoản
Facebook
2. Đăng nhập ở giao diện admin:
34
- Cách thức đăng nhập của giao diện admin cũng tương tự so với giao
diện đăng nhập. Hầu hết các chức năng được quản lý và sử dụng cũng
như vậy.
- Cũng giống như “Đăng ký”, đây cũng là chức năng đã được Wix tích
hợp sẵn khi các người dùng khác nhau đăng nhập vào website và chỉ
cần kéo thả với các công cụ tương tự như “Đăng ký”, chúng ta cũng
có thể tạo ra được chức năng này.
35
CHƯƠNG IV: CHỨC NĂNG QUẢN LÝ TÀI KHOẢN

I. Mô tả tính năng “Quản lý tài khoản”:
- Tính năng quản lý tài khoản để người dùng có thể quản lý các đơn hàng, các
khóa học và dùng thuận tiện trong việc liên lạc với cửa hàng.
- Tính năng quản lý tài khoản đi kèm với chức năng đăng ký, đăng nhập.
II. Các bước cài đặt:
Hình IV. II. 1. Hình ảnh các trang con trong trang quản lý tài khoản
36
Hình IV. II. 2. Các trang con để chỉnh sửa

- Bấm vào từng trang con để điều chỉnh riêng theo mong muốn của admin trang
web về việc sẽ cho người dùng quản lý những thông tin nào của mình.
37
CHƯƠNG V: CHỨC NĂNG TÌM KIẾM

I. Mô tả tính năng “Tìm kiếm”:
1. Vị trí của thanh “Tìm kiếm”:
- Đối với người dùng, thanh tìm kiếm nằm ở vị trí khá dễ thấy. Nó nằm ở góc
phải trên cùng của Trang chủ (bên cạnh nút “Đăng nhập”), và sẽ xuất hiện như
vậy ở tất cả các trang có trong website.
Hình V.I.1.1. Vị trí thanh tìm kiếm

- Thanh tìm kiếm nằm sẵn ở mục Header của website vì thế trang được sự hỗ
trợ trong việc tìm kiếm các sản phẩm của người sử dụng
2. Các bước tìm kiếm sản phẩm:

- Bước 1: Chọn vào thanh tìm kiếm
38
Hình V.I.2.1. Hình một số sản phẩm tiêu biểu của website
Khi ta chọn vào thanh tìm kiếm, tự động website sẽ gợi ý một số sản phẩm
tiêu biểu.
- Bước 2: Nhập tên sản phẩm hoặc tên bài viết cần tìm.
Sau khi nhập tên sản phẩm hoặc bài viết thì dưới thanh tìm kiếm
sẽ hiển thị một vài kết quả. Nếu kết quả hiện ra đúng nhu cầu thì chọn
kết quả đó. Nếu chưa tìm được kết quả mong muốn thì chọn tìm kiếm
tất cả để có thể xem tất cả sản phẩm liên quan, qua đó tăng được mức
độ hiệu quả trong tìm kiếm.
39
Hình V.I.2.2. Khi ta nhập tên sản phẩm cần tìm kiếm, website sẽ đề xuất một
vài kết quả được hiển thị dưới thanh tìm kiếm
40
Hình V.I.2.3. Bên cạnh tìm kiếm sản phẩm, website còn hỗ trợ người dùng
tìm kiếm các bài viết
Hình V.1.2.4. Tương tự cũng có thể tìm kiếm các chương trình và khóa học
theo nhu cầu
- Bước 3: Khi chọn xem tất cả, trang bán hàng sẽ hiển thị cho người dùng trang
kết quả tìm kiếm. Có thể lọc tìm kiếm để tìm được sản phẩm hoặc bài viết
nhanh chóng hơn
Hình V.I.2.5. Trang kết quả tìm kiếm (Sản phẩm)
41
Hình V.I.2.6. Trang kết quả tìm kiếm (Bài viết)
Hình V.1.2.7. Trang kết quả tìm kiếm (Chương trình)
42
Hình V.1.2.8. Ngoài ra, để quá trình tìm kiếm có thể đạt hiệu quả cao hơn,
người dùng có thể tìm kiếm theo bộ sưu tập, theo mức giá khi lựa chọn vào
mục Kết quả tìm kiếm là Sản phẩm
- Bước 4: Chọn sản phẩm, bài viết hoặc chương trình mong muốn và xem thông
tin chi tiết
Ảnh V.I.2.9. Thông tin chi tiết của sản phẩm
43
Hình V.I.2.10. Thông tin chi tiết bài viết
Nói tóm lại, khi tìm kiếm được sản phẩm, bài viết, hay bất kì nội dung
nào như mong muốn, người dùng có thể xem chi tiết những thông tin
về nội dung, chủ đề mong muốn đó.
II. Các bước cài đặt tính năng “Tìm kiếm”:

- Tính năng này là tính năng được tích hợp sẵn trên website của Wix, đặc biệt là
trong các template dành cho mục đích bán hàng. Vì lẽ đó, để có thể giúp cho
thanh tìm kiếm có thể tìm kiếm chính xác nội dung có trong website của mình,
những người quản lý trang web này cần thêm các thông tin đó vào, bao gồm
sản phẩm, bài viết, khóa học, … Cách thêm thông tin ở những mục này sẽ
được đề cập chi tiết ở phần sau, những phần dành riêng cho các nội dung này.
- Tuy nhiên, trong trường hợp template ta chọn không có tích hợp sẵn tính
năng tìm kiếm, chúng ta hoàn toàn có thể tự thêm thông qua giao diện chỉ có
thể chỉnh sửa thông tin theo các bước như sau:
- Nhập thông tin về tính năng mà mình muốn thực hiện ở thanh tìm kiếm trong
phần giao diện chỉnh sửa này. Đây là một công cụ khá hữu ích dành cho những
44
người tạo website khi họ không biết được những tính năng mà Wix hỗ trợ
nằm ở đâu.
Hình V.II.1. Phần tìm kiếm trong giao diện chỉ có thể chỉnh sửa thông tin
- Ta nhập vào ô này chữ “Search” (Tìm kiếm), ngay lập tức, Wix sẽ đề xuất cho
chúng ta những phương pháp có thể tích hợp thanh công cụ tìm kiếm vào cho
website của chính bạn. Cụ thể ở đây ta sẽ chọn Wix Site Search.
Hình V.II.2. Giao diện khi ta chọn Công cụ Wix Site Search cho việc tích
hợp nó vào website của mình.
45
- Ta sẽ ấn “Open” (Mở ra) ở bước kế tiếp, sau đó Wix sẽ đưa chúng ta đến trang
Demo website (có thể chỉnh sửa được) để điều chỉnh giao diện của mục Tìm
kiếm này.
Hình V.II.3. Giao diện tìm kiếm

Đây là giao diện để chúng ta có thể thiết kế lại, chỉnh sửa và bổ sung
cho chức năng Tìm kiếm của website mình
CHƯƠNG VI: CHỨC NĂNG XEM THÔNG TIN CỬA HÀNG

I. Mô tả chức năng:
Nhìn chung, đây là một chức năng nên và cần có đối với các trang web bán
hàng trực tuyến. Việc đưa ra thông tin rõ ràng, minh bạch trên website của
mình không chỉ giúp cho khách hàng có thêm thông tin về cửa hàng mà còn là
niềm tin vào những sản phẩm mình đang bán.
II. Cách thức cài đặt chức năng:

Cách thức cài đặt của chức năng này khá đơn giản, cụ thể có thể nói qua 3
bước sau:
1. Lên ý tưởng về cửa hàng và viết về ý tưởng đó:
46
Đây là quá trình quan trọng vì sẽ giúp cho các thành viên trong nhóm
hình dung về sản phẩm mà mình bán, ngoài ra việc nghĩ về mục tiêu, tầm nhìn,
sứ mệnh của cửa hàng giúp cho các thành viên trong nhóm có thể hình dung
rõ hơn về hướng đi.
Viết về những điều mà cả nhóm đã trao đổi, sau đó sắp xếp nó thành
một thứ tự có logic, hợp lý và đáng tin cậy để trở thành phần nội dung sẽ
truyền tải lên website của nhóm.
2. Truyền tải thông tin lên website:

Đối với phần này, chúng ta sẽ thiết kế ở phần demo giao diện website
(có thể chỉnh sửa được). Tùy theo trang ban đầu bạn đặt tên là gì, sẽ vào phần
Page and Site như ở phần Đăng ký, Đăng nhập và chọn vào tên trang đó. Ở
đây, chúng tôi sử dụng dưới tên Giới thiệu, do đó, khi ấn vào Giới thiệu, chúng
tôi sẽ thu được giao diện demo trang này dưới dạng lưới.
47
Hình VI.II.2.1. Lựa chọn đúng tên trang trong Site Pages and
Menu để điều chỉnh thông tin theo như mong muốn
Hình VI.II.2.2. Giao diện dưới để điều chỉnh các thông tin tại
trang này
CHƯƠNG VI: CHỨC NĂNG LIÊN HỆ, CHAT TRỰC TUYẾN
Khách hàng dùng chức năng liên hệ và chat trực tuyến để liên lạc hỗ trợ trực
tuyến và tương tác với cửa hàng như mua hàng, thanh toán, góp ý sản phẩm...
 Trang liên hệ để khách hàng miêu tả các yêu cầu, thắc mắc và phản hồi
của khách hàng một cách chi tiết nhằm nâng cao chất lượng phục vụ.
 Chat trực tuyến (chatbox) là không gian chat, hộp chat tự động (bán tự
động) được cài vào web và hiện lên chào hỏi khi khách hàng truy cập
vào website. Giống như một lễ tân, chatbox giúp đón khách ghi lại và
xác nhận những yêu cầu, thắc mắc của khách hàng.
II. Cách thức cài đặt chức năng “chat trực tuyến”:
- Vào chợ ứng dụng (Wix App Market) để thêm ứng dụng Wix (Box Chat)
48
Hình VI.II.1. Chợ ứng dụng, nơi chứa chức năng chat trực tuyến
(BoxChat)
- Vào hộp chat trực tuyến ở trang cần chứa tính năng này. Sau đó vào mục
chỉnh sửa trang này sẽ thấy. Bấm chỉnh sửa (settings) để cài đặt tính năng.
Hình VI.II.2. Hình ảnh hộp chat trực tuyến
49
Hình VI.II.3. Hình ảnh chỉnh sửa hiển thị của hộp thoại nhắn tin
Hình VI. II. 4. Hình ảnh cài đặt thông báo qua email khi có người dùng nhắn
50
III. Cách cài đặt chức năng “Liên hệ”

- Liên hệ là 1 trang nên chúng ta phải vào trang để chỉnh sửa.
Hình VI. III. 1: Trang liên hệ
- Vào trang điều khiển (Dashboard) để chỉnh sửa (Edit form) hoặc tạo form mới
(Create form) vào trang, cụ thể ở đây là trang “Liên hệ”
Hình VI. III. 2. Trang dashboard chứa các form
Sau đó, ta chỉnh sửa các mục của form
51
Hình VI. III. 3. Chỉnh sửa các câu hỏi của form
- Chỉnh sửa “tin nhắn cảm ơn đã điền form” và “tin nhắn thông báo đã điền
form”
Hình VI. III. 4. Tin nhắn “cảm ơn đã điền form”
52
Hình VI. III. 5. Từ trên xuống: cài đặt email nhận thông báo điền form và “bảng thống
kê các form được điền”
CHƯƠNG VII: CHỨC NĂNG VOUCHER, CHIẾT KHẤU

- Cả voucher và chiết khấu đều đưa ra các ưu đãi về giá hấp dẫn nhằm thu hút
thêm nhiều khách hàng hoặc số lượng sản phẩm được tiêu thụ bởi khách
hàng.
- Đồng thời, voucher và chiết khấu sẽ giúp giảm số lượng hàng tồn kho của
người bán, giúp người bán có thêm lượng khách hàng thân quen. Đây cũng là
một cách tốt để quảng cáo thương hiệu nếu hiện tại thương hiệu đó chưa có
tiếng tăm lớn, hoặc cần xâm nhập vào thị trường sâu rộng hơn.
1. Xem voucher và chiết khấu
Voucher và chiết khấu sẽ được thông báo qua blog
53
2. Hướng dẫn sử dụng voucher
- Bước 1: Tại ô “Nhập mã khuyến mãi” người dùng có thể thêm mã

giảm giá đạt điều kiện sử dụng vào
54
Hình VII.I.2.a. Ô “Nhập mã khuyến mãi”
- Bước 2: Nhập mã voucher vào ô và chọn “Áp dụng”. Voucher áp

dụng thành công sẽ xuất hiện tick xanh và tổng giá tiền sẽ giảm
Hình I.2.b. Nhập mã vào ô “Nhập mã khuyến mãi”
Hình I.2.c. Mã hợp lệ và áp dụng thành công
55
Hình I.2.d. Đơn hàng sau khi áp dụng mã voucher thành công
3. Hướng dẫn sử dụng chiết khấu

- Khi đạt giá trị đơn hàng tối thiểu thì chiết khấu sẽ tự động áp dụng
cho đơn hàng và sẽ giảm trực tiếp lên giá của mỗi sản phẩm.
- Tổng tiền chính là giá đã áp dụng chiết khấu tự động.
- Nếu đơn hàng đủ điều kiện cho nhiều chiết khấu thì chiết khấu có giá
trị khuyến mãi cao nhất sẽ được áp dụng
56
Hình VII.3. Giá sản phẩm và tổng số tiền đã áp dụng chiết khấu
II. Cách cài đặt chức năng:

1. Cách tạo chiết khấu tự động
- Bước 1: Chọn “Tiếp thị và SEO” sau đó chọn “Chiết khấu tự động”
Hình VII.II.1.a. Mục “Tiếp thị và SEO” và “Chiết khấu tự động”
57
Hình VII.II.1.b. Giao diện của “Chiết khấu tự động”
- Bước 2: Chọn nút “Tạo chiết khấu”
Hình VII.II.1.c. Nút “Tạo chiết khấu”
58
Hình VII.II.1.e. Giao diện tạo chiết khấu (Không có thời gian kết thúc)
59
Hình VII.II.1.f. Giao diện tạo chiết khấu (Có thời gian kết thúc)
 Bước 3: Điền các thông tin và chọn nút “Lưu”. Khi lưu thành công sẽ có
dòng thông báo màu xanh lá và chiết khấu mới sẽ hiển thị trên đầu
danh sách chiết khấu
Hình VII.II.1.g. Điền thông tin vào các mục
60
Hình VII.II.1.h. Dòng thông báo tạo chiết khấu thành công và chiết khấu mới đã được
hiển thị trên đầu danh sách chiết khấu
2. Cách chỉnh sửa và xóa chiết khấu

a. Chỉnh sửa
- Bước 1: Chọn kí hiệu ba chấm ngay chiết khấu muốn chỉnh sửa và
chọn “Chỉnh sửa”
61
Hình VII.II.2.a. Chọn “Chỉnh sửa”
- Bước 2: Giao diện chỉnh sửa thông tin xuất hiện và chỉnh sửa lại
thông tin muốn chỉnh sửa
Hình VII.II.2.b. Giao diện chỉnh sửa thông tin
- Bước 3: Chọn “Lưu” và khi lưu thành công sẽ có dòng thông báo màu
xanh
62
Hình VII.II.2.c. Thông báo chỉnh sửa thành công
b. Xóa
- Bước 1: Chọn kí hiệu ba chấm ngay chiết khấu muốn chỉnh sửa và chọn “Xóa”
Hình VII.II.2.d: Thao tác “Xóa” sản phẩm
- Bước 2: Bảng xác nhận sẽ hiện lên và chọn “Xóa chiết khấu” nếu muốn xóa
và “Hủy” nếu không muốn xóa. Khi xóa thành công sẽ có dòng thông báo
màu xanh
63
Hình VII.II.2.e: Xác nhận có muốn xóa hay không xóa
Hình VII.II.2.f: Thông báo xóa thành công
3. Cách tạo voucher

- Bước 1: Chọn “Tiếp thị và SEO” sau đó chọn “Phiếu giảm giá”
64
Hình VII.II.3.a: Mục “Tiếp thị và SEO” và “Phiếu giảm giá”
Hình VII.II.3.b: Giao diện của “Phiếu giảm giá”
- Bước 2: Chọn nút “Phiếu giảm giá mới”
65
Hình VII.II.3.c: Nút “Phiếu giảm giá mới”
- Bước 3: Chọn loại giảm giá và điền thông tin của phiếu giảm giá
Hình VII.II.3.d: Giao diện sẽ hiện lên sau khi chọn nút “Phiếu giảm giá mới”
66
Hình VII.II.3.e: Các loại phiếu giảm giá muốn cung cấp
67
Hình VII.II.3.f ,VII.II.2.g. Điền thông tin của phiếu giảm giá
- Bước 4: Sau khi điền đầy đủ thông tin thì chọn nút “Tạo phiếu giảm giá”.
Hình VII.II.3.h: Dòng thông báo tạo phiếu giảm giá thành công và chiết khấu mới đã
được thêm vào đầu danh sách phiếu giảm giá
68
4. Cách chỉnh sửa và xóa voucher

a. Chỉnh sửa
- Bước 1: Chọn kí hiệu ba chấm ngay voucher muốn chỉnh sửa và chọn “Chỉnh
sửa”
Hình VII.II.4.A.a: Chọn “Chỉnh sửa”
- Bước 2: Chỉnh sửa lại thông tin muốn chỉnh sửa
Hình VII.II.4.A.b: Giao diện chỉnh sửa hiện lên và thực hiện chỉnh sửa thông tin
69
- Bước 3: Chọn “Lưu” và khi lưu thành công sẽ có dòng thông báo màu xanh
Hình VII.II.4.A.c. Thông báo chỉnh sửa thành công
b. Xóa
- Bước 1: Chọn kí hiệu ba chấm ngay voucher muốn chỉnh sửa và chọn “Xóa”
Hình VII.II.4.B.a. Chọn “Xóa”
- Bước 2: Bảng xác nhận sẽ hiện lên và chọn “Có,xóa” nếu muốn xóa và “Hủy”
nếu không muốn xóa. Khi xóa thành công sẽ có dòng thông báo màu xanh
70
Hình VII.II.4.B.b. Thao tác xóa phiếu giảm giá
Hình VII.II.4.B.c. Thông báo xóa thành công
71
CHƯƠNG VIII: CHỨC NĂNG KHÓA HỌC

Đây là một tính năng nâng cao của cửa hàng giúp tăng việc tiếp cận các khách hàng
tiềm năng. Nhu cầu làm đẹp và phát triển bản thân là nhu cầu cần thiết, tuy nhiên
không phải ai cũng biết nên làm thế nào và bắt đầu từ đâu. Vì lẽ đó, các khóa học của
cửa hàng với sự kết hợp của các chuyên gia uy tín sẽ giúp người dùng nhiều hơn
trong việc nâng cao gu thẩm mỹ của mình.
1. Xem khóa học:
Để truy cập vào phần Khóa học, người dùng vào trang chủ, trên thanh tiêu
đề, người dùng chọn phần Khóa học.
Hình VIII.I.1.1. Hình ảnh vị trí của chức năng Khóa học
72
Khi người dùng nhấp vào chức năng này, giao diện trang khóa học sẽ
được hiện ra với các phần bao gồm: Thanh tiêu đều, tất cả các khóa học đang
hiện hành.
Hình VIII.I.1.2. Hình ảnh giao diện của trang Khóa học
Các thông tin của trang Khóa học bao gồm phân loại các khóa học sẵn
có, giá cả, chi phí của khóa học, ngày học, … Những thông tin này được thể
hiện một cách rõ ràng, trực quan, đảm bảo người dùng có thể nhìn thấy rõ
ràng.
Khi ấn vào từng khóa học cụ thể, người học có thể xem thông tin chi
tiết của các khóa học khi ấn vào cụ thể từng khóa học đó.
Hình VIII.I.1.3. Giao diện header của trang chi tiết khóa học
73
Các thông tin còn lại sẽ được để bên dưới, được chia theo các đề mục
bao gồm nội dung chi tiết, giảng viên và giá cả.
Hình VIII.I.1.4.5. Hình ảnh giao diện của trang khóa học với các thông
tin chi tiết
Ngoài ra, vì đây là khóa học có tính thời gian, do đó mà để có thể giúp
người học sắp xếp thời gian, công việc ổn thỏa nhất để có thể chọn ngày học
sao cho phù hợp với mình nhất.
Bên cạnh đó, trong trang chi tiết này, người dùng có thể chia sẻ các
khóa học của mình đến với những người khác qua các nền tảng mạng xã hội.
2. Đăng ký khóa học:
74
Có hai cách để đăng ký khóa học:

- Đầu tiên, để đăng ký khóa học, người dùng có thể chọn vào nút Tham gia ở
trang chủ của Khóa học.
Hình VIII.I.2.1. Nút tham gia trang chi tiết khóa học được đặt liên
kết với mỗi khóa học cụ thể
- Tuy nhiên, khi ấn vào nút tham gia khóa học ở phần này, người dùng cũng sẽ
được dẫn đến trang chi tiết khóa học để tiến hành việc đăng ký tham gia khóa
học.
- Nút đăng ký hiện hữu ở trang này nằm ở 2 vị trí: phần header trang và phần
cuối trang. Nút cuối trang chính là nút thực dẫn đến phần đăng ký khóa học.
Hình VIII.I.2.2. Nút tham gia trong trang chi tiết khóa học được
đặt ở phần header của trang này
75
Hình VIII.I.2.3. Nút Tham gia khóa học ở trong trang chi tiết còn
nằm ở phần cuối cùng của trang này
Khi đăng ký tham gia bất kỳ một khóa học nào đó, để đảm bảo tính
minh bạch, an toàn và công tâm nhất, website sẽ yêu cầu người dùng đăng ký
hoặc đăng nhập tài khoản (như hướng dẫn ở chương II và III).
Đến với trang đăng ký khóa học, người dùng sẽ được yêu cầu nhập
email, sau đó cửa hàng sẽ nhận thông tin về khóa học cũng như được mở
quyền vào học sau khi đã được xác nhận.
76
Hình VIII.I.2.1. Giao diện để điền email đăng ký khóa học

Sau khi điền xong, người tham gia sẽ được nhận email từ admin để xác
nhận lại về khóa học của mình, admin sẽ xác nhận lại về việc đăng ký của
người dùng và sẽ cấp quyền truy cập vào khóa học cho người dùng đó.
3. Tham gia học:

a. Khóa học theo ngày: Ở đây có nghĩa là khóa học được chia sẻ theo
ngày và mỗi ngày sẽ có một nội dung cụ thể. Để tham gia được khóa
học ngày hôm sau, bạn phải tham gia buổi học hôm trước. Khóa học
này sẽ yêu cầu người dùng nhập vào ngày bắt đầu để tính ngày kết
thúc.
b. Khóa học không giới hạn: Khóa học này là những khóa học mà nội
dung sẽ được chia thành các chủ đề khác nhau, không có yêu cầu về
việc học theo ngày; do đó người dùng có thể linh hoạt tùy theo khả
năng của bản thân và thời gian của mình. Tuy nhiên có một điều lưu ý
rằng nếu không học các bài học trước thì sẽ không thể học bài học
tiếp theo.
c. Giao diện của các khóa học:
77
Sau khi được xác nhận đăng ký, người dùng sẽ nhận một email chứa
một đường link URL dẫn đến nội dung chính của buổi học.
Nhìn chung, giao diện của các khóa học không có sự khác biệt quá
nhiều, đều được cấu thành từ những điều cơ bản sau:
Hình VIII.I.3.1. Giao diện chính của các khóa học

Giao diện chính của khóa học sẽ bao gồm ảnh bìa của khóa học và cột
Tổng quan sẽ bao gồm các bước, các bài học trong khóa học. Mỗi tiêu đề học
phần sẽ có một mũi tên sổ xuống để chứa các thông tin về bài học trong khóa
học.
78
Hình VIII.I.3.2. Các video bài học trong học phần.

Cần lưu ý rằng chỉ có một bài học không có dấu gạch chéo là người
dùng được học, các bài học khác hiện đang khóa do người học chưa hoàn
thành bài học trước đó
Khi ấn vào bài học nào thì sẽ xuất hiện video của bài học đó.
Hình VIII.I.3.3. Giao diện của một bài học trong website.
79
Sau khi xem hết video, người dùng cần click vào phần Hoàn thành
bước để xác nhận hoàn thành bài học ngày hôm đó
Ngay lập tức, ngay tại video đang xem sẽ có dấu tick lên và video
phía sau được mở khóa để tiếp tục học.
Hình VIII.I.3.4. Các video phải hoàn thành một cách lần lượt
1. Thêm các thông tin khóa học:
Ở trang chỉ chỉnh sửa thông tin, lựa chọn phần mục Online Program à
Program trong cột màu đen ghi các chức năng có thể được chỉnh sửa ở
website.
Hình VIII.II.1.1. Cột chức năng với chức năng Online Program (thêm
khóa học, chương trình trực tuyến)
80
Tại đây, người dùng sẽ được tiếp cận với giao diện chỉnh sửa thông tin
các khóa học. Trang này sẽ giúp admin quản lý được tất cả những khóa học
mình đang có bao gồm các công việc như thêm, chỉnh sửa, xóa các khóa học.
Hình VIII.II.1.2. Giao diện quản lý thông tin khóa học
Để thêm thông tin khóa học, ta chọn vào ô Create New ở phần trên
cùng bên phải của trang này.
Hình VIII.II.1.3. Wix hỗ trợ các hình thức tổ chức chương trình trực
tuyến và có các template hỗ trợ cho các chương trình phù hợp. Chọn
vào một hình thức và ấn vào Next để tiếp tục
81
Hình VIII.II.1.4. Hình các template được Wix hỗ trợ sẵn

Wix hỗ trợ các template theo mong muốn của người dùng với các kiểu
cấu trúc khác nhau tùy thuộc cho các bài đăng có quy định thời gian và không
giới hạn thời gian. Tương tự với mục trên, khi chúng ta lựa chọn vào một hình
thức, chúng ta sẽ ấn Next để tiếp tục
Hình VIII.II.1.5. Giao diện chỉnh sửa khóa học. Để chỉnh sửa khóa học, ta
chọn vào edit và chỉnh sửa các thông tin cần thiết cho khóa học
82
Hình VIII.II.1.6. Hình ảnh trang content

Kéo xuống dưới, ta thấy phần content, tại các phần này, khi ta rê chuột
đến sẽ thấy phần chỉnh sửa. Mục chỉnh sửa sẽ cho chúng ta chỉnh sửa tên, giới
thiệu các học phần, thêm hình ảnh và video cho các học phần đó
Hình VIII.II.1.7. Nút chỉnh sửa của các học phần.

Tương tự, các video cũng có như thế để giúp người học hiểu được
trước về những nội dung mình sẽ học là gì.
Hình VIII.II.1.8. Giao diện phần chỉnh sửa nội dung khóa học.
83
Bên cạnh các phần để ta nhập thông tin từ bàn phím vào, Wix còn tích
hợp việc chèn video, hình ảnh và file qua URL hay tải lên trực tiếp từ máy tính;
từ đó bài học sẽ sinh động và trực quan hơn. Sau khi chỉnh sửa xong cần ấn
Save.
Lúc này, trang web đưa ta trở về trang tổng quan của khóa học, ta ấn
Publish ở góc trên cùng bên phải để có thể cho bài học xuất hiện trên website.
Hình VIII.II.1.9. Nút Publish khóa học
2. Xác nhận người tham gia:

Khi có người đăng ký tham gia khóa học, admin sẽ nhận được email về
việc đăng ký đó, ngoài ra, khi truy cập vào website, admin cũng có thể thấy
được thông báo về việc khóa học đang có yêu cầu để kiểm duyệt ở mục
Participant (Người tham gia, lưu ý, sau khi xuất bản khóa học thì mới thấy
được mục này).
84
Hình VIII.II.2.1: Quản lý thành viên

Mục Participant trong phần chỉnh sửa khóa học có để thông tin danh
sách chờ (thanh màu vàng nhạt). Nhấn vào view requests để xem.
Hình VIII.II.2.2. Lúc này, ta sẽ thấy được danh sách người chờ đăng ký.
Việc cần làm là admin sẽ gửi lại email xác nhận khóa học và đăng ký
thông tin cho người dùng. Sau khi nhận được xác nhận thanh toán sẽ ấn vào
nút Confirm (Đồng ý) để mở quyền truy cập vào khóa học cho người dùng.
Nếu admin ấn Decline (Từ chối) thì người học không thể tham gia học
được, người dùng sẽ bị từ chối đăng ký nếu không thanh toán sau hơn 1 tuần
kể từ khi nhận được mail của admin về việc mình đã đăng ký học khóa học đó
Hình VIII.II.2.3. Hình ảnh trang Khóa học (Program)

Ngoài ra, ở phần Active (Hoạt động), người dùng có thể xem được danh
sách người dùng đang học tập cũng như quản lý tiến độ học tập của người
85
này. Định hướng là dựa vào tình hình học tập có thể gửi các email marketing
để khuyến khích họ học tập tích cực hơn.
CHƯƠNG IX: CHỨC NĂNG MUA HÀNG, ĐẶT HÀNG VÀ THANH TOÁN
86
1. Xem sản phẩm:

- Trên thanh menu, nhấn chọn “Sản phẩm”, người dùng sẽ được dẫn đến
trang “Sản phẩm” và lúc này trang “Sản phẩm” sẽ hiện tất cả sản phẩm có
trong trang bán hàng.
Hình IX.I.1.1. Giao diện đầu trang sản phẩm
87
Hình IX.I.1.2. Giao diện cuối trang sản phẩm
- Nếu muốn xem sản phẩm theo bộ sưu tập thì chọn vào tên bộ sưu tập hiện
dưới “Sản phẩm” trên thanh menu.
88
Hình IX.I.1.3. Xem sản phẩm trong bộ sưu tập “Chăm sóc da mặt”
- Có thể sắp xếp sản phẩm trong bộ sưu tập theo mới nhất, giá và tên.
89
Hình IX.I.1.4.Các lựa chọn sắp xếp sản phẩm
Hình IX.I.1.5.Sản phẩm trong bộ sưu tập “Chăm sóc da mặt”đã được sắp xếp
theo giá (thấp đến cao)
2. Xem giỏ hàng:

- Để xem giỏ hàng, ta chọn biểu tượng hình giỏ hàng ở gần chữ Đăng nhập.
Hình IX.I.2.1: Góc trên bên phải màn hình là hình ảnh tài khoản (cho biết bạn
đã đăng nhập rồi, nếu chưa sẽ là chữ “Đăng nhập”) và kế bên là giỏ hàng
90
- Sau khi ấn vào biểu tượng này, hộp thoại tóm tắt đơn hàng của người dùng sẽ
được hiện ra ở phía bên phải màn hình.
Hình IX.I.2.2. Hộp thoại này giúp ta xem sơ bộ những sản phẩm mình đang có trong
giỏ hàng. Ấn vào “Xem giỏ hàng” để xem chi tiết, cũng như xem và đặt hàng
- Sau khi ấn vào mục này, tất cả các sản phẩm bên trong giỏ hàng sẽ hiện ra,
người dùng có thể thấy toàn bộ sản phẩm của mình cũng như là giá cả cho
những sản phẩm đó.
91
Hình IX.I.2.3. Trang giao diện chính của phần giỏ hàng
3. Đặt hàng và thanh toán các sản phẩm:

- Trên trang sản phẩm, người dùng nhấn chọn sản phẩm muốn đặt hàng. Sau đó
người dùng sẽ được dẫn đến trang chứa thông tin chi tiết của sản phẩm đó.
Hình IX.I.1.1: Giao diện trang chứa thông tin sản phẩm muốn đặt hàng
- Ở đây, người dùng tiếp tục nhấn chọn số lượng sản phẩm và phân loại sản
phẩm như: màu sắc, kích thước,.... Và nhấn chọn “Thêm vào giỏ hàng” để cho
sản phẩm vào giỏ hàng.
92
Hình IX.I.1.2: Chọn phân loại và số lượng sản phẩm muốn mua
Hình IX.I.1.3: Góc trên bên phải màn hình là hình ảnh tài khoản (cho biết bạn đã đăng
nhập rồi, nếu chưa sẽ là chữ “Đăng nhập”) và kế bên là giỏ hàng. Ấn vào giỏ hàng, ta
sẽ thấy một hộp thoại.
Hình IX.I.1.4: Hộp thoại này giúp ta xem sơ bộ những sản phẩm mình đang có trong
giỏ hàng. Ấn vào “Xem giỏ hàng”
93
Hình IX.I.1.5: Trang giao diện thanh toán sẽ hiện ra.

- Để chọn số lượng sản phẩm cần mua, người dùng nhấn chọn dấu “+” để
tăng số lượng và dấu “-” để giảm số lượng sản phẩm.
- Tại ô “Nhập mã khuyến mãi” và ô “Ghi chú”, người dùng có thể thêm mã
giảm giá hoặc ghi chú của mình.
Hình IX.I.1.6: Nhập mã khuyến mãi và nhấn chọn “Áp dụng” để được giảm giá.
- Nhập ghi chú cho shop vào ô “Ghi chú”.

- Người dùng có thể nhấn dấu “X” để xóa sản phẩm trong đơn hàng của mình.
- Nhấn chọn nút “Đăng ký chi tiết ở đây” để đặt hàng. Sau đó người dùng sẽ
được dẫn đến form đăng ký mua hàng:
94
Hình IX.I.1.7: Form đăng ký mua hàng
- Nhập các thông tin của khách hàng như: số điện thoại, họ và tên, email, địa
chỉ, món hàng muốn đặt, mã giảm giá, phương thức thanh toán, dặn dò,
….Các ô có dấu “*” là thông tin bắt buộc cần điền.
- Nhấn nút “Gửi” để hoàn thành thủ tục mua hàng.
Hình IX.I.1.8: Nhấn “Gửi” để hoàn tất thủ tục mua hàng
95
Hình IX.I.1.9: Lời cảm ơn từ cửa hàng sau khi hoàn thành đặt hàng
- Sau khi hoàn tất quá trình đặt hàng, khách hàng sẽ nhận được một mail
cảm ơn từ cửa hàng chứa các thông tin tóm tắt về đơn hàng.

1. Thêm sản phẩm:
- Để thêm sản phẩm, ta sẽ chỉ sử dụng trang chỉ có thể chỉnh sửa thông tin để
điều chỉnh các thông tin về sản phẩm này.
- Ở cột màu đen chứa các chức năng ở bên trái, ta chọn vào Store Product và
chọn Product.
Hình IX.II.1.1. Mục để truy cập vào và thêm sản phẩm
- Sau khi truy cập vào, người dùng sẽ nhận được phần giao diện chỉnh sửa
thông tin sản phẩm bao gồm các sản phẩm có sẵn và mục tạo sản phẩm mới.
96
Để tạo sản phẩm mới, ta sử dụng công cụ New Product ở phần trên cùng góc
phải.
Hình IX.II.1.2. Phần New Product để thêm sản phẩm mới
- Khi chọn phần mục này, người dùng sẽ được hỏi về loại sản phẩm mà mình
muốn tạo ra, bao gồm hàng hóa vật lý (Physical Item) hay hàng hóa trực tuyến
(bao gồm các quyển sách ebook, các file tài liệu, …). Để phù hợp với sản phẩm
của mình, nhóm sẽ lựa chọn Physical Item.
Hình IX.II.1.3. Sự lựa chọn khi tạo một sản phẩm mới
- Sau khi truy cập vào, chúng ta sẽ thấy một giao diện cho phép tạo các thông
tin về sản phẩm bao gồm hình ảnh, tên sản phẩm, mô tả sản phẩm, giá cả, lựa
chọn, tình trạng hàng hóa, …
Hình IX.II.1.4. Đây là phần mục để đặt tên cho sản phẩm (cần lưu ý tên sản
phẩm nên nêu rõ được mục đích chính của nó, nhãn hiệu, và dung tích)
97
Hình IX.II.1.5. Đây là phần để đưa hình ảnh sản phẩm lên website. Lưu ý chọn
các hình ảnh chất lượng và đảm bảo tính thẩm mỹ.
Hình IX.II.1.6. Đây là phần để thêm thông tin của sản phẩm. Lưu ý, phần
Ribbon cho biết tình trạng sản phẩm hàng hóa đó đang được ưa chuộng ở
mức độ nào.
98
Hình IX.II.1.7. Đây là phần thêm các thông tin phụ, ví dụ như các thông tin về
việc bảo hành riêng cho sản phẩm, các thông tin liên quan đến doanh nghiệp,
nhãn hiệu, … Đồng thời người dùng có thể đưa ra giá, và chọn mục On Sale để
người dùng biết rằng hàng hóa này đang được khuyến mãi; sẽ có công cụ tính
ra giá cả cụ thể và thực tế cho người dùng
- Ngoài những thông tin trên, admin có thể chỉnh sửa và thêm các thông tin đặt
hàng (Pre-order) khi hàng hết hạn, các lựa chọn để người dùng có thể thỏa
sức lựa chọn cho món hàng của mình, …
2. Tạo form đăng ký mua hàng:

a. Tạo form Google:
- Đối với việc tạo form để quản lý việc đăng ký mua hàng, website sẽ
quản lý thông qua form của Google thay vì form trên Wix vì form
Google sẽ tích hợp cùng nhiều chức năng liên quan đến bảng tính và
gửi email, thuận tiện hơn trong việc quản lý đơn hàng và gửi email đến
người sử dụng.
- Về việc tạo form trên Google form khá đơn giản:
99
 Điều đầu tiên, chúng ta cần phải có một tài khoản Google Drive
để có thể sử dụng chức năng này.
 Tiếp theo, chọn vào New à Google Forms để tạo Biểu mẫu.
Hình IX.II.2.1. Cách truy cập vào biểu mẫu của Google Drive
Hình IX.II.2.2. Đây là giao diện để tạo Form trên Google
- Để phù hợp với nhu cầu của cửa hàng trong việc quản lý đơn hàng, chúng tôi
đề ra các câu hỏi liên quan đến thông tin cá nhân của người dùng, các câu hỏi
về sản phẩm, về số lượng sản phẩm, các thông tin ghi chú, lời nhắn để có thể
hỗ trợ khách hàng một cách tốt nhất. Việc thêm các câu hỏi này, người dùng
sẽ thêm ở phần Question, sau khi tạo xong, muốn tạo thêm câu hỏi mới, có
thể ấn vào dấu cộng ở bên phải.
100
Hình IX.II.2.3. Đây là giao diện của form sau khi đã hoàn thiện (link form:
https://bit.ly/3uY0gEu).
- Với cách tạo qua Google Forms này, các thành viên là nhân viên của cửa hàng
có thể theo dõi danh sách người dùng, người mua hàng qua một bảng tính,
sản phẩm hàng hóa và dịch vụ sẽ được đối chiếu với một bảng Excel có chứa
các thông tin về mặt hàng, sản phẩm của cửa hàng, mã sản phẩm.
- Việc này giúp dễ kiểm soát số lượng người điền form, số lượng đơn hàng và
với tính năng Mail Merge được hỗ trợ trong Excel thì cửa hàng sẽ quản lý việc
gửi mail tốt hơn.
101
CHƯƠNG X: CHỨC NĂNG ĐÁNH GIÁ, BÌNH LUẬN

- Chức năng đánh giá (bình chọn sao), bình luận là để thu thập ý kiến và mức độ
hài lòng của khách hàng về sản phẩm.
 Chức năng bình luận công khai là để cho người dùng khác thêm ý
kiến về sản phẩm trước khi mua hàng hoặc góp ý về sản phẩm với
cửa hàng.
 Chức năng bình chọn sao sẽ gửi số điểm tương ứng số sao của sản
phẩm về cửa hàng. Số điểm càng lớn thì mức độ hài lòng về sản
phẩm càng cao .
 Cửa hàng sẽ thu thập cả hai dữ liệu trên để xem xét nhằm cải thiện
chất lượng sản phẩm.
II. Cài đặt chức năng:

- Cả hai chức năng bình chọn sao và bình luận đều trong chợ ứng dụng của Wix
102
Hình X. II. 1: Tìm chức năng bình chọn sao “Survey & Poll” trong chợ ứng dụng
bằng cách gõ từ khóa “Vote”
Hình X. II. 2: Tìm chức năng “bình luận” trong chợ ứng dụng bằng cách gõ từ
khoá “Comment”
- Vì là tính năng thu thập ý kiến và mức độ hài lòng của khách hàng về sản phẩm
nên nó sẽ được đặt nằm trong trang “Xem chi tiết sản phẩm”
103
Hình X. II. 3: Chức năng “Bình chọn sao” trong trang “Xem chi tiết sản phẩm”
Hình X. II. 4: Chức năng “Bình luận” trong trang “Xem chi tiết sản phẩm”
104
Hình X. II. 5: Chỉnh sửa chức năng “Bình luận”
CHƯƠNG XI: CHỨC NĂNG BLOG

I. Mô tả chức năng: Chức năng Blog để người dùng có thể xem các chia sẻ từ
người quản lý, nhân viên về các sản phẩm và tính năng của trang web.
1. Xem các bài đăng:
105
Hình XI.I.1.1: Giao diện trang blog của cửa hàng

- Trên thanh menu, nhấn chọn “Blog”, người dùng sẽ được dẫn đến giao diện
trang blog của cửa hàng.
- Ở trang này, người dùng có thể đọc các bài viết về sản phẩm trong cửa hàng
bằng cách nhấn đúp chuột hoặc nhấn chọn vào từng bài viết.
Hình XI.I.1.2: Giao diện của một bài viết trong blog
2. Chia sẻ bài viết:

- Trong trang bài viết, người dùng có thể nhấn chọn vào dấu ba chấm trên góc
phải bài viết để theo dõi bài viết hoặc chia sẻ bài viết.
106
Hình XI.I.2.1: Nhấn chọn dấu ba chấm để theo dõi bài đăng hoặc chia sẻ bài
đăng
- Người dùng có thể chia sẻ bài viết lên trang Facebook, Twitter, Linkedin hay
sao chép liên kết đến bài viết đồng thời có thể thả tim vào bài viết trong trang
blog.
Hình XI.I.2.2: Chia sẻ bài viết, sao chép liên kết, thả tim và xem số lượt xem, số bình
luận của bài đăng
3. Bình luận và xem các bài đăng gần đây:

- Người dùng có thể xem các bài đăng gần đây khi lướt xuống phía dưới của bài
viết và bình luận về bài viết tại mục “Bình luận” phía cuối trang.
107
Hình XI.I.3.1: Chọn “Xem tất cả” để xem tất cả bài đăng hoặc nhập bình luận vào ô
“Viết bình luận”
Hình XI.I.3.2: Nhấn chọn ”Đăng” để đăng bình luận, chọn ”Hủy” để xóa bình luận
Hình XI.I.3.3: Chọn dấu ba chấm để sao chép liên kết, chỉnh sửa, xóa bình luận.
- Người dùng có thể thả tim, phản hồi bình luận, chỉnh sửa, xóa bình luận hay
sao chép liên kết.
- Ngoài ra, người dùng còn có thể chọn mục “Sắp xếp theo” để sắp xếp các bình
luận theo thứ tự mới nhất, cũ nhất, tương tác nhiều nhất.
108
Hình XI.I.3.4: Sắp xếp bình luận
Hình XI.I.3.5: Nhấn chọn “Tất cả bài đăng” để quay lại giao diện trang blog gồm
nhiều bài đăng

1. Tạo bài đăng mới:
- Trên trang giao diện chỉ có thể chỉnh sửa thông tin của Wix, ta nhấn chọn
“Blog”.
109
Hình XI.II.1.1: Nhấn chọn “Blog” trên giao diện chỉ có thể chỉnh sửa thông tin
Hình XI.II.1.2: Giao diện sau khi nhấn chọn “Blog”
- Nhấn chọn “Bài đăng” để chuyển đến giao diện bài đăng.
110
Hình XI.II.1.3: Chọn “ Tạo bài đăng mới” để tạo bài đăng mới
Hình XI.II.1.4: Giao diện để viết bài đăng mới
- Để tiến hành viết các bài viết về làm đẹp và review sản phẩm vào trong giao
diện trang “Tạo bài đăng mới”.
111
Hình XI.II.1.5: Chọn “Lưu” và nhấn chọn “Xuất bản” để đăng bài viết
- Sau khi viết bài xong, ta nhấn chọn “Lưu” để lưu bài viết và tiến hành
nhấn nút “Xuất bản” để đăng bài viết lên trang Blog.
2. Cách xóa, khôi phục và chỉnh sửa bài đăng:

- Để xóa bài đăng, ta nhấn chọn vào ô vuông nhỏ phía trước bài đăng, sau
đó nhấn chọn “Chuyển đến thùng rác” để chuyển bài đăng vào thùng rác.
Hình XI.II.2.1: Chọn bài đăng muốn xóa hay muốn chỉnh sửa
112
- Để chỉnh sửa bài đăng, ta làm tương tự như bước chọn bài đăng cần xóa
ở bên trên. Sau đó nhấn chọn nút “Chỉnh sửa” để tiến hành chỉnh sửa các
thông tin trong bài đăng.
- Để khôi phục bài đăng đã xóa, ta nhấn chọn “Thùng rác” trên thanh menu
để được dẫn đến trang thùng rác chứa các bài đăng đã bị xóa.
Hình XI.II.2.2: Giao diện bên trong thùng rác
- Trong trang thùng rác, ta nhấn chọn vào ô vuông phía trước bài viết muốn
khôi phục, chọn “Khôi phục” để khôi phục lại bài viết đã bị xóa.
3. Cách thêm tiêu đề menu trên trang blog:

- Để thêm tiêu đề menu, đầu tiên ta nhấn chọn “Danh mục” trên giao diện
chi có thể chỉnh sửa thông tin.
113
Hình XI.II.3.1: Giao diện của danh mục

- Nhấn chọn “Đổi tên” để thay đổi tiêu đề menu.
Hình XI.II.3.2: Nhập tên menu và nhấn ”Lưu” để lưu tiêu đề cho menu
114
CHỨC NĂNG XII: CHỨC NĂNG THẺ QUÀ TẶNG

1. Thế nào là thẻ quà tặng?
- Thẻ quà tặng của website Ú Beauty chính là một sản phẩm về mặt phi vật thể,
mặt hàng này sẽ được gửi đến email của người mua hàng hay người nhận
hàng sau khi giao dịch diễn ra và đã được xác nhận.
2. Làm sao để tìm kiếm thẻ quà tặng?

- Thẻ quà tặng cũng nằm trong danh mục các sản phẩm, tuy nhiên nếu chúng ta
chọn xem tất cả sản phẩm thì Thẻ quà tặng sẽ không xuất hiện.
- Do đó, để tìm kiếm thẻ quà tặng, chúng ta cần thực hiện các bước sau:
 Bước 1: Đưa con trỏ chuột lên “Sản phẩm” trên thanh menu sao cho
xuất hiện các đề xuất bên dưới bên dưới “Sản phẩm”
Hình XII.I.2.1. Lựa chọn các bộ sưu tập và thẻ quà tặng
 Bước 2: Vào trang Thẻ quà tặng điện tử, bạn có thể xem các thông tin
liên quan đến Thẻ này và tiến hành đặt mua hàng hóa này nếu có nhu
cầu.
115
Hình XII.I.2.2. Giao diện trang đặt mua thẻ quà tặng
Hình XII.I.2.2. Giao diện trang đặt mua thẻ quà tặng
3. Các bước để mua thẻ quà tặng:

- Chọn thẻ quà tặng và trang bán hàng sẽ hiển thị giao diện của thẻ quả tặng .
Sau đó, bạn tiếp tục lựa chọn các thông tin khác cho Thẻ quà tặng của mình,
bao gồm mệnh giá, số lượng, mua cho ai?, …
116
Hình XII.I.2.3: Giao diện thẻ quà tặng khi chọn “Cho bản thân tôi”.
- Lúc này, bạn sẽ mua thẻ quà tặng cho chính bản thân mình, sau này có thể
dùng thẻ quà tặng này để mua các mặt hàng của cửa hàng.
Hình XII.I.2.4: Giao diện thẻ quà tặng khi chọn “Cho người khác”
- Lúc này, bạn sẽ mua thẻ quà tặng cho dành cho những người thân của mình.
Sau khi hoàn tất thanh toán, người được tặng sẽ nhận mã của Thẻ quà tặng
qua email và có thể dùng nó để mua các sản phẩm tại cửa hàng
117

Để cài đặt chức năng Thẻ quà tặng, ta cần sử dụng giao diện chỉ có thể chỉnh
sửa thông tin. Các bước thực hiện cụ thể như sau:
- Bước 1:
Ở cột màu đen bao gồm các chức năng của website để thêm vào, ta tìm
kiếm và chọn vào mục Gift Card, sau đó chọn vào Overview.
Hình XII.II.1.1. Cột chức năng trong giao diện chỉ có thể chỉnh sửa
- Bước 2:
 Tiến hành thêm thông tin về Gift card, bao gồm các mệnh giá, thời hạn sử
dụng, … để hoàn tất một Gift Card.
 Sau khi hoàn thành xong các thông tin, bạn có thể thiết kế hình ảnh cho
Gift Card của mình. Gift Card là thẻ quà tặng, và nó nên mang đặc điểm
của cửa hàng bạn, bên cạnh những thông tin cần có, Gift Card có thể chứa
đôi lời nhắn nhủ mà người mua gửi đến người được tặng. Như thế, Gift
Card sẽ mang đến nhiều ý nghĩa hơn, giúp người sử dụng nó nhớ đến cửa
hàng của bạn.
118
Hình XI.II.1. Hình ảnh trang chỉnh sửa Gift Card sau khi đã hoàn chỉnh
việc đưa thông tin.
 Một số hình ảnh Gift Card với các mệnh giá khác nhau:
Hình XI.II.2. Hình ảnh Gift Card với mệnh giá 100.000 VNĐ
119
120
Hình XI.II.2. Hình ảnh Gift Card với mệnh giá 1.000.000 VNĐ
Hình XI.II.2. Hình ảnh Gift Card với mệnh giá 10.000.000 VNĐ
121
CHƯƠNG XIII: ĐÁNH GIÁ QUÁ TRÌNH LÀM VIỆC
I. NỘI DUNG PHỤ TRÁCH:
MSSV Tên thành viên Nội dung phụ trách

22127274 Phan Nguyễn  Hỗ trợ phân công nhiệm vụ cho các thành
Tuấn Minh viên trong nhóm.
 Khảo sát tên và thống nhất với nhóm về tên
của cửa hàng, website.
 Khảo sát các chức năng của website và
thống nhất với nhóm về chức năng sẽ thực
hiện.
 Thực hiện các chức năng: chức năng tìm
kiếm; thiết kế trang Gift card.
22127278 Vũ Thu Minh o Khảo sát và thống nhất với nhóm sẽ sản
phẩm cho website.
o Tìm thông tin, hình ảnh về sản phẩm và
đưa thông tin sản phẩm lên website.
o Thực hiện các chức năng: các trang Sản
phẩm, các bài đăng trên Blog.
22127330 Nguyễn Đức o Khảo sát công cụ làm website và thống
Phúc nhất với nhóm về công cụ mà nhóm sẽ thực
hiện.
o Khảo sát các chức năng của website và
hiện.
o Thực hiện các chức năng: xem giỏ hàng;
nhận xét, đánh giá sản phẩm; vote sao cho
sản phẩm; thêm/ xóa giỏ hàng; chức năng
122
thanh toán; trang Liên hệ; trang Tổ chức;

trang Gift Card; chức năng Đăng ký, Đăng
nhập.
22127403 Nguyễn Trần o Phân công nhiệm vụ cho các thành viên
Minh Thư trong nhóm.
o Khảo sát công cụ làm website và thống
nhất với nhóm về công cụ mà nhóm sẽ thực
hiện.
hiện.
o Hỗ trợ đưa thông tin, hình ảnh sản phẩm
lên website.
o Thực hiện các chức năng: Thiết kế Trang
chủ, trang Giới thiệu, điều chỉnh chức năng
tìm kiếm, các trang Sản phẩm, trang Khóa
học; trang Tổ chức.
22172470 Lê Hoàng Yến o Khảo sát và thống nhất với nhóm sẽ sản
phẩm cho website.
o Tìm thông tin, hình ảnh về sản phẩm và
đưa thông tin sản phẩm lên website.
o Khảo sát và hoàn thành chi tiết danh sách
voucher và chiết khấu; thêm thông tin
voucher và chiết khấu vào website.
phẩm, đảm bảo Voucher và chiết khấu có
thể sử dụng được trên hệ thống website,
điều chỉnh thống nhất ngôn ngữ Tiếng Việt
cho website.
123
22127479 Lê Hoàng Lĩnh o Khảo sát công cụ làm website và thống

nhất với nhóm về công cụ mà nhóm sẽ thực
hiện.
hiện.
o Hỗ trợ đưa thông tin, hình ảnh về sản phẩm
lên website.
o Hỗ trợ đưa thông tin của các voucher lên
website.
phẩm, đảm bảo Voucher và chiết khấu có
thể sử dụng được trên hệ thống website,
tạo form đặt hàng, chức năng thanh toán.
II. ĐÁNH GIÁ:
MSSV Tên thành viên Tiến độ Đánh giá
22127274 Phan Nguyễn Tuấn Minh 100% 16.67

22127278 Vũ Thu Minh 100% 16.67
22127330 Nguyễn Đức Phúc 100% 16.67
22127403 Nguyễn Trần Minh Thư 100% 16.67
22172470 Lê Hoàng Yến 100% 16.67
22127479 Lê Hoàng Lĩnh 100% 16.67
Tổng điểm: 100%
CHƯƠNG XIV: KẾT LUẬN
I. ĐÁNH GIÁ SẢN PHẨM:
124
1. Điểm mạnh:
- Website về cơ bản đã có đầy đủ các chức năng của một trang bán hàng
điện tử.
- Các mặt hàng và các chức năng có phần đa dạng, phong phú và chỉn
chu trong từng chi tiết.
- Giao diện của website đẹp, thân thiện với người sử dụng.
- Website có các thiết kế phù hợp cho từng giai đoạn cũng như website
có thể đạt được về mức độ nhận diện thương hiệu tốt.
2. Điểm yếu:
- Website có một số bước xử lý khá cồng kềnh và mất thời gian (nhất là
phần đặt hàng, thanh toán), website đôi khi còn chậm.
- Một số thông tin của website cần phải vào phần blog để tìm kiếm chứ
không thể tìm kiếm ngay ở bên ngoài.
- Vấn đề bình luận chưa được tối ưu khi một bình luận cho một sản
phẩm vẫn có thể nhìn thấy ở các mặt hàng khác.
- Đánh giá sản phẩm còn hạn chế, chưa thể công khai với người sử dụng.
II. BÀI HỌC KINH NGHIỆM:

1. Đối với quá trình làm việc nhóm:
 Phân công công việc là một yếu tố quan trọng quyết định đến thành
công của nhóm. Phân công công việc hiệu quả phù hợp với khả năng
của các thành viên trong nhóm ngay từ đầu sẽ giúp các thành viên
trong nhóm chủ động hơn trong các nhiệm vụ của bản thân.
 Hiểu được một buổi họp nhóm nên diễn ra như thế nào để có được
hiệu quả cao nhất: buổi họp nhóm phải diễn ra trong không khí thoải
mái, nghiêm túc, các thành viên nhóm phải cởi mở, tự nhiên, thoải mái;
lắng nghe nhau, tôn trọng ý kiến của nhau và luôn góp ý cho các hoạt
động của nhóm để nhóm ngày càng hoàn thiện hơn.
125
 Các thành viên trong nhóm khi đã làm việc chung với nhau cần đặt
nhau vào một vị trí ưu tiên nhất định để sắp xếp thời gian hợp lý nhằm
duy trì việc kết nối, làm việc và chia sẻ trong nhóm với nhau.
 Khi lên kế hoạch cần phải có sự tính toán và trừ hao những vấn đề phát
sinh ngoài tầm kiểm soát, qua đó giúp nhóm có thể đạt được tiến độ
như mong muốn.
 Một cái đầu lạnh và một trái tim nóng là cần thiết khi làm việc nhóm,
nó giúp mỗi thành viên trong nhóm bình tĩnh nhìn nhận vấn đề nhưng
dựa trên tinh thần thấu hiểu và sẻ chia với nhau.
2. Đối với quá trình xây dựng website:

 Để xây dựng một website cần sử dụng khá nhiều thông tin, do đó, ngay
từ đầu cần phải biết tổ chức thông tin một cách hợp lý, hiệu quả để dễ
dàng thống kê về sau.
 Khi bắt đầu xây dựng một website cần phải lập ra các sơ đồ về chức
năng, lên những định hướng, kế hoạch chi tiết và cụ thể để việc làm
website trở nên có hệ thống và rõ ràng hơn.
 Các thành viên trong nhóm cần hiểu rõ những gì mà nhóm đang làm,
lập kế hoạch và sơ đồ định hướng cho những phần mà mình phụ trách.
 Khi cả nhóm cùng xây dựng website, mỗi cá nhân cần đầu tư nhiều thời
gian nghiên cứu hơn để hoàn thành một cách chi tiết các trang trong
website, sau đó cùng ngồi lại để xử lý những vấn đề còn tồn đọng.
 Nhóm cần dành nhiều thời gian hơn để cùng đánh giá tiến độ của nhau
để kịp thời hỗ trợ và đưa ra nhiều phương án xử lý giúp việc thể hiện
website được tốt hơn.
126

Đại Học Quốc Gia Thành Phố Hồ Chí Minh

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Đại Học Quốc Gia Thành Phố Hồ Chí Minh

Uploaded by

Copyright:

Available Formats

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN

Giáo viên phụ trách: Cô Tiết Gia Hồng

STT MSSV Họ và tên Email

TPHCM, tháng 12, năm 2022

CHƯƠNG XI: CHỨC NĂNG BLOG...............................................................................105

CHƯƠNG I: MÔ TẢ ỨNG DỤNG

I. TÌM HIỂU VỀ CÁC TRANG WEB BÁN HÀNG TRỰC TUYẾN:

2. Vì sao cần có trang bán hàng trực tuyến?

3. Các chức năng cơ bản của website bán hàng:

I. Các trang cần có của một website bán hàng:

Tên trang Mô tả Yêu cầu

Trang chủ Bao gồm: + Giao diện đẹp mắt,

sản phẩm, dịch vụ

Trang tin tức, sự Bao gồm: ● Hiện thị danh sách

Trang tiện ích Bao gồm: - Nên có thống kê lượt

fanpage của cửa lượt xem bài viết.

II. ĐỊNH HƯỚNG THỰC HIỆN TRANG WEB BÁN HÀNG:

2. Tổ chức dữ liệu và chức năng người dùng:

Hình II.2.a.1. Sơ đồ tổ chức dữ liệu mà website và cửa hàng quản lý

b. Sơ đồ Use diagram (tổ chức chức năng người dùng):

c. Danh sách các trang và định hướng tổ chức trang:

đến trang chi tiết của khóa học với

người dùng về các một cách đầy đủ tất cả những

CHƯƠNG II: CHỨC NĂNG ĐĂNG KÝ

Hình II.I.2. Mục đăng nhập và đăng ký tài khoản

a. Phương thức Đăng ký với Facebook:

b. Phương thức Đăng ký với Google:

II. Đăng ký ở giao diện admin:

Hình ảnh II.II.1. Giao diện chỉ để thêm thông tin

Hình II.II.2. Giao diện demo website

Hình II.II.4. Hai trang Đăng ký (Signup) và Đăng nhập (Login)

CHƯƠNG III: CHỨC NĂNG ĐĂNG NHẬP

Hình III.I.1.2. Giao diện trang đăng nhập tài khoản

a. Đối với cách đăng nhập bằng email:

Hình III.I.1.4. Giao diện để tạo Mật khẩu mới

b. Đối với cách đăng nhập qua Google:

c. Đối với cách đăng nhập qua Facebook:

2. Đăng nhập ở giao diện admin:

CHƯƠNG IV: CHỨC NĂNG QUẢN LÝ TÀI KHOẢN

Hình IV. II. 2. Các trang con để chỉnh sửa

CHƯƠNG V: CHỨC NĂNG TÌM KIẾM

Hình V.I.1.1. Vị trí thanh tìm kiếm

2. Các bước tìm kiếm sản phẩm:

Hình V.I.2.5. Trang kết quả tìm kiếm (Sản phẩm)

Hình V.I.2.6. Trang kết quả tìm kiếm (Bài viết)

Hình V.1.2.7. Trang kết quả tìm kiếm (Chương trình)

Ảnh V.I.2.9. Thông tin chi tiết của sản phẩm

Hình V.I.2.10. Thông tin chi tiết bài viết

II. Các bước cài đặt tính năng “Tìm kiếm”:

Hình V.II.3. Giao diện tìm kiếm

CHƯƠNG VI: CHỨC NĂNG XEM THÔNG TIN CỬA HÀNG

II. Cách thức cài đặt chức năng:

1. Lên ý tưởng về cửa hàng và viết về ý tưởng đó:

2. Truyền tải thông tin lên website:

CHƯƠNG VI: CHỨC NĂNG LIÊN HỆ, CHAT TRỰC TUYẾN

Hình VI.II.2. Hình ảnh hộp chat trực tuyến

III. Cách cài đặt chức năng “Liên hệ”

Hình VI. III. 1: Trang liên hệ

Hình VI. III. 2. Trang dashboard chứa các form

Sau đó, ta chỉnh sửa các mục của form

Hình VI. III. 4. Tin nhắn “cảm ơn đã điền form”

CHƯƠNG VII: CHỨC NĂNG VOUCHER, CHIẾT KHẤU

2. Hướng dẫn sử dụng voucher