TRƯỜNG ĐẠI HỌC VĂN LANG

KHOA CÔNG NGHỆ THÔNG TIN

BÁO CÁO ĐỒ ÁN MÔN HỌC

ĐỀ TÀI:
ỨNG DỤNG WORDPRESS XÂY
DỰNG WEBSITE BÁN THIẾT BỊ CÔNG
NGHỆ CHUẨN SEO

Giảng viên hướng dẫn: ThS. Nguyễn Thị Huyền Trang

Sinh viên thực hiện: TRANG TUẤN HƯNG- 187IT14079
NGUYỄN PHẠM TOÀN THẮNG- 187IT21194
NGUYỄN NGỌC HÒA- 197CT22196
NGUYỄN PHƯƠNG NAM- 197CT09869
NGUYỄN KIẾN QUỐC- 197CT09966

TP.Hồ Chí Minh-2023

 LỜI CẢM ƠN

Lời nói đầu tiên,Chúng em xin chân thành cám ơn Giáo viên bộ mộn đã tận tình
hướng dẫn, phân tích những thiếu sót của tôi trong quá trình thực hiện luận văn giúp
chúng em trong suốt thời gian vừa qua. Chúng em đặc biệt trân trọng những chia sẻ,
động viên của thầy Cô đối với chúng em trong những thời gian tôi bận công tác.

Chúng em xin được gửi lời cảm ơn chân thành đến Khoa công nghệ thông tin
của Trường Đại Học Văn Lang, Ban chủ nhiệm Khoa Công Nghệ Thông Tin đã dìu
dắt chúng em và tạo điều kiện cho chúng em có thể làm được bài báo cáo tốt nghiệp
này.

Và cuối cùng, cám ơn tất cả bạn bè, người thân đã hỗ trợ tinh thần và động viên
Chúng em thực hiện tốt đồ án này.

Trong quá trình hoàn thành bài báo cáo tốt nghiệp này, do kinh nghiệm thực tế
còn non yếu, nên chắc chắn em còn nhiều thiếu sót nên rất mong các thầy cô bỏ qua.
Đồng thời mong nhận được nhiều ý kiến đóng góp từ các thầy cô để giúp em tích lũy
thêm kinh nghiệm để hoàn thiện bài báo cáo tốt nghiệp đạt kết quả tốt hơn.

TP.HCM, 18 Tháng 6 Năm 2023

Sinh viên thực hiện

 NHẬN XÉT CỦA GIẢNG VIÊN

1. Họ và tên sinh viên: Trang Tuấn Hưng- 187IT14079

Nguyễn Phạm Toàn Thắng - 187IT21194
Nguyễn Kiến Quốc – 197CT09966
Nguyễn Ngọc Hòa – 197CT21196
Nguyễn Phương Nam – 197CT09869
2. Ngành: Công Nghệ thông tin.........................................................................................
3. Giảng viên hướng dẫn:Ths… Nguyễn Thị Huyền Trang...........................................
4. Nhận xét:
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
..............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................
...............................................................................................................................

TP. Hồ Chí minh, ngày….tháng…..năm..2023.

Giảng viên hướng dẫn
(Ký và ghi rõ họ và tên)

2
 DANH MỤC HÌNH ẢNH

Hình 1 Wordpress...............................................................................................16
Hình 2 Tải Wordpress........................................................................................21
Hình 3 import File Worspress lên Hosting.........................................................21
Hình 4 Tạo database...........................................................................................22
Hình 5 Chọn ngôn ngữ.......................................................................................22
Hình 6 Cấu hình Wordpress...............................................................................23
Hình 7 Tạo database...........................................................................................23
Hình 8 Chạy Wordpress.....................................................................................24
Hình 9 Tạo User Wordpress...............................................................................24
Hình 10 Cấu hình hoàn tất..................................................................................25
Hình 11 Theme Flatsome...................................................................................25
Hình 12 UX Builder...........................................................................................26
Hình 13 Layout trang web..................................................................................27
Hình 14 Banner trang chủ..................................................................................28
Hình 15 Danh mục sản phẩm nổi bật.................................................................28
Hình 16 Danh mục sản phẩm và khuyến mãi.....................................................29
Hình 17 Banner và trang tin tức.........................................................................29
Hình 18 Footer trang web...................................................................................30
Hình 19 Trang giới thiệu....................................................................................30
Hình 20 Trang sản phẩm....................................................................................31
Hình 21 Trang liên hệ.........................................................................................31
Hình 22 Giao diện trang tin tức..........................................................................32
Hình 23 Woocommerce......................................................................................32
Hình 24 Contact Form 7.....................................................................................33
Hình 25 Yoast SEO............................................................................................34
Hình 26 Advanced Custom Fields......................................................................34
Hình 27 UpdraftPlus...........................................................................................35

3
Hình 28 Header..................................................................................................35
Hình 29 Giao diện đăng nhập và đăng kí...........................................................36
Hình 30 lỗi mật khẩu không hợp lệ....................................................................36
Hình 31 Lỗi email không hợp lệ.........................................................................36
Hình 32 Danh mục hình ảnh cha........................................................................37
Hình 33 Danh mục hình ảnh con........................................................................37
Hình 34 Search bar.............................................................................................38
Hình 35 kết quả tiềm kiếm sản phẩm.................................................................38
Hình 36 Tính năng thêm giỏ hàng tại tarng cửa hàng........................................38
Hình 37 Giao diện chi tiết sản phẩm..................................................................39
Hình 38 Giao diện giỏ hàng...............................................................................39
Hình 39 Giao diện đặt hàng thành công.............................................................40
Hình 40 Bảng thông số kĩ thuật..........................................................................40
Hình 41 Giao diện bình luận sản phẩm..............................................................41
Hình 42 Đánh giá sản phẩm...............................................................................41
Hình 43 Giao diện icon liên hệ...........................................................................42
Hình 44 kết quả kiểm tar tốc độ của website.....................................................43
Hình 45 Trang diện Trang chủ trên di động.......................................................44
Hình 46 Giao diện danh mục và thông tin cửa hàng trên di động......................45
Hình 47 Footer trên di động...............................................................................45
Hình 48 Trang web đang được bảo mật.............................................................46

4
 DANH MỤC BẢNG

Bảng 1 Ưu và nhược điểm Wordpress...............................................................18

5
 MỤC LỤC

LỜI CẢM ƠN…….........................................................................................................ii

NHẬN XÉT CỦA GIẢNG VIÊN.................................................................................iii
DANH MỤC BIỂU ĐỒ HÌNH VẼ................................................................................iv
DANH MỤC BẢNG.......................................................................................................v
MỤC LỤC………………..............................................................................................vi
CHƯƠNG 1 TỔNG QUAN.........................................................................................9
1.1 LÝ DO HÌNH THÀNH ĐỀ TÀI........................................................................9
1.2 MỤC TIÊU CỦA ĐỀ TÀI..................................................................................9
1.3 PHẠM VI CỦA ĐỀ TÀI..................................................................................10
1.4 Ý NGHĨA THỰC TIỄN CỦA ĐỀ TÀI............................................................10
1.5 PHƯƠNG PHÁP THỰC HIỆN........................................................................11
1.6 KẾT CẤU BÀI BÁO CÁO...............................................................................12
1.7 PHÂN CÔNG CÔNG VIỆC.............................................................................12
CHƯƠNG 2 CƠ SỞ LÝ THUYẾT............................................................................14
2.1 Khái niệm thương mại điện tử..........................................................................14
2.2 Các tính năng cần có của một website thương mại điện tử...............................14
2.3 Giới thiệu về WordPress...................................................................................15
2.3.1 Giới thiệu Wordpress...............................................................................15
2.3.2 Các tính năng............................................................................................15
2.3.3 Ưu và nhược điểm của wordpress............................................................17
2.3.4 Lý do chọn wordpress để thực hiện đồ án................................................17
2.4 Lựa chọn mô hình TMĐT cho đồ án................................................................18
2.4.1 Tại sao chọn Business-to-Consumer (B2C) ?..........................................18
2.4.2 Lợi ích của Business-to-Consumer..........................................................18
CHƯƠNG 3 CÀI ĐẶT VÀ CẤU HÌNH WEBSITE.................................................20
3.1 Cài đặt và cấu hình WordPress.........................................................................20
3.1.1 Chuẩn bị...................................................................................................20

6
 3.1.2 Các bước cài đặt Wordpress trên Hosting................................................20
3.1.3 Cấu hình Wordpress.................................................................................21
3.2 Thiết kế giao diện cho website thương mại điện tử..........................................24
3.2.1 Giao diện (Theme) Flatsome....................................................................24
3.2.2 Lý do nên sử dụng Theme Flatsome cho đồ án........................................24
3.2.3 UX Builder...............................................................................................25
3.2.4 Layout Giao diện Header.........................................................................26
3.2.5 Giao diện Trang chủ.................................................................................26
3.2.6 Giao diện Footer.......................................................................................28
3.2.7 Giao diện trang giới thiệu.........................................................................29
3.2.8 Giao diện trang của hàng..........................................................................30
3.2.9 Giao diện trang liên hệ.............................................................................30
3.2.10 Giao diện trang tin tức..............................................................................31
3.3 Cài đặt và tích hợp các plugin hỗ trợ................................................................31
3.3.1 Plugin Woocomerce.................................................................................31
3.3.2 DevVN Woocommerce Review...............................................................32
3.3.3 Contact form 7..........................................................................................32
3.3.4 Yoast SEO................................................................................................33
3.3.5 Advanced Custom fields..........................................................................33
3.3.6 UpdraftPlus...............................................................................................34
3.4 Xây dựng các tính năng cần thiết......................................................................34
3.4.1 Tính năng Đăng nhập, Đăng kí................................................................34
3.4.2 Tính năng Danh mục sản phẩm................................................................36
3.4.3 Tính năng tìm kiếm sản phẩm..................................................................37
3.4.4 Tính năng giỏ hàng,đặt hàng....................................................................37
3.4.5 Tính năng đánh xem thông số kĩ thuật laptop..........................................39
3.4.6 Tính năng đánh giá sản phẩm...................................................................39
3.4.7 Tính năng liên hệ chăm sóc khách hàng..................................................40
3.5 Tối ưu hóa website thương mại điện tử............................................................41
3.5.1 Tối ưu tốc độ tải trang..............................................................................41

7
 3.5.2 Tối ưu trải nghiệm người dùng................................................................41
3.5.3 Tối ưu SEO...............................................................................................42
3.5.4 Tối ưu Reponsive.....................................................................................42
3.6 Bảo mật thông tin..............................................................................................44
CHƯƠNG 4 KẾT LUẬN...........................................................................................45
4.1 kết quả đạt được................................................................................................45
4.2 Thiếu sót và hạn chế.........................................................................................45
4.3 hướng phát triển................................................................................................45
TÀI LIỆU THAM KHẢO.............................................................................................46

8
 CHƯƠNG 1 TỔNG QUAN

1.1 LÝ DO HÌNH THÀNH ĐỀ TÀI

Sự phát triển của thương mại điện tử: Thương mại điện tử đã trở thành một phần
không thể thiếu trong ngành kinh doanh hiện đại. Việc mua sắm và bán hàng trực
tuyến đã trở nên phổ biến và thu hút ngày càng nhiều khách hàng.Sự phổ biến của
sản phẩm điện tử: Sản phẩm điện tử, bao gồm điện thoại di động, máy tính, máy ảnh
và các thiết bị điện tử khác, đang chiếm lĩnh thị trường và là mục tiêu của nhiều
người tiêu dùng .
Mọi người điều có xu hướng ngày càng quan tâm đến việc mua sắm trực tuyến
các sản phẩm điện tử. Việc có một website thương mại điện tử chuyên về sản phẩm
này có thể đáp ứng nhu cầu của khách hàng và tạo ra lợi thế cạnh tranh.
Các sản phẩm điện từ như laptop và máy tính là phần không thể thiếu của nhưng
sinh viên ngành công nghệ thông tin và nhân viên văn phòng. Do đó nhu cầu mua
sắm các sản điện tử ngày càng tăng cao và phát triển nên cũng như muốn thu hút
được nhiều khách hàng và tạo ra lợi thế cạnh tranh nên nhóm chúng em quyết định
chọn đề tài “Xây dựng website bán Laptop và linh kiện máy tính” để có thể đáp ứng
của khách hàng trong việc mua sắm và tiện lợi,an toàn .
1.2 MỤC TIÊU CỦA ĐỀ TÀI
- Mục tiêu là xây dựng và phát triển website VIC Store(VICStore.pro) bán laptop
và Linh kiện máy tính.
- Xây dựng và phát triển Website với các tính năng :
 Xem và thêm sản phẩm vào giỏ hàng
 Đăng nhập,Đăng xuất.
 Tìm kiếm sản phẩm.
 Đặt hàng.
 Tìm kiếm sản phẩm theo danh mục.
 Lọc giá sản phẩm.
 Xem tin tức.
 Bình luận bài viết.
 Đổi mật khẩu và thông tin.
 Đánh giá sản phẩm.
 Đăng hình ảnh đánh giá sản phẩm.
 Nhập mã khuyến mãi.
 Live chat với quản trị viên.

9
  Điền form để liên hệ qua email.
 Share sản phẩm.
 Share bài viết.
 Xem địa chỉ cửa hàng trên google Maps
 Truy cập vào facebook,zalo của admin qua icon bên phải trang chủ
- Thiết kế giao diện hấp dẫn và thân thiện người dùng, hệ thống quản lý nội dung,
chức năng giỏ hàng và thanh toán trực tuyến, quảng cáo và tiếp thị trực tuyến,
bảo mật và quản lý dữ liệu khách hàng
- Trình bày những kiến thức và kinh nghiệm cần thiết để tạo ra một trang web
thương mại điện tử chuyên nghiệp và hiệu quả trong các doanh nghiệp kinh
doanh sản phẩm điện tử.
- Bên cạnh đó, trình bày một quy trình phát triển trang web thương mại điện tử
tiêu chuẩn và nghiên cứu trường hợp về việc tạo trang web thương mại điện tử
kinh doanh sản phẩm điện tử để phân tích các yếu tố thành công và các thức
thức và cơ hội trong lĩnh vực thương mại điện tử.
- Từ đó, mục tiêu của đề tài là giúp các doanh nghiệp hiểu rõ hơn về tầm quan
trọng của việc tạo ra trang web thương mại điện tử, nắm bắt các yếu tố quan
trọng và quy trình phát triển, từ đó giúp các doanh nghiệp xây dựng ra một
trang web thương mại điện tử chuyên nghiệp và hiệu quả trong kinh doanh sản
phẩm điện tử.
1.3 PHẠM VI CỦA ĐỀ TÀI
Phạm vi của đề tài là xây dưng website thương mại điện tử
1.4 Ý NGHĨA THỰC TIỄN CỦA ĐỀ TÀI
Ý nghĩa về mặt học thuật:
- Đề tài này mang lại ý nghĩa quan thực tiễn kinh doanh, ngoài ra còn cung cấp
các kiến thức trọng trong việc nghiên cứu và áp dụng các kiến thức về thiết kế
website bằng Wordpress và phát triển thương mại điện tử vào website.
- Việc nghiên cứu và thực hiện một website thương mại điện tử bán Laptop và
linh kiện máy tính.
- trên nền tảng WordPress giúp cho Nhóm hiểu rõ hơn về quy trình phát triển một
trang web thương mại điện tử, từ việc lên ý tưởng, thiết kế, triển khai và vận
hành trang web.
Ý nghĩa về bản thân:
- Đồ án giúp Nhóm có cơ hội nâng cao kiến thức về lĩnh vực thương mại điện tử,
cụ thể là việc thiết kế và phát triển website bán hàng trên nền tảng WordPress.
- Nhóm có thể rèn luyện kỹ năng tìm kiếm thông tin, phân tích và đánh giá các
giải pháp phát triển website, từ đó đưa ra những quyết định đúng đắn và mang
lại hiệu quả cao cho dự án.
- Ngoài ra, Nhóm có thể trau dồi kỹ năng làm việc độc lập, quản lý thời gian và
tận dụng kiến thức, kinh nghiệm thu được để phát triển bản thân và có thể ứng
dụng vào công việc trong tương lai.

10
1.5 PHƯƠNG PHÁP THỰC HIỆN
- Nghiên cứu và tìm hiểu: Bước đầu tiên là nghiên cứu và tìm hiểu về WordPress,
các công cụ và plugin hỗ trợ xây dựng trang web thương mại điện tử. Điều này
bao gồm việc đọc tài liệu, tham khảo các nguồn thông tin trực tuyến, tìm hiểu
về các chức năng và tính năng của WordPress liên quan đến thương mại điện
tử.
- Lập kế hoạch: Xác định mục tiêu và phạm vi của trang web thương mại điện tử.
Lập kế hoạch về cấu trúc trang web, giao diện người dùng, chức năng cần thiết
(như giỏ hàng, thanh toán, quản lý sản phẩm), quảng cáo và tiếp thị trực tuyến,
bảo mật và quản lý dữ liệu khách hàng.
- Lựa chọn và tùy chỉnh giao diện: Chọn một giao diện WordPress phù hợp với
loại sản phẩm điện tử và tùy chỉnh giao diện theo yêu cầu. Bảo đảm giao diện
hấp dẫn, thân thiện với người dùng và tương thích với các thiết bị di động.
- Quản lý nội dung: Tạo các trang và bài viết chứa thông tin về sản phẩm, chính
sách mua hàng, liên hệ và các thông tin khác liên quan đến doanh nghiệp. Sử
dụng các công cụ quản lý nội dung trong WordPress để dễ dàng cập nhật và
thay đổi nội dung.
- Thiết lập chức năng thương mại điện tử: Cài đặt và tùy chỉnh các plugin và
công cụ hỗ trợ thương mại điện tử trong WordPress. Bao gồm thiết lập giỏ
hàng, thanh toán trực tuyến, quản lý đơn hàng, quản lý sản phẩm, tạo mã giảm
giá và tích hợp các cổng thanh toán.
- Quảng cáo và tiếp thị trực tuyến: Xác định chiến lược quảng cáo và tiếp thị trực
tuyến để thu hút khách hàng đến với trang web. Sử dụng các công cụ tiếp thị
trực tuyến như SEO, quảng cáo trực tuyến, xã hội hóa và tiếp thị qua email để
nâng cao hiệu quả kinh doanh.
1.6 KẾT CẤU BÀI BÁO CÁO
- CHƯƠNG 1 TỔNG QUAN
- CHƯƠNG 2 CƠ SỞ LÝ THUYẾT
- CHƯƠNG 3 CÀI ĐẶT VÀ CẤU HÌNH WEBSITE
- CHƯƠNG 4 KẾT LUẬN
- TÀI LIỆU THAM KHẢO
1.7 PHÂN CÔNG CÔNG VIỆC

REVISION HISTORY
Version Author Description
1.0 Trang Tuấn Tạo Bìa,lời cảm ơn mục lục
Hưng Làm báo cáo phần1.6,1.7, 2.3.4,2.4.1,2.4.2

11
1.0 Nguyễn Phạm Từ 2.3 đến 2.3.3
Toàn Thắng
1.0 Làm báo cáo phần 1.1,1.2
Nguyễn Kiến
Quốc
1.0 Nguyễn Ngọc Làm báo cáo phần 1.3,1.4,1.5
Hòa

1.0 Nguyễn Làm báo cáo 2.1,2.2

Phương Nam

Phân công thực hiện công việc???

12
 CHƯƠNG 2 CƠ SỞ LÝ THUYẾT

2.1 KHÁI NIỆM THƯƠNG MẠI ĐIỆN TỬ

- Thương mại điện tử là hoạt động mua bán hàng hóa hoặc dịch vụ thông qua các
kênh trực tuyến trên Internet hoặc các mạng máy tính khác. Thương mại điện tử
có thể được thực hiện trên các trang web thương mại điện tử, các ứng dụng di
động, mạng xã hội hay qua các trang web trực tuyến của các nhà bán lẻ truyền
thống. Thương mại điện tử giúp cho việc mua bán hàng hóa và dịch vụ trở nên
nhanh chóng, thuận tiện, linh hoạt, từ đó tạo ra lợi ích cho cả người mua và
người bán.
2.2 CÁC TÍNH NĂNG CẦN CÓ CỦA MỘT WEBSITE THƯƠNG MẠI
ĐIỆN TỬ
- Tính năng tìm kiếm: cho phép người dùng tìm kiếm sản phẩm theo từ khóa
hoặc danh mục sản phẩm.
- Giỏ hàng: cho phép người dùng thêm sản phẩm vào giỏ hàng, xem lại toàn bộ
danh sách sản phẩm trong giỏ hàng trước khi thanh toán.
- Thanh toán trực tuyến: cung cấp phương thức thanh toán an toàn và đa dạng
như Visa, Mastercard, Paypal...
- Quản lý đơn hàng: cho phép khách hàng xem trạng thái đơn hàng và lịch sử đặt
hàng của mình.
- Quản lý sản phẩm:
- Quản lý Danh mục sản phẩm:
- Chia sẻ trên mạng xã hội: tích hợp các nút chia sẻ trên các mạng xã hội như
Facebook, Twitter, Instagram... để quảng bá sản phẩm.
- Tạo tài khoản: cho phép khách hàng tạo tài khoản để theo dõi các đơn hàng
trong tương lai, cũng như được cung cấp các thông tin khuyến mãi, ưu đãi đặc
biệt.
- Hỗ trợ khách hàng: cung cấp dịch vụ hỗ trợ khách hàng nhanh chóng, tin cậy và
thân thiện như chat trực tuyến, email, điện thoại...
- Đánh giá sản phẩm: cho phép khách hàng đánh giá sản phẩm, để tổng hợp ý
kiến khách hàng và cải thiện chất lượng sản phẩm.
- Cập nhật sản phẩm: cho phép cập nhật thông tin sản phẩm, giá cả, ưu đãi đặc
biệt từ các nhà sản xuất hoặc nhà cung cấp.
- Responsive design: trang web cần được thiết kế responsive để đảm bảo khả
năng truy cập trên mọi thiết bị, giúp tăng trải nghiệm của người dùng và nâng
cao độ tin cậy của trang web.

13
2.3 GIỚI THIỆU VỀ WORDPRESS
2.3.1 Giới thiệu Wordpress
- WordPress là một hệ thống quản lý nội dung (CMS) miễn phí và mã nguồn mở
được sử dụng rộng rãi trên toàn thế giới để tạo và quản lý các trang web, blog và
cửa hàng trực tuyến.
- WordPress cung cấp một giao diện đơn giản và dễ sử dụng, cho phép người dùng
tạo và chỉnh sửa nội dung trang web của mình một cách dễ dàng. Hệ thống này
cũng hỗ trợ việc tùy chỉnh giao diện bằng cách sử dụng các chủ đề và plugin,
giúp người dùng tạo ra các trang web có giao diện đẹp và chức năng mạnh mẽ.
- WordPress được xây dựng trên ngôn ngữ lập trình PHP và sử dụng cơ sở dữ liệu
MySQL để lưu trữ nội dung. Nó được phát triển bởi một cộng đồng lớn các nhà
phát triển và người dùng trên toàn thế giới, và được cập nhật liên tục để cải thiện
hiệu suất và tính năng.
- WordPress có thể được sử dụng để tạo các trang web cá nhân, trang web tin tức,
trang web doanh nghiệp, trang web bán hàng trực tuyến, và nhiều loại trang web
khác nữa. Nó là một trong những nền tảng CMS phổ biến nhất trên thế giới và
được sử dụng bởi hàng triệu người dùng.

Hình 1 Wordpress

2.3.2 Các tính năng

1. Giao diện quản trị (tính năng quản trị): WordPress cung cấp một giao
diện quản trị đơn giản và dễ sử dụng để người dùng có thể quản lý nội dung
của trang web một cách hiệu quả.
2. Tùy chỉnh giao diện: WordPress cung cấp các chủ đề miễn phí và trả phí để
người dùng có thể tùy chỉnh giao diện trang web của mình một cách dễ
dàng.

14
3. Plugin: WordPress cung cấp một kho lưu trữ plugin phong phú để người
dùng có thể tùy chỉnh chức năng của trang web của mình.
4. Hỗ trợ đa ngôn ngữ: WordPress có thể được sử dụng để tạo các trang web
đa ngôn ngữ.
5. Tối ưu hóa SEO: WordPress có các tính năng tích hợp SEO để giúp người
dùng tối ưu hóa trang web của mình cho công cụ tìm kiếm.
6. Quản lý bình luận: WordPress cung cấp một hệ thống quản lý bình luận để
người dùng có thể quản lý các bình luận trên trang web của mình.
7. Hỗ trợ đa phương tiện: WordPress có thể được sử dụng để tạo các trang
web đa phương tiện như trang web video, trang web âm nhạc, và trang web
ảnh.
8. An toàn và bảo mật: WordPress cung cấp các tính năng bảo mật để đảm
bảo rằng trang web của bạn được bảo vệ trước các cuộc tấn công từ hacker.

15
 2.3.3 Ưu và nhược điểm của wordpress

Ưu và nhược điểm của Wordpress

Ưu điểm
- Dễ sử dụng: WordPress có giao diện
đơn giản và dễ sử dụng, cho phép
người dùng tạo và quản lý trang web
của mình một cách dễ dàng.
- Cộng đồng lớn: WordPress có cộng
đồng lớn các nhà phát triển và người
dùng trên toàn thế giới, cung cấp nhiều
tài nguyên, hỗ trợ và giúp đỡ cho
người dùng.
- Tùy chỉnh cao: WordPress cung cấp
các chủ đề và plugin để người dùng có
thể tùy chỉnh giao diện và chức năng
của trang web của mình một cách dễ
dàng.
- Hỗ trợ SEO: WordPress cung cấp các
tính năng tích hợp SEO để giúp người
dùng tối ưu hóa trang web của mình
cho công cụ tìm kiếm.
- Bảo mật: WordPress cung cấp các
tính năng bảo mật để đảm bảo rằng
trang web của bạn được bảo vệ trước
các cuộc tấn công từ hacker.
- Đa dạng tính năng: WordPress có thể
được sử dụng để tạo các loại trang
web khác nhau như blog, trang web tin
tức, trang web doanh nghiệp, trang
web bán hàng trực tuyến và nhiều hơn
nữa.
Bảng 1 Ưu và nhược điểm Wordpress
Nhược điểm
- Tốc độ trang web: Một số chủ đề và
plugin không tối ưu hóa tốt, dẫn đến
tốc độ trang web chậm hơn.
- Bảo mật: Mặc dù WordPress cung cấp
các tính năng bảo mật, nhưng nếu
người dùng không cập nhật phiên bản
WordPress, chủ đề hoặc plugin, trang
web có thể trở nên dễ bị tấn công.
- Quản lý plugin: Sử dụng quá nhiều
plugin có thể làm tăng độ phức tạp và
chi phí của trang web, và cũng có thể
tạo ra các lỗ hổng bảo mật.
- Phụ thuộc vào bên thứ ba: Một số
tính năng của WordPress phụ thuộc
vào các plugin và chủ đề được phát
triển bởi bên thứ ba, do đó, người dùng
phải đảm bảo tính tương thích và an
toàn trước khi sử dụng chúng.
- Tối ưu hóa cho SEO cơ bản: Mặc dù
WordPress cung cấp các tính năng tích
hợp SEO, nhưng để tối ưu hóa trang

2.3.4 Lý do chọn wordpress để thực hiện đồ án

Hoàn toàn miễn phí và dễ dàng học:WordPress là một mã nguồn mở hoàn toàn miễn
phí vì vậy bạn có thể tải về cài đặt và có thể tùy biến các thao tác. Một điều tuyệt vời
nữa mà làm cho WordPress trở nên kì diệu là WordPress cực kỳ dễ sử dụng và việc
học cách sử dụng cũng không có gì là khó khăn, chỉ cần bỏ chút thời gian tham khảo

16
các nguồn hướng dẫn sử dụng WordPress là bạn có thể sử dụng các thao tác cơ bản để
tạo ra 1 trang web cho riêng mình.
Dễ sử dụng: WordPress được thiết kế với giao diện người dùng thân thiện và dễ sử
dụng. Bạn không cần có kiến thức lập trình phức tạp để tạo và quản lý một trang web
WordPress. Các tính năng và công cụ quản lý nội dung của WordPress giúp bạn tạo và
chỉnh sửa nội dung dễ dàng.
Cộng đồng hỗ trợ đông đảo:Do những hữu ích mà WordPress mang lại nên không khó
hiểu khi số lượng người sử dụng ngày càng tăng kéo theo đó rất nhiều diễn đàn
WordPress trong nước hay trên thế giới ra đời, nếu bạn gặp lỗi hay thắc mắc gì trong
quá trình thiết kế trang web thì đừng ngại tham gia vài diễn đàn và đặt câu hỏi, chắc
chắn sẽ nhận được những giải đáp nhanh và hiệu quả nhất.
Dễ dàng SEO: Khi up trang web của mình lên hosting cũng đều muốn trang website
của mình được nằm trong top của bộ máy tìm kiếm của google, để làm được điều này
đòi hỏi bạn phải có 1 chút kiến thức về HTML và bố cục trang web sao cho hợp lý.
Nhưng với WordPress thì điều đó không còn là khó khăn gì nữa vì những thuật toán
của các lập trình viên nhằm tối ưu việc thân thiện với bộ máy tìm kiếm. thêm vào đó là
plugin SEO mà WordPress đã cung cấp để hỗ trợ website dễ dàng lên top trong bộ
máy tìm kiếm.
Bảo mật: WordPress liên tục cập nhật phiên bản mới để bảo mật và khắc phục các lỗ
hổng. Ngoài ra, có nhiều plugin bảo mật hỗ trợ để bảo vệ trang web khỏi các cuộc tấn
công và thực hiện sao lưu dữ liệu định kỳ
Mở rộng linh hoạt: WordPress cho phép bạn mở rộng và phát triển trang web theo nhu
cầu của.Có thể thêm chức năng mới, tích hợp dịch vụ bên thứ ba và mở rộng khả năng
của trang web thông qua việc tùy chỉnh mã nguồn hoặc sử dụng plugin.

2.4 LỰA CHỌN MÔ HÌNH TMĐT CHO ĐỒ ÁN

2.4.1 Tại sao chọn Business-to-Consumer (B2C) ?
- Vì với mô hình B2C website sẽ trực tiếp kết nối với khách hàng, cho phép họ
tìm kiếm sản phẩm, chọn mua và thanh toán trực tuyến. Điều này giúp đơn giản
hóa quá trình mua sắm cho khách hàng và tăng tính tiện lợi, đồng thời tăng
doanh số bán hàng.

17
 2.4.2 Lợi ích của Business-to-Consumer
- Tiếp cận trực tiếp với khách hàng: B2C cho phép doanh nghiệp tiếp cận trực tiếp
với khách hàng cuối, mở ra cơ hội tạo mối quan hệ gần gũi và tăng cường tương
tác với khách hàng. Điều này giúp doanh nghiệp hiểu rõ nhu cầu và mong muốn
của khách hàng, từ đó cung cấp các sản phẩm/dịch vụ phù hợp và tối ưu hóa trải
nghiệm mua hàng.
- Có thể theo dõi và quản lý thông tin khách hàng, lịch sử mua hàng, sở thích và
phản hồi. Quản lý quan hệ khách hàng (CRM): B2C cho phép doanh nghiệp xây
dựng hệ thống quản lý quan hệ khách hàng (CRM) mạnh mẽ. Điều này giúp tạo
ra các chiến lược tiếp thị và dịch vụ tốt hơn, đáp ứng được nhu cầu cá nhân của
từng khách hàng và tạo lòng trung thành
- Tiềm năng thị trường lớn: B2C mở ra tiềm năng thị trường lớn với hàng tỷ người
tiêu dùng trên toàn cầu. Điều này tạo ra cơ hội mở rộng doanh thu và tăng
trưởng cho doanh nghiệp. Doanh nghiệp có thể tiếp cận và bán hàng cho khách
hàng ở xa thông qua mạng internet và các kênh bán hàng trực tuyến.
- Tiếp cận thông tin thị trường: B2C cung cấp cho doanh nghiệp một lượng lớn
thông tin về thị trường và khách hàng. Qua việc theo dõi hành vi mua hàng, phản
hồi khách hàng, và các dữ liệu liên quan, doanh nghiệp có thể nắm bắt các xu
hướng thị trường, hiểu sâu hơn về đối tượng khách hàng và điều chỉnh chiến
lược kinh doanh một cách linh hoạt.
- Tính linh hoạt và tốc độ: B2C cho phép doanh nghiệp tùy chỉnh và thay đổi sản
phẩm, giá cả, quảng cáo và chiến lược tiếp thị nhanh chóng dựa trên phản hồi và
phản ứng từ khách hàng. Điều này giúp
2.4.3

18
 CHƯƠNG 3 CÀI ĐẶT VÀ CẤU HÌNH WEBSITE

3.1 CÀI ĐẶT VÀ CẤU HÌNH WORDPRESS

3.1.1 Chuẩn bị
- Domain (Vicstore.pro)
- Hosting (Hosting được sử dụng của hostinger.vn)
Lưu ý: Là phải kết nối domain về Hosting trước
3.1.2 Các bước cài đặt Wordpress trên Hosting
- Bước 1 : Tải Wordpress về

Hình 2 Tải Wordpress

 Tải wordpress phiên bản mới nhất : https://wordpress.org/download/

- Bước 2 : Upload Wordpress lên File Manager của Hosting
- Tải toàn bộ file WordPress đó lên thư mục public_html bằng File
Manager hoặc bằng FTP client như FileZilla:

Hình 3 import File Worspress lên Hosting

19
 Bước 3: Tạo Database
- Tạo MySQL database và user cho WordPress trong trang quản trị
Hosting:

Hình 4 Tạo database

3.1.3 Cấu hình Wordpress

- Chọn ngôn ngữ và nhấn Continue.

Hình 5 Chọn ngôn ngữ

- WordPress sẽ yêu cầu thông tin MySQL. Bạn đã có ở trên, nên hãy nhấn nút
Let’s go!.

20
 Hình 6 Cấu hình Wordpress

- Trên màn hình tiếp theo, hãy điền các thông tin bạn đã thu thập ở trên, tại Khu
vực thành viên của Hostinger -> MySQL Databases. Nhấn Submit khi hoàn tất.

Hình 7 Tạo database

- WordPress sẽ kiểm tra kết nối tới MySQL database, nếu không có lỗi hiện ra thì
sẽ có thể nhấn nút Run the install.

21
 Hình 8 Chạy Wordpress

- Tại bước này điền thông tin của website chính và thông tin administrator và
nhấn Install WordPress:

Hình 9 Tạo User Wordpress

 Site Title – Tiêu đề website.

 Username – Administrator username.
 Password – Administrator password.
 Your Email – Administrator email address.
- Search Engine Visibility Nếu chọn dấu này, WordPress sẽ ngăn chặn các trang
tìm kiếm quét website.
- Kết quả hiển thị Thành công. Click vào “Log in”
- Đăng nhập quyền quản trị với username và password đã tạo trước đó.

22
 Hình 10 Cấu hình hoàn tất

3.2 THIẾT KẾ GIAO DIỆN CHO WEBSITE THƯƠNG MẠI ĐIỆN TỬ

3.2.1 Giao diện (Theme) Flatsome
- Có thể nói, Flatsome chính là Theme được đánh giá là hoàn hảo nhất hiện nay
vì nó có thể làm được rất nhiều loại Website, đa dạng các lĩnh vực ngành nghề
như: bán hàng, spa, tin tức và thậm chí là Landing Page.
- Hiểu đơn giản thì Flatsome cũng là một dạng Theme WordPress như bao
Theme khác, nhưng điểm khác biệt duy nhất ở đây đó chính là quá trình xây
dựng Website quá tuyệt vời khiến cho việc dựng giao diện của một trang Web
trở nên đơn giản hơn so với việc viết code và Fix Responsive,…
- Bên cạnh đó, Flatsome còn đáp ứng được 3 tiêu chí quan trọng hàng đầu cho
một trang Web đó chính là: NHANH – NHẸ – CHUẨN SEO.

Hình 11 Theme Flatsome

3.2.2 Lý do nên sử dụng Theme Flatsome cho đồ án
- Theme Flatsome giúp thỏa sức sáng tạo của website mà không bị gò bó bởi
code một cách dễ dàng và nhanh chóng cũng như đem lại hiệu quả cao.
- Thiết kế bắt mắt, sử dụng dễ dàng và đơn giản tùy chỉnh với ngay cả những
người không biết gì về code mã hay lập trình.

23
 - Tốc dộ tải trang được tối ưu hóa bởi Flatsome rất rõ ràng, minh bạch
- Theme này được thiết kế chuẩn SEO để khách hàng dễ dàng tím kiếm website
những công cụ tìm kiếm, giúp website tạo ấn tượng với Google và tiếp cận
nhanh hơn những khách hàng tiềm năng.
- Theme này luôn được cập nhật thường xuyên để đem đến người dùng những
chức năng ưu việt và tuyệt vời hơn.
3.2.3 UX Builder
- UX Builder là một công cụ có tích hợp sẵn trong Theme Flatsome, là bộ công
cụ để tuỳ biến giao diện website chỉ bằng thao tác kéo và thả.Chỉ cần kéo thả
để sắp xếp thứ tự, hiển thị của trang web mà không cần phải code một dòng
code phước tạp.
- UX Builder có nhiều widget đa dạng như Các nút CTA, tiêu đề, video, hình
ảnh, thanh trượt, bộ đếm, các nhóm,…
- Thanh trượt và hệ thống xây dựng banner cũng được tích hợp trong UX-
Builder hoạt động đẹp mắt và có thể kết hợp các thanh trượt với nhau

-
Hình 12 UX Builder

3.2.4 Layout Giao diện Header

- Với Flatsome theme việc thiết kế giao diện trang web trở nên dễ dàng với việc
kéo thả và Header trang chủ được chia làm 3 phần khác nhau theo hàng
ngang:

24
 Hình 13 Layout trang web

-Dòng trên cùng là Topbar là nơi có thể được hiển thị cho khách truy cập như
một thông tin. Mục đích của thanh trên cùng là cung cấp thông điệp phù hợp vào
đúng thời điểm, trong trường hợp thanh trên cùng có thể chuyển hướng khách
truy cập đến một chương trình giảm giá đang diễn ra hoặc sản phẩm mới ra mắt
hoặc là dùng để các icon mạng xã hội để khách hàng liên hệ với cửa hàng.
- Phần giữa là Main Header là một thành phần quan trọng của một trang web vì
nó là thứ đầu tiên mà khách truy cập sẽ nhìn thấy trước khi cuộn qua trang web.
Nơi này có có phần logo là vị trí mặc định và phần thanh tìm kiếm, tài khoản và
giỏ hàng.
- Phần giữa là Bottom Header là một thành phần cũng quan trọng của một trang
web vì nó cung cấp những thông tin cốt lõi nhất về website để khách hàng tiếp
cận và nắm bắt thông tin nhanh nhất.Tại đây có phần danh mục sản phẩm ,Menu
chính và thông tin email, hotline được viết dưới dạng html.
- Thanh cuối cùng là Not is use là thanh mà gồm những phần không xài đến
chúng sẽ được đặt bên dưới và sẽ không xuất hiện ở trang chủ
3.2.5 Giao diện Trang chủ
- Dưới phần Header trang chủ là 1 Banner lớn ở giữa và 2 bên là 4 banner nhỏ
ở bên giữa ,Banner giữa được chỉnh slide trình chiếu với 3 banner khác luân
phiên nhau trong 5s/1 banner.
- Mỗi banner điều có thể click vào và dẫn đến trong khuyến mãi hoặc là bài viết
của cửa hàng.

25
 Hình 14 Banner trang chủ

- Bên dưới Banner sẽ là phần sản phẩm của danh mục “sản phẩm nổi bật” và tất
cả các “Danh mục sản phẩm” và số lượng sản phẩm hiện đang có của mỗi
danh mục sản phẩm
- Hàng dưới Danh mục sản phẩm được chia ra làm đôi để chứa hai dnah mục
đó là hai danh mục “Khuyến Mãi” và “Laptop Hot”.
- Cuối cùng bên dưới là 2 banner Laptop lớn sản phẩm mà khách hàng có thể
click vào và sẽ chuyển đến trang sản phẩm của banner đó.Trang tin tức để
khách hàng có thể hiểu hơn sản phẩm và thông tin khuyến mãi của từng sản
phẩm

Hình 15 Danh mục sản phẩm nổi bật

26
 Hình 16 Danh mục sản phẩm và khuyến mãi

Hình 17 Banner và trang tin tức

3.2.6 Giao diện Footer

- Phần Footer là giới thiệu sơ bộ về thông tin trang web và thông tin của
cửa hàng như facebook,email, số điện thoại, địa chỉ của cửa hàng,ngoài
ra còn có các trang chính sách của cửa hàng và fanpage Facbbok để
khách hàng có thể liên hệ.

27
 Hình 18 Footer trang web

3.2.7 Giao diện trang giới thiệu

Hình 19 Trang giới thiệu

28
3.2.8 Giao diện trang của hàng

Hình 20 Trang sản phẩm

3.2.9 Giao diện trang liên hệ

Hình 21 Trang liên hệ

29
 3.2.10 Giao diện trang tin tức

Hình 22 Giao diện trang tin tức

3.3 CÀI ĐẶT VÀ TÍCH HỢP CÁC PLUGIN HỖ TRỢ

3.3.1 Plugin Woocomerce
- WooCommerce là một plugin mã nguồn mở trên WordPress hỗ trợ thiết kế
website thương mại điện tử hay web bán hàng. Tác vụ của nó là biến
website trở thành một trang thương mại điện tử nhanh chóng, hiệu quả.
WooCommerce có toàn bộ các chức năng mà một web bán hàng cần có như:
giỏ đơn hàng, số lượng hàng hóa, thanh toán, khuyến mãi, đăng ký khách
hàng,…

Hình 23 Woocommerce

- Lý do dùng Woocomerce cho Website

 Hoàn toàn miễn phí.

30
  Cách thức cài đặt và sử dụng tương đối đơn giản, dễ dàng. Không cần
phải là kỹ thuật viên chuyên nghiệp cũng có thể thực hiện được.
 Cung cấp thư viện template WordPress đa dạng, giúp quá trình xây dựng
trang chủ shop online nhanh chóng chỉ với vài thao tác.
 Thường xuyên được cập nhật tính năng mới và được hỗ trợ bởi chính các
nhà phát triển WordPress.
- Tính bảo mật cao, giúp bảo vệ dữ liệu, thông tin giao dịch an toàn, ngăn
chặn mọi sự xâm nhập bất hợp phát của bên thứ ba.
- WooCommerce cho phép người dùng cấu hình với một số lượng rất lớn các
tính năng hoặc extensions được tích hợp.
3.3.2 DevVN Woocommerce Review
- DevVN Woocommerce Reviews giúp Thay đổi giao diện phần đánh giá và
thêm mục thảo luận cho Woocommerce. Cài đặt đơn giản giao diện đẹp mắt.
- Plugin sử dụng dữ liệu của Woocommerce vì vậy đánh giá có schema như
bình thường. Không ảnh hưởng tới các thông số schema. Google đọc cả nội
dung đánh giá.Tạo sự thu hút cho người dùng.
- Lý do dùng Plugin DevVN Woommerce Review
 Thay đổi giao diện đánh giá thân thiện hơn
 Cho phép khách hàng thêm ảnh khi đánh giá
 Thống kê lượt đánh giá đẹp mắt
 Thêm phần bình luận hỏi đáp
 Thêm hình ảnh cho phần đánh giá
- Để cài được plugin có chút khó khăn
 Đây là plugin không có trong cửa hàng Wordpress
 Đây là 1 plugin phải trả phí để sử dụng
3.3.3 Contact form 7
- Contact Form 7 là một trong những công cụ cho phép người dùng xây dựng
khung liên hệ trên website phổ biến nhất và lâu đời nhất cho mã nguồn
WordPress.

Hình 24 Contact Form 7

- Lý do dùng Plugin Contact Form 7

 Thiết kế form liên hệ dễ dàng
 Có thể thể cấu hình email
 Có thể cài đặt thông báo và chú ý
 Quản lý nhiều form gửi mail

31
3.3.4 Yoast SEO
- Yoast SEO là một trong plugin WordPress quan trọng và phổ biến nhất hiện
nay giúp tối ưu công việc SEO cho website. Được xây dựng và phát triển
bởi Team Yoast từ năm 2010 đến nay, SEO by Yoast gần như là một trong
những plugin cơ bản nhất góp mặt trong hầu hết tất cả các website
wordpress hiện nay.

Hình 25 Yoast SEO

- Lý do sử dụng Yoast SEO

 Tối ưu hóa từ khóa từ khóa và từ liên quan, đồng nghĩa.
 Tối ưu SEO OnPage trên từng trang con.
 Chia sẻ trên mạng xã hội như google, facebook…
 Kiểm tra thông tin của sitemap.xml là gì, file robots.txt, .htaccess, liên
kết cố định.
 Tránh trùng nội dung bằng cách cấu hình URL chuẩn.
3.3.5 Advanced Custom fields
- Advanced Custom fields là plugin có thể tạo ra trường tùy chỉnh nâng cao
để kiểm soát hoàn toàn màn hình chỉnh sửa WordPress và dữ liệu trường tùy
chỉnh của bạn.

Hình 26 Advanced Custom Fields

- Lý do sử dụng Advanced Custom Fileds

32
  Fields type đa dạng
 Tạo ra trường có thể tủy chỉnh trong mỗi sản phẩm khác nhau mà không
cần tạo nhiều table
 Có thể thêm chúng ở bất kì đâu
 Có thể tùy chỉnh bằng code dễ dàng.
3.3.6 UpdraftPlus
- Updraft Plus là công cụ sao lưu hàng đầu dành cho WordPress hiện nay.
Giúp website của bạn giảm thiểu tối đa thiệt hại bởi các cuộc tấn công, lỗi
server, lỗi phiên bản cập nhật. Sản phẩm có hàng loạt tính năng nổi bật như
lên thời khóa biểu backup, đã được kiểm nghiệm trên nhiều trường hợp và
nền tảng khác nhau.

Hình 27 UpdraftPlus

- Lý do sử dụng Updraft Plus

 Sao lưu trang web và restore dễ dàng
 Kiểm soát sao lưu từ một nơi
 Dễ sữ dụng
 Hỗ trợ nhiều phương tiện lưu trữ khác nhau

3.4 XÂY DỰNG CÁC TÍNH NĂNG CẦN THIẾT

3.4.1 Tính năng Đăng nhập, Đăng kí

Hình 28 Giao diện đăng nhập và đăng kí

33
- Tại phần header có phần đăng nhập nhấn vào sẽ dẫn khách hàng vào giao
diện đăng nhập,đăng kí
- Khi đăng kí thì sẽ có những yêu cầu về Email và mật khoản nếu sai định
dạng sẽ báo lỗi và không đăng kí.

Hình 29 lỗi Mật khẩu không hợp lệ

Hình 30 lỗi Email không hợp lệ

34
 Hình 31 Giao diện quản lý tài khoản của khách hàng

3.4.2 Tính năng Danh mục sản phẩm

- Trang web bán laptop phải có một danh mục rõ ràng về sản phẩm, với thông
tin chi tiết và hình ảnh hoàn chỉnh cho từng sản phẩm.
- Tại danh mục sản phẩm có tổng cộng 11 danh mục chính trong có có một số
danh mục con trong các danh mục chính

Hình 32 Danh mục hình ảnh cha

35
 Hình 33 Danh mục hình ảnh con

3.4.3 Tính năng tìm kiếm sản phẩm

- Đối với những khách hàng chỉ tìm kiếm một mẫu sản phẩm cụ thể, tính năng
tìm kiếm sẽ giúp khách hàng dễ dàng tìm thấy sản phẩm mình muốn.
- Tại thanh tìm kiếm trên Header ta có thể nhập một từ khóa sản phẩm bất kì
và sẽ xuất ra thông tin dựa trên từ khóa khách hàng tìm kiếm.

Hình 34 Search bar

36
 Hình 35 kết quả tiềm kiếm sản phẩm

3.4.4 Tính năng giỏ hàng,đặt hàng

- Có 2 cách để thêm sản phẩm vào giỏ hàng:
 Tại trang cửa hàng có thể bấm vào nút “Thêm vào giỏ hàng”

Hình 36 Tính năng thêm giỏ hàng tại tarng cửa hàng

 Vào trang chi tiết sản phẩm và thêm vào giỏ hảng

37
 Hình 37 Giao diện chi tiết sản phẩm

- Trong giao diện giỏ hàng chúng ta có thể xem tất cả sản phẩm đã thêm vào
giỏ hàng và áp dụng mã giảm giá cho sản phẩm và tiến hành thanh toán.

Hình 38 Giao diện giỏ hàng

- Tại trang tiến hành thanh toán các trường thông tin là bắt buộc phải điền vào
- Trong trường hợp khách hàng muốn tạo tài khoản thì tick vô ô tạo tài khoản
sẽ tăng thêm 1 trường mật khẩu để khách hàng tạo tài khoản
- Khách hàng có thể cho một trong các hình thức thanh toán bên cạnh để tiến
hành thanh toán
- Sau khi tiến hành thanh toán sẽ được 1 bảng báo giá bên dưới và quản trị
viên sẽ quản lý đơn hàng và thông báo lại tình trạng đơn hàng với khách
hàng qua Email.

38
 Hình 39 Giao diện đặt hàng thành công

3.4.5 Tính năng đánh xem thông số kĩ thuật laptop
- Để phục vụ cho khách hàng chọn mua sản phẩm nếu trang web cung cấp
đầy đủ thông tin, bao gồm thông số kỹ thuật, tình trạng sản phẩm, giá thành,
đặc điểm của sản phẩm.VICStore có xây dựng bảng thông số kĩ thuật cho
laptop nhờ vào Advanced Custom fields
- Vị trí chúng được nằm ở Rightbar để không làm ảnh hưởng đến mô tả sản
phẩm.

Hình 40 Bảng thông số kĩ thuật

39
3.4.6 Tính năng đánh giá sản phẩm
- Chức năng đánh giá sản phẩm được sử dụng bởi plugin DevVN
Woocommerce Reviews giúp cho phần đánh giá sản phẩm có giao diện thân
thiện hơn.
- Ngoài phần đánh giá số sao khách hàng có thể đăng hình ảnh sản phẩm lên
phần đánh giá.
- Với DevVN Woocommerce Reviews giúp quản trị viên cũng có thể quản lý
được đánh giá do tất cả đánh giá điều phải được quản trị viên kiểm duyệt.

Hình 41 Giao diện bình luận sản phẩm

Hình 42 Đánh giá sản phẩm

40
 3.4.7 Tính năng liên hệ chăm sóc khách hàng
- Ngoài Footer có thông tin liên hệ của website thì tại góc phải website lúc
nào cũng có 1 hàng icon mạng xã hội để khách hàng có thể liên hệ với quản
trị viên với nhiều mạng xã hội liên hệ khác nhau như Fanpage cửa
hàng,Messeger,Zalo của quản trị viên. Đồng thời còn có Google map có gắn
địa chỉ của cửa hàng.
- Tất cả icon được lập trình bằng HTML tại mục Footer Scripts.

Hình 43 Giao diện icon liên hệ

3.5 TỐI ƯU HÓA WEBSITE THƯƠNG MẠI ĐIỆN TỬ

(chỉ ghi lại là nhóm đã thực hiện gì để tối ưu hóa website

– ghi ngắn gọn)
3.5.1 Tối ưu tốc độ tải trang
- Tốc độ tải trang ảnh hưởng rất lớn đến trải nghiệm người dùng và SEO. Để
tối ưu hóa tốc độ tải trang, có thể sử dụng các công cụ như Google
PageSpeed Insights để xác định các yếu tố cần cải thiện như ảnh chưa được
nén, tải các tài nguyên chậm...

41
 Hình 44 kết quả kiểm tar tốc độ của website

3.5.2 Tối ưu trải nghiệm người dùng

- Để tới ưu hóa trải nghiệm người dùng thì cần phải có giao diện thân thiện
với người dùng được thiết kế dễ sử dụng, tương tác và hiển thị tốt trên các
thiết bị khác nhau. Việc sử dụng các giao diện đơn giản, trực quan sẽ giúp
người dùng có trải nghiệm tốt hơn khi truy cập vào website.
3.5.3 Tối ưu SEO
- SEO ảnh hưởng rất lớn đến thứ hạng của website trên công cụ tìm kiếm. Để
tối ưu hóa SEO có thể sử dụng các công cụ như Yoast SEO và dùng
SEOQuake để xác định các yếu tố cần cải thiện như ảnh chưa được nén, tải
các tài nguyên chậm...
3.5.4 Tối ưu Reponsive
- Để tối ưu hóa website ngoài trải nghiệm người dùng trên máy tính còn phải
tối ưu trải nghiệm người dùng trên nhiều nên tảng khác như là điện thoại
- Với Theme Flatsome giúp ta có thể tối ưu trải nghiệm người dùng một cách
tốt nhất

42
Hình 45 Trang diện Trang chủ trên di động

43
Hình 46 Giao diện danh mục và thông tin cửa hàng trên di động

Hình 47 Footer trên di động

44
3.6 BẢO MẬT THÔNG TIN
- An toàn thông tin là ưu tiên hàng đầu trong thương mại điện tử. Việc áp
dụng các giao thức bảo mật SSL, tích hợp mã hóa dữ liệu (HTTPS), quản lý
thông tin khách hàng là những điều cần lưu ý để đảm bảo an toàn thông tin
cho khách hàng.
- Website VIC sử dụng HTTPS để đảm bảo an toàn thông tin cho khách hàng.

Hình 48 Trang web đang được bảo mật

45
 CHƯƠNG 4 KẾT LUẬN

4.1 KẾT QUẢ ĐẠT ĐƯỢC

- Trong quá trình thực hiện đồ chúng em đã tự thiết kế website thương mại điện
tử bằng Wordpress
- Chúng em được tìm hiểu hơn về cách vận hành của Wordpress
- Chúng em được hiểu hơn tối ưu hóa website,SEO
- Được tìm hiểu và biết hơn Hosting,Domain…
- Chúng đã học được những kiến thức ấy giúp ích cho em khá nhiều trong việc
thiết kế một website thương mại điện tử chuẩn SEO.
- Chúng em rất trân trọng những kiến thức học được trong quá trình làm đồ án.
4.2 THIẾU SÓT VÀ HẠN CHẾ
- Việc thiết kế chức năng website nên đôi lúc sẽ có một số sai sót.
- Một số thiết kế giao diện vẫn chưa hợp lý và phù hợp
- Vẫn còn một số sai sót trong việc tối ưu hóa SEO cho website
- Thiếu tính linh hoạt khi thiết kế trang web, không thể thay đổi hoặc mở rộng dễ
dàng.
- Thiếu tính đồng nhất về màu sắc, font chữ, hình ảnh
4.3 HƯỚNG PHÁT TRIỂN
- Tối ưu hóa SEO tốt hơn
- Thiết kế giao diện, màu sắc hợp lý hơn
- Nâng cao trải nghiệm người dùng trên di động.

46
 TÀI LIỆU THAM KHẢO

[1.] Michael S. Jordan. (2002). Lean Transformation of the Widget Company.

[2.] Peter Hines, Ricardo Sim, Monica Bartolini. (2002). Lean Profit Potential.
[3.] PGS. TS Nguyễn Thị Cành. (2001). Thị trường lao động TP. Hồ Chí Minh trong
quá trình chuyển đổi kinh tế và kết quả điểu tra doanh nghiệp về yêu cầu lao
động, Nhà xuất bản thống kê.
[4.] Th.s Nguyễn Quỳnh Mai, Th.s Đường Võ Hùng. (2002). Ứng dụng kỹ thuật
Lean để nâng cao năng suất tại công ty Taekwang.
[5.] Vương Liêm. (2000). Doanh nghiệp vừa và nhỏ, 2 tập, Nhà xuất bản Giao thông
Vận tải.
[6.] Pradeep Fernandes. (2001). A Framework For A Strategy Driven Manufacturing
System Design In An Aerospace Environment – Design Beyond Factory Floor.
[7.] Rich Kurdziel, Scott Hanaka, Richard Kim. (2002). Suh’s axiomatic design.
[8.] Vicente A. Reynal and David S. Cochran. (2001). Understanding Lean
Manufacturing According to Axiomatic Design Principles.
[9.] Vicente A. Reynal. (2001). Production system design and its implementation in
the automotive and aircraft industry.
[10.] Yong-Suk Kim. (2001). A Decomposition-Based Approach for the Integration of
Product Development and Manufacturing System Design.
[11.] Todd Hawkins. (2002). Lean Manufacturing

47