Thiết kế website bán giày

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á
KHOA CÔNG NGHỆ THÔNG TIN
====0O0====

ĐỒ ÁN TỐT NGHIỆP
ĐỀ TÀI:
THIẾT KẾ WEBSITE BÁN GIÀY
Tên sinh viên:

Lê Thanh Quyền

Ngày sinh:

08/12/1998

Mã sinh viên:

1752480201048

Khóa:

8

Khoa

Cơng nghệ thơng tin

Lớp:

DCCNTT8.10

Giảng viên hướng dẫn:

Th.S.Đặng Trần Long

Bắc Ninh, tháng 4 năm 2022

1


TRƯỜNG ĐẠI HỌC CÔNG NGHỆ ĐÔNG Á
KHOA CÔNG NGHỆ THÔNG TIN
====0O0====

LÊ THANH QUYỀN
ĐỀ TÀI:

THIẾT KẾ WEBSITE BÁN GIÀY

CÁN BỘ CHẤM 1

CÁN BỘ CHẤM 2

(Ký và ghi rõ họ tên)

(Ký và ghi rõ họ tên)

Giáo viên hướng dẫn: Th.S.Đặng Trần Long

Bắc Ninh, tháng 04 năm 2022

2


NHẬN XÉT CỦA GIÁO VIÊN

.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................
.............................................................................................................................

1


MỤC LỤC
MỤC LỤC ............................................................................................................ 2
DANH MỤC TỪ VIẾT TẮT: ............................................................................ 4

DANH MỤC HÌNH ẢNH ................................................................................... 5
LỜI NĨI ĐẦU ..................................................................................................... 7
MỞ ĐẦU ........................................................................................................... 8
1. Tên đề tài .................................................................................................... 8
2. Lý do thực hiện đề tài ................................................................................ 8
3. Mục đích nghiên cứu.................................................................................... 8
CHƯƠNG 1: TỔNG QUAN VỀ WORDPRESS VÀ PLUGIN
WOOCOMMERCE .......................................................................................... 10
1.1 Giới thiệu chung về Wordpress .............................................................. 10
1.2 Cài đặt và thiết lập cơ bản: ..................................................................... 13
1.2.1 Tìm hiểu các trang trong Woocommerce: ........................................... 19
1.3 Thêm một sản phẩm đơn giản: ............................................................... 21
1.3.1 Nhập thông tin sản phẩm: .................................................................... 21
1.3.2 Thiết lập danh mục sản phẩm. ............................................................. 25
1.3.3 Ảnh sản phẩm ...................................................................................... 25
1.3.4 Thư viện hình ảnh của sản phẩm ......................................................... 26
1.3.5 Thử nghiệm chức năng giỏ hàng và thanh toán ................................... 28
1.4 Các thiết lập cài đặt các thành phần trong Woocommerce:................ 29
1.4.1 Thiết lập thuế: ...................................................................................... 35
1.4.2 Thêm tỉnh thành Việt Nam và tối ưu thông tin khách hàng. ............... 35
1.4.3 Tổng quan chức năng tính phí-giao nhận (vận chuyển) ...................... 36
1.4.4 Thiết lập thanh toán. ............................................................................ 37
1.4.4.1 Thanh toán khi nhận hàng ............................................................. 37
2


1.4.4.2 Thanh toán qua VNPAY ................................................................ 37
1.4.5 Thanh toán qua Momo,Zalopay,ShoppeePay ...................................... 39
1.4.6 Thiết lập Email thông báo:................................................................... 40
1.4.7 Chuyển đổi ngôn ngữ ........................................................................... 41

1.5 Sử dụng các Widget trong Woocommerce: ........................................... 42
CHƯƠNG 2: PHÂN TÍCH THIẾT KẾ HỆ THỐNG ................................... 44
2.1

Biểu đồ usecase...................................................................................... 44

2.2 Biểu đồ trình tự ........................................................................................ 44
2.2.1 Đăng kí thành viên: .............................................................................. 44
2.2.2 Đăng nhập ............................................................................................ 45
CHƯƠNG 3: DEMO CÁC CHỨC NĂNG CỦA WEBSITE ........................ 51
3.1 Xem danh mục sản phẩm ........................................................................ 51
3.2 Tìm kiếm giày ........................................................................................... 51
3.3 Thanh toán qua VNPAY ......................................................................... 52
3.4 Kiểm tra đơn hàng ................................................................................... 55
3.5 Chuyển đổi ngôn ngữ ............................................................................... 56
CHƯƠNG 4: KẾT LUẬN ................................................................................ 57
4.1 Chức năng đã làm được ........................................................................... 57
4.2. Hạn chế của đề tài ................................................................................... 57
4.3 Hướng phát triển ...................................................................................... 58
TÀI LIỆU THAM KHẢO ................................................................................ 59

3


DANH MỤC TỪ VIẾT TẮT:

STT Ký hiệu Ý nghĩa
1

PHP

Hypertext Preprocessor

2

CMS

Content Management System

3

MySQL Hệ quản trị cơ sở dữ liệu

4


DANH MỤC HÌNH ẢNH
Hình 1.2.1 Tìm plugin “Woocommerce” trên thư viện .................................................13
Hình 1.2.2 Cài đặt bản dịch và thiết lập cho Woocommerce ........................................14
Hình 1.2.3 Cài đặt trang cần thiết cho Woocommerce .................................................15
Hình 1.2.4 Thiết lập vị trí và định dạng tiền tệ phù hợp với Việt Nam. .......................16
Hình 1.2.5 Đã thiết lập hồn thành ................................................................................17
Hình 1.2.6 Cấu hình định dạng tiền mặt ........................................................................18
Hình 1.2.7 Bỏ số đơn vị thập phân ở tiền tệ ..................................................................19
Hình 1.2.1.1 Các trang mặc định của Woocommerce ...................................................20
Hình 1.2.1.2 Thiết lập trang cửa hàng ...........................................................................21
Hình 1.3.1.1 Menu thêm sản phẩm................................................................................22
Hình 1.3.1.2 Nhập tiêu đề và mơ tả chi tiết của sản phẩm ............................................22
Hình 1.3.1.3 Khung nhập dữ liệu sản phẩm ..................................................................23
Hình 1.3.1.4 Nhập dữ liệu sản phẩm .............................................................................24

Hình 1.3.1.5 Khung mơ tả ngắn sản phẩm ....................................................................25
Hình 1.3.2.1 Tạo danh mục sản phẩm ...........................................................................25
Hình 1.3.3.1 Ảnh đại diện sản phẩm .............................................................................26
Hình 1.3.4.1 Thư viện ảnh của một sản phẩm ............................................................... 26
Hình 1.3.4.2 Xem trang cửa hàng..................................................................................27
Hình 1.3.4.3 Sản phẩm hiển thị ở trang Cửa hàng. .......................................................27
Hình 3.3.5.1 Thêm sản phẩm vào giỏ ............................................................................28
Hình 1.3.5.2 Trang giỏ hàng ..........................................................................................28
Hình 1.3.5.3 Trang thanh tốn .......................................................................................29
Tại đây chọn phương thức thanh tốn và tiến hành thanh tốn .....................................29
Hình 1.4.1 Tổng quan trang thiết lập .............................................................................29
Hình 1.4.2 Cài đặt chung ............................................................................................... 30
Hình 1.4.3 Thiết lập cài đặt sản phẩm ...........................................................................32
Hình 1.4.1.1 tính thuế ....................................................................................................35
Hình 1.4.2.1 Thiết lập địa chỉ mặc định ........................................................................36
Hình 1.4.3.1 Trang cài đặt tính phí giao nhận trong Woocommerce ............................ 36

5


Hình 1.4.4.1.1 Thiết lập thanh tốn khi nhận hàng .......................................................37
Hình 1.4.4.2.1 thanh tốn qua VNPAY .........................................................................38
Hình 1.4.4.2.2 trang đăng ký tài khoản .........................................................................38
Hình 1.4.4.2.3 thơng tin cấu hình ..................................................................................39
Hình 1.4.5.1 Cài plugin .................................................................................................39
Hình 1.4.5.2 Bật cổng thanh tốn ..................................................................................40
Hình 1.4.6.1 Các tùy chọn thiết lập email trong Woocommerce. .................................40
Hình 1.4.7.1 cài plugin ..................................................................................................41
Hình 1.4.7.2 cấu hình plugin .........................................................................................41
Hình 1.5.1 Giao diện Wiget ...........................................................................................42

Bảng 2.1.1 Biểu đồ UseCase .........................................................................................44
Hình 2.2.1.1 Biểu đồ trình tự đăng ký thành viên .........................................................45
Hình 2.2.2.1 Biểu đồ trình tự đăng nhập .......................................................................45
Hình 2.2.3.1 Biểu đồ trình tự xem giỏ hàng ..................................................................45
Hình 2.2.4.1 Biểu đồ trình tự xem các đơn hàng đã đặt ...............................................46
Hình 2.2.5.1 Biểu đồ trình tự xem chi tiết sản phẩm.....................................................46
Hình 2.2.6.1 Biểu đồ trình tự xem thơng tin tài khoản.................................................47
Hình 2.2.7.1 Biểu đồ trình tự sửa thơng tin tài khoản ...................................................48
Hình 2.2.8.1 Biểu đồ trình tự thanh tốn .......................................................................49
Hình 2.2.9.1 Biểu đồ trình tự xóa sản phẩm trong giỏ hàng .........................................50
Hình 3.1.1 trang chủ ......................................................................................................51
Hình 3.1.2 danh mục giày nam ......................................................................................51
Hình 3.2.1 Tìm kiếm giày.............................................................................................. 52
Hình 3.3.1 Chọn sản phẩm ............................................................................................ 52
Hình 3.3.2 chọn cổng thanh tốn ...................................................................................53
Hình 3.3.3 thanh tốn qua vnpay ...................................................................................53
Hình 3.3.4 chọn ngân hàng ............................................................................................ 54
Hình 3.3.5 thanh tốn ....................................................................................................54
Hình 3.4.6 quản trị vnpay .............................................................................................. 55
Hình 3.4.1 Kiểm tra đơn hàng .......................................................................................55
Hình 3.5.1 Chuyển ngơn ngữ.........................................................................................56
Hình 3.5.2 Giao diện sau chuyển đổi ............................................................................56

6


LỜI NÓI ĐẦU
- Hiện nay, dịch bệnh đang làm cho các khách hàng khó có thể mua hàng trực
tiếp tại cửa hàng và cũng nhằmđể tiết kiệm thời gian cho khách hàng, tôi đã tạo
nên “Website bán giày”. Nhằm giúp mọi người có thể mua hàng mà khơng cần

đến cửa hàng và có thể tham khảo sản phẩm và giá tiền trước khi đặt mua.
- Sau đây là các chức năng của trang web:
+ Đăng nhập, đăng ký
+ Xem thông tin sản phẩm,
+ Thêm sản phẩm vào giỏhàng
+ Đặt mua sản phẩm
+ Thanh tốn online
+ Thêm thơng tin đặt hàng
+ Thống kê doanh thu
+ Chuyển đổi ngôn ngữ Anh -Việt
+ Quản lý danh mục sản phẩm
+ Quản lý sản phẩm
+ Quản lý mã giảm giá
+ Quản lý phí vận chuyển
+ Quản lý đơn hàng
+ Một số chức năng khác...

SINH VIÊN THỰC HIỆN
LÊ THANH QUYỀN

7


MỞ ĐẦU
1. Tên đề tài
“Thiết kế website bán giày”.
2. Lý do thực hiện đề tài
Hiện nay việc mua sắm trực tuyến đang được mọi người ưa chuộng vì nó
tiết kiệm thời gian, khơng tốn cơng đến cửa hàng, có thời gian nghiên cứu các
sản phẩm lựa chọn đa dạng, chủ động hơn.

Trong các hoạt động thể dục thể thao thì chũng ta ln cần có những đơi
giày phù hợp và chất lượng để có thể dễ dàng tập luyện hay vận động trong cuộc
sống thường ngày một cách thoải mái.
Không những thế, nhu cầu xây dựng cho bản thân một hình ảnh bên ngồi
lịch sự và đẹp trong mắt những mọi người xung quanh của khách hàng ngày
càng tăng cao, đặc biệt các là giới trẻ, họ có nhu cầu mua các đôi giày để tạo sự
thu hút với mọi người và tạo nên sự nổi bật cả bản thân. Hơn nữa giới trẻ họ
không muốn tốn nhiều thời gian để đến các cửa hàng mua giày mà họ chỉ muốn
ở nhà đặt hàng qua mạng và chờ người giao đến tận nhà, vừa được có cảm giác
mong chờ, chờ đợi khi sản phẩm của mình đặt mua được đưa đến tận tay mình
khi nào.Website được xây dựng nhằm giúp khách hàng tiết kiệm nhiều thời gian
và có thể dùng thời gian đó làm nhiều việc khác.
Giới trẻ ngày nay đặc biệt hấp dẫn và thu hút bởi những đôi giày. Họ có
thể chi ra hàng triệu đồng chỉ để có những đơi giày làm nổi bật họ.Khơng những
chỉ có những người trẻ tuổi mà cả những người lớn tuổi cũng có thể cảm nhận
được sự cần thiết của các đôi giày nên em quyết định xây dựng “Website bán
giày”để đáp ứng nhu cầu của khách hàng.
3. Mục đích nghiên cứu
Mục đích chủ yếu của đề tài là: Xây dựng một website thương mại điện tử
nhằm phục vụ nhu cầu mua giày cho khách hàng. Đảm bảo các tính năng gần
gũi với khách hàng và dễ dàng sử dụng với mọi lứa tuổi.
Website có thể giúp khách hàng mua sản phẩm một cách dễ dàng hơn,
giao diện thân thiện với người dùng, dễ hiểu giúp khách hàng dễ chịu và thoải
mái hơn khi sử dụng website.
4. Đối tượng và phạm vi nghiên cứu
Đối tượng nghiên cứu: Đề tài tập trung vào các đối tượng có nhu cầu tìm kiếm
giày trên internet.
8

Phạm vi nghiên cứu: Đề tài nghiên cứu về giải pháp đặt giày qua mạng để tiết
kiệm thời gian và có nhiều lựa chọn để so sánh về giá cả với các shop khác
5. Phương pháp nghiên cứu
Khảo sát, phân tích và hệ thống hóa nội dung các tài liệu thiết kế website liên
quan đến nội dung website bán giày
Sử dụng các công cụ sau: Xampp,wordpess và plugin woocommerce
Thiết kế mơ hình và thực nghiệm đánh giá các chức năng, giao diện đã đề xuất
để chứng minh tính hiệu quả.

9


CHƯƠNG 1: TỔNG QUAN VỀ WORDPRESS VÀ PLUGIN
WOOCOMMERCE
1.1 Giới thiệu chung về Wordpress
WordPress là một phần mềm nguồn mở (Open Source Software ) được viết
bằng ngơn ngữ lập trình website PHP và sử dụng hệ quản trị cơ sở dữ liệu
MySQL; cũng là bộ đơi ngơn ngữ lập trình website thông dụng nhất hiện tại.
WordPress được ra mắt lần đầu tiên vào ngày 27/5/2003 bởi tác giả Matt
Mullenweg và Mike Little. Hiện nay WordPress được sở hữu và phát triển bởi
cơng ty Automattic có trụ sở tại San Francisco, California thuộc hợp chủng quốc
Hoa Kỳ.
WordPress là một mã nguồn mở bằng ngôn ngữ PHP để hỗ trợ tạo blog cá
nhân, và nó được rất nhiều người sử dụng ủng hộ về tính dễ sử dụng, nhiều tính
năng hữu ích. Qua thời gian, số lượng người sử dụng tăng lên, các cộng tác viên
là những lập trình viên cũng tham gia đơng đảo để phát triển mã nguồn
WordPress có thêm những tính năng tuyệt vời. Và cho đến thời điểm viết bài
này là 2015, WordPress đã được xem như là một hệ quản trị nội dung (CMS –
Content Management System 2) vượt trội để hỗ trợ người dùng tạo ra nhiều thể
loại website khác nhau như blog, website tin tức/tạp chí, giới thiệu doanh

nghiệp, bán hàng – thương mại điện tử, thậm chí với các loại website có độ phức
tạp cao như đặt phòng khách sạn, thuê xe, đăng dự án bất động
sản,…vâng…vâng…Hầu như mọi hình thức website với quy mơ nhỏ và vừa đều
có thể triển khai trên nền tảng WordPress.
Nhưng như thế khơng có nghĩa là WordPress chỉ thích hợp với các dự án
nhỏ, mà hiện nay có tới khoảng 25% website trong danh sách 100 website lớn
nhất thế giới sử dụng mã nguồn WordPress. Ví dụ như trang tạp
chí TechCrunch, Mashable, CNN, BBC America, Variety, Sony Music, MTV
News, Bata, Quartz…rất nhiều không thể kể hết được.
NHỮNG THÀNH TỰU CỦA WORDPRESS
Khi tìm hiểu về WordPress, bạn sẽ thật tự hào khi biết rằng mã nguồn mà các
bạn đang tìm hiểu ngay sau đây có những thành tựu rất vượt bậc và là một mã
nguồn CMS mở phổ biến nhất hành tinh. Để kiểm chứng điều đó, các bạn cần
biết là:
 Trên thế giới, có khoảng 25 bài viết được đăng lên các website sử dụng
WordPress mỗi giây.
10


 Số lượng website làm bằng WordPress chiếm 27% tổng số lượng website trên
thế giới.
 Trong số 100% các website sử dụng mã nguồn CMS, WordPress chiếm 60%.
 Phiên bản WordPress 4.0 đạt hơn 16 triệu lượt tải chỉ sau khoảng hai tháng.
 WordPress đã được dịch sang 169 ngôn ngữ khác nhau, bao gồm phiên bản
Tiếng Việt được dịch đầy đủ.
 Chỉ tính các giao diện (hay cịn gọi là theme) miễn phí trên thư viện
WordPress.org thì đã có hơn 2.700 themes khác nhau.
NHỮNG LÝ DO MÀ BẠN NÊN CHỌN WORDPRESS
Nếu bạn vẫn cịn băn khoăn về WordPress, mình xin chỉ ra cho bạn một số lý
do rất tuyệt vời để bạn chọn WordPress làm nền tảng xây dựng website cho

riêng bạn.
Dễ sử dụng
WordPress được phát triển nhằm phục vụ đối tượng người dùng phổ thơng,
khơng có nhiều kiến thức về lập trình website nâng cao. Các thao tác trong
WordPress rất đơn giản, giao diện quản trị trực quan giúp bạn có thể nắm rõ cơ
cấu quản lý một website WordPress trong thời gian ngắn. Về cách cài đặt lại
càng dễ hơn, bạn có thể tự cài đặt một website WordPress trên host (máy chủ)
riêng của mình và tự vận hành nó sau vài cú click.
Cộng đồng hỗ trợ đông đảo
Là một mã nguồn CMS mở phổ biến nhất thế giới, điều này cũng có nghĩa là
bạn sẽ được cộng đồng người sử dụng WordPress hỗ trợ bạn các khó khăn gặp
phải trong q trình sử dụng. Nếu bạn có khả năng tiếng Anh tốt, bạn có thể dễ
dàng tìm câu trả lời cho vấn đề bạn đang gặp phải trên Google chỉ với vài từ
khóa tìm kiếm.
Nhiều gói giao diện có sẵn
Tuy WordPress rất dễ sử dụng, nhưng việc tự tay thiết kế một giao diện
website cho mình dựa trên WordPress không hề đơn giản và vẫn cần một kiến
thức chuyên môn nhất định. Tuy nhiên bạn không cần qua lo lắng về điều này,
bởi vì hệ thống giao diện (bao gồm trả phí lẫn miễn phí) dành cho WordPress
cực kỳ phong phú và bạn có thể sử dụng chỉ với vài cú click.
11


Nếu bạn chưa tin vào các giao diện làm sẵn dành cho WordPress đẹp như thế
nào, hãy ghé thử ThemeForest, MyThemeShop, Theme-Junkies,…Hoặc bạn có
thể xem các giao diện WordPress miễn phí tại thư viện WordPress.Org.
Nhiều plugin hỗ trợ
Plugin mở rộng nghĩa là một thành phần cài đặt thêm vào WordPress để giúp
nó có thêm nhiều tính năng cần thiết, ví dụ bạn cần tính năng làm trang bán
hàng cho WordPress thì cài thêm plugin WooCommerce chẳng hạn. Với lợi thế

là người sử dụng đông đảo, nên thư viện plugin của WordPress cũng cực kỳ
phong phú lẫn trả phí và miễn phí, hầu hết các tính năng thơng dụng bạn đều có
thẻ tìm thấy thơng qua plugin
Dễ phát triển cho lập trình viên
Nếu bạn là một người có am hiểu về việc làm website như thành thạo HTML,
CSS, PHP thì có thể dễ dàng mở rộng website WordPress của bạn ra với rất
nhiều tính năng vơ cùng có ích. Cách phát triển cũng rất đơn giản vì WordPress
là một mã nguồn mở nên bạn có thể dễ dàng hiểu được cách hoạt động của nó và
phát triển thêm các tính năng.
Với hàng nghìn hàm (function) có sẵn của nó, bạn có thể thoải mái sử dụng, bạn
cũng có thể thay đổi cấu trúc của một hàm với filter hook và hầu như quy trình
làm việc của một lập trình viên chuyên nghiệp có thể ứng dụng dễ dàng vào
WordPress.
Hỗ trợ nhiều ngơn ngữ
Mã nguồn WordPress hiện tại có rất nhiều gói ngôn ngữ đi kèm, bao gồm
tiếng Việt. Mặc dù trong mỗi giao diện hay plugin đều có ngơn ngữ riêng nhưng
bạn có thể dễ dàng tự dịch lại nó với các phần mềm hỗ trợ.
Có thể làm nhiều loại website
Dùng WordPress khơng có nghĩa là bạn chỉ có thể làm blog cá nhân, mà bạn
có thể biến website mình thành một trang bán hàng, một website giới thiệu công
ty, một tờ tạp chí online bằng việc sử dụng kết hợp các theme và plugin với
nhau. Tuy nhiên để làm được, bạn nên chắc chắn là đã hiểu được WordPress chứ
đừng vội một bước lên mây để nhận các cảm giác thất vọng vì độ phức tạp của
nó

12


1.2 Cài đặt và thiết lập cơ bản:
-Trước tiên bạn tìm plugin tên Woocommerce trong Dashboard và cài

plugin tên WooCommerce rồi cài nó.

Hình 1.2.1 Tìm plugin “Woocommerce” trên thư viện

13


Sau khi cài đặt thì kích hoạt như bình thường. Sau khi kích hoạt nó sẽ
chuyển thẳng bạn đến trang thiết lập ban đầu cho Woocommerce. Hãy ấn vào
nút Cài đặt bản dịch để nó cài bộ ngơn ngữ phù hợp cho website, ví dụ bạn đang
dùng WordPress tiếng Việt thì nó sẽ cài bản dịch tiếng Việt cho Woocommerce.
Sau đó ấn nút Bắt đầu.

Hình 1.2.2 Cài đặt bản dịch và thiết lập cho Woocommerce

14


Kế đến là bước cài đặt trang cần thiết cho Woocommerce, ở đây nó sẽ cài
một số trang bắt buộc như Cửa hàng, Giỏ hàng, Thanh tốn …vì nếu khơng có
các trang này thì sẽ khơng hồn thiện được. Do vậy ta sẽ ấn nútTiếp tục.

Hình 1.2.3 Cài đặt trang cần thiết cho Woocommerce

15


Kế tiếp là cài đặt vị trí cửa hàng, ở đây bạn sẽ cài đặt quốc gia của cửa
hàng bạn, loại tiền tệ, định dạng tiền tệ. Nếu bạn thiết lập cho cửa hàng tại Việt
Nam thì nên thiết lập như ảnh dưới.

Hình 1.2.4 Thiết lập vị trí và định dạng tiền tệ phù hợp với Việt Nam.

16


Ở bước cài đặt vận chuyển và thuế bạn cứ ấn Tiếp tục mà khơng cần chọn
gì nhé, cái này chúng ta sẽ thiết lập kỹ hơn ở mục riêng của nó. Sau khi thiết lập
xong thì quay lại trang quản trị.

Hình 1.2.5 Đã thiết lập hồn thành

17


Ngồi ra chúng ta cịn một bước cuối nữa là chỉnh lại định dạng tiền tệ một
chút nữa để cho nó phù hợp nhất với định dạng tiền tệ Việt Nam, đó là xóa 2 số
0 ở cuối đi. Bạn hãy vào Woocommerce -> Cài đặt.

Hình 1.2.6 Cấu hình định dạng tiền mặt

18


Sau đó ở tab Chung, bạn sửa thành 0 ở phần Số đơn vị thập phân.

Hình 1.2.7 Bỏ số đơn vị thập phân ở tiền tệ
Okay, bây giờ giá tiền của sản phẩm sẽ hiển thị chính xác là 150.000 nếu
chúng ta nhập giá là 150000.
1.2.1 Tìm hiểu các trang trong Woocommerce:

Mặc định sau khi cài xong Woocommerce, bạn vào phần quản lý trang
(Pages) sẽ thấy có một số trang mặc định mà Woocommerce tự tạo ra để có thể
sử dụng các chức năng cần thiết trên trang bán hàng.

19


Hình 1.2.1.1 Các trang mặc định của Woocommerce
Ở đây bao gồm:
Trang chủ: Trang này sẽ hiển thị các sản phẩm mới nhất trên website và
có phân trang.




Shop giày : Đây là trang chủ của website

Giỏ hàng: Trang này sẽ là trang giỏ hàng của bạn khi thêm hàng vào giỏ,
nó sẽ hiển thị các sản phẩm có trong giỏ hàng.


My account: Đây là trang quản lý tài khoản của khách hàng nếu họ đăng
nhập vào website.




Thanh toán: Trang thanh toán đơn hàng, hay còn gọi là trang Checkout.

Còn cái Trang mẫu là cái Sample page khi cài WordPress, khơng có gì cả.

Trong đó, trang Cửa hàng sẽ được thiết lập ở Woocommerce -> Cài đặt ->
Sản phẩm -> Hiển thị.

20


Hình 1.2.1.2 Thiết lập trang cửa hàng
Các trang cịn lại tuy khơng thiết lập ở đây nhưng để nó hoạt động thì nội
dung phải cần có các shortcode tương ứng như sau:


Giỏ hàng: [woocommerce_cart]



Tài khoản của tơi: [woocommerce_my_account]



Thanh tốn: [woocommerce_checkout]

Dĩ nhiên là những shortcode đó đều có trong các trang mặc định mà
Woocommerce tạo ra rồi.
1.3 Thêm một sản phẩm đơn giản:
1.3.1 Nhập thông tin sản phẩm:
Để thêm một sản phẩm, bạn vào Sản phẩm -> Thêm sản phẩm.

21

Hình 1.3.1.1 Menu thêm sản phẩm
Tại đây nó sẽ giống như trang thêm bài viết, nhưng nó sẽ có nhiều chức
năng riêng để thêm một sản phẩm.
Phần tiêu đề và nội dung chúng ta sẽ nhập nó như tiêu đề sản phẩm và nội
dung mô tả chi tiết của sản phẩm.

Hình 1.3.1.2 Nhập tiêu đề và mơ tả chi tiết của sản phẩm
Ngay bên dưới nó là phần Dữ liệu sản phẩm, ở đây bạn hãy chọn là Sản
phẩm đơn giản. Ở bên dưới khung đó là các phần bạn nhập thông tin sản phẩm
như giá cả, mã sản phẩm, quản lý kho hàng ….

22


Hình 1.3.1.3 Khung nhập dữ liệu sản phẩm

 Chung:

Phần này sẽ nhập thông tin về mã sản phẩm và giá sản phẩm.

o Mã

sản phẩm: Nhập mã sản phẩm để bạn tiện quản lý trong kho hàng.

o Giá

bán thường : Giá chuẩn của sản phẩm.

khuyến mãi: Giá sản phẩm sau khi được giảm, bạn có thể lên lịch để giá
khuyến mãi có hiệu lực trong thời gian nhất định.

o Giá

 Kiểm

kê kho hàng: Phần này sẽ thiết lập số lượng sản phẩm trong kho và tình
trạng hàng hóa trong kho.

o Quản

lý kho hàng: Bạn muốn thiết lập số lượng hàng trong kho thì đánh dấu vào.

trạng kho hàng: Tình trạng của sản phẩm này là còn hàng hay hết hàng.
Nếu bạn bật tính năng kiểm kê kho hàng thì khi khách mua hết số lượng đã thiết
lập thì nó đưa về tình trạng hết hàng.

o Tình

riêng: Đánh dấu nếu bạn muốn khách chỉ được mua với số lượng 1 cái của
mặt hàng này trong một đơn hàng.

o Bán

nhận: Thiết lập trọng lượng, kích thước của sản phẩm và loại hình giao
hàng.

 Giao

o Trọng

lượng: Nhập số trọng lượng của sản phẩm, đơn vị sẽ được thiết lập ở
Woocommerce -> Cài đặt.
thước: Nhập chiều dài, chiều rộng và chiều cao của sản phẩm, đơn vị sẽ
được thiết lập ở Woocommerce -> Cài đặt.

o Kích

o Loại

hình giao nhận hàng: Chọn loại hình giao nhận hàng, cái này mình sẽ nói
kỹ hơn ở bài khác.
sản phẩm được kết nối: Kết nối các sản phẩm lại với nhau để người mua có
thể dễ dàng tìm ra các sản đó và gợi ý khách hàng mua kèm thêm.
23

 Các