Bài tập lớn Thương mại điện tử

HỌC VIỆN NGÂN HÀNG
----------

BÀI THI KẾT THÚC HỌC PHẦN
THƯƠNG MẠI ĐIỆN TỬ
NHÓM 10
Đề tài:

XÂY DỰNG WEBSITE
BÁN SẢN PHẨM ORGANIC - NHÀ HỮU CƠ

Giảng viên hướng dẫn: Ths. Nguyễn Thị Thùy Anh
Thành viên nhóm 10:
1. Trần Hải Yến – 22A4040139 – 0354902546 (Nhóm trưởng)
2. Nguyễn Thị Ánh Quyên – 22A4040100
3. Nguyễn Thị Thúy Nga – 22A4040006
4. Đặng Thu Thảo – 23A7510122
5. Ninh Quang Linh - 23A4030462

Hà Nội, tháng 10/2022


MỨC ĐỘ ĐÓNG GÓP CỦA CÁC THÀNH VIÊN
STT Mã sinh viên

Họ và tên

1

22A4040139

Trần Hải Yến

2

22A4040100

Nguyễn Thị
Ánh Qun

3

4

5

23A7510122

22A4040006

23A4030462

Cơng việc

Mức độ đóng
góp
- Website: Thêm sản phẩm, trang liên
20%
hệ, tạo danh mục sản phẩm, chỉnh
header, tích hợp thanh tốn, chỉnh giao
diện, cấu hình, cài ứng dụng đánh giá

sản phẩm, plugin chat
- Word: một số tính năng nổi bật, kết
luận
- Website: Thêm sản phẩm, trang giới
thiệu, thiết kế slider, chỉnh giao diện,
cấu hình, cài ứng dụng in đơn hàng,
so sánh sản phẩm
- Word: mô tả quy trình mua hàng

20%

Đặng Thu Thảo - Website: Thêm sản phẩm, lập
fanpage facebook, chỉnh giao diện, cấu
hình, cài ứng dụng Popup, sản phẩm
đã xem
- Video demo

20%

Nguyễn Thị
Thúy Nga

- Website: Thêm sản phẩm, chỉnh
footer, trang tin tức, tích hợp vận
chuyển, chỉnh giao diện, cấu hình, cài
ứng dụng kiểm tra đơn hàng.
- Word: giới thiệu chung về website

20%

Ninh Quang
Linh

- Website: Thêm sản phẩm, thiết kế
logo, chỉnh giao diện, cấu hình, tạo
khuyến mãi, cài ứng dụng sản phẩm
yêu thích
- Word: lời mở đầu, mơ hình kinh
doanh.

20%


MỤC LỤC
LỜI MỞ ĐẦU...................................................................................................1
CHƯƠNG 1: MƠ HÌNH KINH DOANH.....................................................2
1.1. Product (Sản phẩm)....................................................................................2
1.2. Price (Giá)..................................................................................................3
1.3. Place (Kênh bán hàng)...............................................................................3
1.4. Promotion (Quảng bá)................................................................................4
CHƯƠNG 2: GIỚI THIỆU VỀ WEBSITE..................................................5
2.1. Giới thiệu chung về website.......................................................................5
2.1.1. Trang chủ................................................................................................5
2.1.2. Giới thiệu................................................................................................5
2.1.3. Sản phẩm................................................................................................6
2.1.4. Tin tức.....................................................................................................7
2.1.5. Liên hệ....................................................................................................8
2.1.6. Kiểm tra đơn hàng..................................................................................8
2.2. Mơ tả quy trình mua hàng..........................................................................9
2.3. Một số tính năng nổi bật..........................................................................14

2.3.1. Plugin chat............................................................................................14
2.3.2. Đánh giá sản phẩm...............................................................................18
2.3.3. Kiểm tra đơn hàng................................................................................21
2.3.4. Sản phẩm đã xem..................................................................................22
2.3.5. So sánh sản phẩm..................................................................................22
2.3.6. In đơn hàng...........................................................................................23
2.3.7. Tạo Popup.............................................................................................24
2.3.8. Sản phẩm yêu thích...............................................................................24
KẾT LUẬN....................................................................................................26


LỜI MỞ ĐẦU
Trong những năm gần đây, thị trường thương mại điện tử Việt Nam ngày càng
được mở rộng và trở thành phương thức kinh doanh phổ biến được nhiều doanh
nghiệp và cá nhân biết đến. Xu hướng mua hàng online đang trở nên phổ biến với
hầu hết mọi người và trở nên sôi động hơn khi người tiêu dùng, đặc biệt là giới trẻ
tham gia vào việc mua bán trên Internet ngày càng nhiều. Cùng với đó là sự ra đời
của hàng loạt các website thương mại điện tử lớn, uy tín càng làm cho thị trường
kinh doanh thương mại điện tử có cơ hội bùng nổ và phát triển lớn mạnh.
Nhận biết được tầm quan trọng của xu hướng phát triển này, nhóm chúng em
đã thiết kế một website thương mại điện tử nhằm phục vụ tốt hơn cho cơng việc
kinh doanh của doanh nghiệp mình cũng như đem lại trải nghiệm tốt với những tính
năng tuyệt vời, dễ dàng hơn đến người tiêu dùng khi mua sản phẩm dịch vụ của
doanh nghiệp, cụ thể là website bán các sản phẩm organic mang tên thương hiệu
Nhà Hữu Cơ.
Xin chân thành cảm ơn!

1

CHƯƠNG 1: MƠ HÌNH KINH DOANH

Tên cửa hàng: Nhà Hữu Cơ.
Nhà Hữu Cơ là một cửa hàng bán các sản phẩm hữu cơ với mục tiêu giúp
người tiêu dùng Việt Nam có một cuộc sống khỏe mạnh hơn thơng qua những loại
thực phẩm hữu cơ có chứng nhận, thực phẩm tự nhiên và khơng có nguồn gốc biến
đổi gene (GMO).
Nhà Hữu Cơ giúp mọi người dễ dàng tiếp cận hơn với các loại thực phẩm hữu
cơ, thực phẩm tự nhiên và cịn đem đến những thơng tin hữu ích về sức khỏe mà
thực phẩm hữu cơ đem lại cho con người và cộng đồng dựa trên các lĩnh vực thân
quen nhất đối với mọi người như: Mẹ và bé, Chăm sóc nhà cửa, Thực phẩm hữu cơ
tốt cho sức khỏe, Ngun liệu làm bánh, Trái cây khơ…
Để có thể nâng cao chất lượng sản phẩm và dịch vụ để mang đến những lợi ích
nhằm thỏa mãn nhu cầu và mong muốn đó của khách hàng. Nhóm chúng em đã
thực hiện chiến lược Marketing hỗn hợp gồm: sản phẩm, giá, kênh bán hàng và
quảng bá.
1.1. Product (Sản phẩm)
Khi cuộc sống ngày càng phát triển, con người càng quan tâm đến sức khỏe
của bản thân nhiều hơn. Mấy năm trở lại đây, thực phẩm hữu cơ, thực phẩm
Organic là những cái tên được khuyên dùng nhiều nhất để bảo vệ sức khỏe. Thực
phẩm hữu cơ được xem là nguồn thực phẩm lý tưởng và an tồn cho bữa ăn gia đình
hằng ngày.
Chữ P đầu tiên này là sản phẩm mà Nhà Hữu Cơ cung cấp tới khách hàng.
Nhu cầu của khách hàng ngày càng trở nên đa dạng nên Nhà Hữu Cơ ln khơng
ngừng tìm hiểu, học hỏi, cập nhật xu hướng, cải tiến sản phẩm để đáp ứng được như
cầu của khách hàng, đem lại trải nghiệm tốt nhất với chất lượng sản phẩm.
2


 Chiến lược về nhãn hiệu: Phân rõ sản phẩm vào các danh mục sản phẩm để

khách hàng dễ dàng tìm thấy dễ dàng và ghi nhớ, tạo sự thuận lợi hơn khi quảng bá
cho các sản phẩm cùng dòng.
 Chiến lược về tập hợp sản phẩm: Mở rộng hơn các tập sản phẩm để có thể
phục vụ thêm nhiều đối tượng khách hàng cũng như tăng độ đa dạng hơn về sản
phẩm.
Bên cạnh đó, Nhà Hữu Cơ kết hợp việc tư vấn, chăm sóc khách hàng để gia
tăng sự tin cậy cho khách hàng mua lần đầu. Hoặc gia tăng số lần quay lại cho
những lần sau đối với khách hàng đã mua sản phẩm.
1.2. Price (Giá)
Khách hàng chủ yếu của là những người có nhu cầu mua những sản phẩm
sạch, hữu cơ khơng có chất bảo quản, phụ gia, tốt cho sức khỏe có mức thu nhập từ
trung bình khá. Sản phẩm có giá giao động từ 30.000đ – 700.000đ. Sản phẩm đáp
ứng được túi tiền của đa số mọi người muốn chăm sóc bản thân và gia đình một
cách khoa học nhất.
Với những sản phẩm tại Nhà Hữu Cơ, khách hàng sẽ được trải nghiệm
những sản phẩm sạch, đảm bảo, giàu chất dinh dưỡng mà giá cả hợp lí, phù hợp với
túi tiền và được hưởng các chính sách ưu đãi khi mua và sử dụng các sản phẩm tại
Nhà Hữu Cơ.
Vào các ngày lễ lớn, Nhà Hữu Cơ cũng sẽ tổ chức các đợt flash sale có giới
hạn thời gian để hỗ trợ các hoạt động quảng bá và xúc tiến bán hàng.
1.3. Place (Kênh bán hàng)
Trong chiến lược Marketing 4P của nhóm em, Nhà Hữu Cơ hướng tới đa dạng
hóa các kênh phân phối. Đẩy mạnh việc chăm sóc khách hàng từ khâu tư vấn đến
hướng dẫn chọn sản phẩm, cách đặt hàng qua website riêng và hậu mua hàng.
Hiện nay Nhà Hữu Cơ đang quảng bá và bán sản phẩm trực tiếp trên web và
Page bán hàng Facebook. Bên cạnh cách liên hệ trực tiếp với Nhà Hữu Cơ qua trang
web bán hàng, khách hàng cũng có thể liên hệ qua số điện thoại 0354902546 hoặc
qua địa chỉ email: Đây là loại hình Marketing trực tiếp
giúp tiếp cận trực tiếp đến khách hàng của mình dù họ ở đâu. Khách hàng có thể
3

tương tác, phản hồi (đặt hàng, góp ý, liên hệ tư vấn, đánh giá sản phẩm,...) qua hình
thức Online mà khơng cần thơng qua bất kỳ bên trung gian nào.
Ngồi bán hàng online qua website và page trên Facebook, Nhà Hữu Cơ cũng
có cơ sở bán hàng trực tiếp tại số 38, ngõ 475 Nguyễn Trãi, quận Thanh Xuân,
Thành phố Hà Nội.
1.4. Promotion (Quảng bá)
Xu hướng bán hàng online đang ngày càng phát triển mạnh mẽ trên thế giới,
ngay cả Việt Nam cũng vậy. Đặc biệt hiện nay cụm từ “thương mại điện tử” bùng
nổ khắp nơi, đây là hình thức kinh doanh phù hợp cho thời điểm dịch bệnh phức tạp
như hiện nay. Nếu biết cách kinh doanh theo mơ hình này thì vừa có thể tăng doanh
thu mà tiết kiệm nhiều chi phí khác nhau (phí thuê mặt bằng, phí vật tư cửa hàng,
phí mở rộng quy mơ,…).
Các thông tin về các sự kiện giảm giá, ưu đãi dành riêng cho khách hàng thành
viên đều sẽ được cập nhật liên tục trên website và các nền tảng mạng xã hội chính
thức Facebook.
Nhà Hữu Cơ cũng đem đến cho khách hàng những chương trình khuyến mãi
như giảm 10% cho toàn bộ sản phẩm với tổng giá trị đơn hàng phải tối thiểu
300.000đ từ ngày 3/10/2022 đến ngày 15/10/2022.

4


CHƯƠNG 2: GIỚI THIỆU VỀ WEBSITE
2.1. Giới thiệu chung về website
Với thời kì cơng nghệ phát triển như hiện nay thì việc mua sắm qua các trang
thương mại điện tử là điều khơng cịn xa lạ với mọi người đặc biệt là với giới trẻ.
Với mong muốn giúp khách hàng của Nhà Hữu Cơ dù ở nhà cũng có thể mua được
các sản phẩm Organic chất lượng, Nhà Hữu Cơ đã giới thiệu website chính thức

mang tên Nhà Hữu Cơ - Organic Shop. Trang web được thiết kế tươi tắn, bắt mắt,
khách hàng có thể theo dõi được menu của cửa hàng, đặt hàng nhanh chóng và kết
nối với cửa hàng thơng qua trang trên Facebook hoặc hotline.
Phía trên đầu website là các Menu điều hướng gồm: Trang chủ, Giới thiệu,
Sản phẩm, Tin tức, Liên hệ, Kiểm tra đơn hàng. Bên cạnh đó có thanh cơng cụ tìm
kiếm và giỏ hàng.
2.1.1. Trang chủ
Ngay đầu trang chủ, các slider được thiết kế hài hịa, hiện đại với các hình ảnh
hiển thị sống động về Nhà Hữu Cơ, các slider được gồm 3 hình ảnh nổi bật được
trình chiếu, thơng điệp mà Nhà Hữu Cơ muốn truyền tải tới khách hàng.

2.1.2. Giới thiệu
Tại trang giới thiệu, khách hàng có thể biết về câu chuyện, thông tin của Nhà
Hữu Cơ để đem đến cho khách hàng những thông tin chi tiết hơn. Thêm vào đó là

5


những phương hướng phát triển, sứ mệnh kinh doanh mà cửa hàng Nhà Hữu Cơ
đang theo đuổi và duy trì.

2.1.3. Sản phẩm
Hiển thị tất cả các sản phẩm hiện có của cửa hàng. Khách hàng có thể lựa
chọn tìm kiếm sản phẩm theo danh mục hoặc tìm kiếm sản phẩm tại biểu tượng
Kính lúp tìm kiếm theo các tiêu chí khác nhau như lọc sản phẩm theo giá, theo bảng
chữ cái A->Z, theo hàng mới, hàng cũ. Khi bấm vào xem thơng tin sản phẩm, khách
hàng có thể biết được thông tin chi tiết của sản phẩm như giá, mô tả, thương hiệu,
tình trạng cịn hàng hay hết, phóng to ảnh sản phẩm…và dễ dàng thêm sản phẩm
vào giỏ hàng của mình.

6


2.1.4. Tin tức
Tại đây hiển thị các tin tức về sản phẩm Organic, dinh dưỡng sức khỏe và
được cập nhật thường xuyên, liên tục. Khách hàng có thể vào đọc chi tiết từng bài,
tại cuối mỗi bài nếu thông tin hữu ích, khách hàng có thể viết bình luận hoặc chia sẻ
bài viết.

7


2.1.5. Liên hệ
Tại đây sẽ hiển thị thông tin về Địa chỉ, Email, Số điện thoại và vị trí của Nhà
Hữu Cơ trên bản đồ để cho người dùng dễ dàng tìm kiếm và có các trường để khách
hàng nhập thông tin để gửi liên hệ.

2.1.6. Kiểm tra đơn hàng
Chức năng này giúp khách hàng có thể kiểm tra tình trạng đơn hàng của mình
bằng cách nhập SĐT, Email hoặc nhập cả SĐT và Email để tìm kiếm. Ở đây khách
hàng có thể thấy được trạng thái thanh tốn, trạng thái giao hàng,… của đơn hàng.

8


 Menu
Website được thiết kế gồm 6 menu chính: Trang chủ, Giới thiệu, Sản phẩm,
Tin tức, Liên hệ, Kiểm tra đơn hàng.
 Trong menu Sản phẩm gồm các submenu:
-

Sản phẩm nổi bật: Hiển thị danh sách các sản phẩm hot, nhiều lượt mua và
xem.

-

Sản phẩm khuyến mãi: Hiển thị danh sách các sản phẩm đang được khuyến
mãi.

-

Sản phẩm mới: Hiển thị danh sách các sản phẩm mới được cập nhật trên
website.

 Ngồi ra cịn có thanh cơng cụ Tìm kiếm và Giỏ hàng.
-

Giỏ hàng: Khi khách hàng click vào sẽ được chuyển đến trang giỏ hàng để
xem chi tiết các sản phẩm đã được thêm vào như loại sản phẩm, số lượng,
đơn giá, thành tiền, tổng tiền. Nếu khách hàng thấy đã sẵn sàng mua thì sẽ
nhấn vào nút “Thanh tốn”.

-

Ơ tìm kiếm: Đối với những website có rất nhiều bài viết hay sản phẩm, ơ tìm
kiếm giúp khách hàng tìm được những thơng tin trên website một cách nhanh
chóng và chính xác. Ơ tìm kiếm được đặt phía góc phải và được làm đơn
giản để không chiếm qua nhiều diện tích. Nó chỉ bao gồm một một nút tìm
và khi bấm vào sẽ hiện ra ơ tìm kiếm, khách hàng có thể gõ tên sản phẩm hay
từ khóa liên quan đến sản phẩm mà mình muốn tìm.

 Bố cục website
Website được phân theo bố cục từ trên xuống dưới gồm: Header, Menu,
Slider, Sản phẩm mới, Sản phẩm nổi bật, Tin tức mới nhất, Footer. Cách phân chia
này giúp khách hàng dễ dàng xem sản phẩm, đọc tin tức và thao tác trên website
thuận lợi, dễ dàng.
2.2. Mô tả quy trình mua hàng
Giả sử đây là lần đầu tiên khách hàng chọn mua hàng tại website của Nhà Hữu
Cơ. Quá trình dẫn tới quyết định mua hàng:
9


Nhận biết vấn đề: Quy trình ra quyết định mua hàng của khách hàng bắt đầu
từ khi khách hàng ý thức được vấn đề hay nhu cầu. Nhu cầu có thể bắt nguồn từ
những tác nhân kích thích nội tại hoặc bên ngồi. Khi khách hàng cảm thấy có sự
khác biệt giữa tình trạng thực tế và tình trạng mong muốn đạt đến một ngưỡng nào
đó, khách hàng sẽ hình thành nên động cơ thôi thúc hành động để thỏa mãn mong
muốn của bản thân.
Tìm kiếm thơng tin: Khách hàng có nhu cầu sẽ bắt đầu tìm kiếm thơng tin.
Nhu cầu càng cấp bách, thơng tin ban đầu càng ít, sản phẩm cần mua có giá trị lớn
thì càng thơi thúc con người tìm kiếm thơng tin. Các nguồn thơng tin của khách
hàng được chia thành 4 nhóm: nguồn thơng tin cá nhân, nguồn thông tin thương mại
nguồn thông tin công cộng và nguồn thông tin thực nghiệm. Cụ thể thơng tin mà
khách hàng muốn tìm ở đây liên quan tới các sản phẩm Organic. Khách hàng
thường không tin vào quảng cáo mà phải tìm kiếm thêm các thơng tin khác từ các
nguồn khác nhau. Ở đây, khách hàng sẽ tìm kiếm thơng tin thơng qua mơ tả của sản
phẩm, giá cả, số lượng lượt mua và đánh giá của người đã mua.
Đánh giá lựa chọn: Khách hàng xem mỗi sản phẩm như một tập hợp các
thuộc tính với những khả năng đem lại những ích lợi tìm kiếm và thỏa mãn nhu cầu
khác nhau. Những tính chất mà khách hàng quan tâm thay đổi tùy theo loại sản

phẩm (ví dụ sữa, hạt, chocolate, mì, gạo…). Khách hàng sẽ chú ý nhiều nhất đến
những tính chất sẽ đem lại cho họ những ích lợi cần tìm kiếm. Đơi khi, những thuộc
tính nổi bật nhất có thể khơng phải là những thuộc tính quan trọng nhất. Khách hàng
sẽ so sánh các sản phẩm của Nhà Hữu Cơ với các website khác theo các thông tin
như giá cả, số lượt mua, thông tin mơ tả, lượt đánh giá, bình luận của người đã
mua…từ đó sẽ giúp khách hàng có quyết định mua hàng tại Nhà Hữu Cơ hay
không.
Các bước tiến hành quy trình mua hàng hồn chỉnh trên website
Bước 1: Truy cập vào website theo link />Sau đó đăng nhập bằng tài khoản sẵn có (hoặc có thể đăng nhập bằng tài
khoản facebook, tài khoản google).

10


Giao diện sau khi đăng nhập như sau:

Bước 2: Click vào mục SẢN PHẨM trên thanh Menu để xem danh mục sản
phẩm một cách khoa học và cụ thể hơn.

11


Lựa chọn danh mục chứa sản phẩm muốn mua. Sau đó thu thập thơng tin sản
phẩm dựa vào phần mơ tả sản phẩm.
Bước 3: Xem thông tin về các ưu đãi khi mua sản phẩm.
Bước 4: Lựa chọn sản phẩm phù hợp, sau đó chọn số lượng muốn mua và cho
vào giỏ hàng. Nhấn biểu tượng Giỏ hàng để xem các sản phẩm vừa chọn.

Bước 5: Nhấn nút “Thanh toán” để chuyển sang trang thanh tốn. Kiểm tra
tồn bộ thơng tin xem đã đúng chưa, nếu có u cầu gì thì nhập vào phần “Ghi

chú”. Sau đó chọn phương thức thanh toán như chuyển khoản qua ngân hàng, thanh
12


tốn qua ví Zalo Pay, qua VN PAY hoặc thanh toán khi giao hàng. Tiếp theo nhập
mã giảm giá (nếu có). Cuối cùng nhấn nút “Đặt hàng” để hồn tất q trình mua
hàng.

Đây là giao diện khi bạn hồn tất q trình mua hàng.

Bước 6: In hóa đơn (nếu muốn). Chọn nút In hệ thống sẽ hiển thị ra mẫu hóa
đơn như sau:

13


Tùy chỉnh các lựa chọn theo ý muốn (Trang, Bố cục, Màu) sau đó nhấn “In”.
Hệ thống sẽ gửi cho bạn hóa đơn dưới dạng .pdf và bạn “Save” lại. Kết thúc q
trình mua hàng.
2.3. Một số tính năng nổi bật
2.3.1. Plugin chat
 Lý do lựa chọn: Thuận tiện cho khách hàng truy cập website của cửa hàng,
khi có bất cứ thắc mắc hay muốn hỏi chi tiết hơn thì có thể chat với cửa hàng
thơng qua Messenger bằng cách nhấp vào logo Messenger hiển thị góc ở
dưới bên phải trên trang web.
 Chi tiết cụ thể cách cài đặt
Bước 1: Đăng nhập vào Facebook đã tạo trang Nhà Hữu Cơ -> chọn “Meta
Business Suite”

14

Bước 2: Tại đây chọn Hộp thư -> chọn biểu tượng Cài đặt -> chọn “Xem tất
cả cài đặt”.

Bước 3:
- Chọn Plugin chat, tại cửa sổ này có thể thiết lập màn hình chat messenger
với khách hàng (ơ bên phải) theo mong muốn như:
 Hệ thống tự động hóa (lời chào, tin nhắn chào mừng, câu hỏi thường
gặp).
 Tùy chỉnh Plugin chat (màu sắc của Plugin chat, biểu tượng nút chat,
kích thích cửa sổ chat, vị tri trên trang web.
- Sau khi thiết lập xong, chọn “Đăng” để lưu -> chọn “Thiết lập”.

15


Bước 4: Chọn phương thức thiết lập ở đây là “Tiêu chuẩn”.

Bước 5: Thiết lập Plugin chat
- Đặt ngôn ngữ: Tiếng Việt -> chọn “Lưu và tiếp tục”.
- Thêm miền: gắn link website tại đây -> chọn “Lưu và tiếp tục”.
- Copy code: chọn “Sao chép mã” -> chọn “Lưu và tiếp tục”.
- Dán mã: chọn “Hoàn tất”.

16


Bước 6:
- Vào website tại Sapo -> chọn “Website” -> chọn “Giao diện” -> chọn “Thao

tác” -> chọn “Chỉnh sửa HTML/CSS”. Tại đây dán đoạn mã vừa chép vào bất cứ
trang web nào muốn hiển thị Plugin chat.
- Ví dụ: thêm Plugin chat vào trang Liên hệ, ta tìm file page.contact.bwt và
bấm Ctr+V để dán đoạn mã code vừa sao chép bên trên vào vị trí ở cuối cùng trong
file page.contact.bwt ->chọn “Lưu”.
- Làm tương tự với các trang khác muốn thêm Plugin chat.

17