SlideShare a Scribd company logo
1 of 67
beyeumart.com
ỦY BAN NHÂN DÂN THÀNH PHỐ HÀ NỘI
TRƯỜNG CAO ĐẲNG
THƯƠNG MẠI VÀ DU LỊCH HÀ NỘI
----------
BÀI THẢO LUẬN
Học phần: XÂY DỰNG WEBSITE TMĐT 1
Đề tài: Sử dụng WordPress xây dựng Website bán hàng
Giảng viên hướng dẫn: TS. Đặng Quốc Hữu
Lớp : KDXW121_4.3
Nhóm 1:
1.Tống Hải Đăng
2.Phùng Thuỳ Trang
3.Nguyễn Văn Khỏe
4.Phùng Hải Yến
5.Lê Thị Hồng
6.Cấn Quang Tùng
7.Nguyễn Hữu Nam
Hà Nội, 2023
beyeumart.com
Lời cảm ơn
“Trong một thời đại mà công nghệ ngày càng tiến bộ và Internet đã trở thành phần
không thể tách rời của cuộc sống hàng ngày. Việc có một trang web thương mại điện
tử chất lượng không chỉ là một lợi thế, mà còn là một yếu tố quyết định quan trọng đối
với sự thành công của mọi doanh nghiệp.
Website thương mại điện tử không chỉ là nơi mà doanh nghiệp có thể hiển thị sản
phẩm hoặc dịch vụ của mình, mà còn là cửa hàng trực tuyến mở cửa 24/7, giúp kết nối
với khách hàng mọi nơi trên thế giới. Nó không chỉ giúp tạo ra trải nghiệm mua sắm
thuận lợi cho người tiêu dùng, mà còn tăng tính cạnh tranh của doanh nghiệp, tăng
cường uy tín và xây dựng mối quan hệ khách hàng bền vững.
Xây dựng một trang web thương mại điện tử không chỉ đơn giản là việc hiển thị sản
phẩm và chờ đợi khách hàng đến, mà nó còn đòi hỏi kiến thức chuyên sâu về thiết kế,
trải nghiệm người dùng, quản trị dữ liệu, bảo mật và hơn thế nữa. Trong học phần
"Xây dựng website Thương mại điện tử 1", TS không chỉ đơn thuần truyền đạt kiến
thức lý thuyết, mà còn hướng dẫn chúng em qua quá trình thực hành, giúp chúng em
hiểu rõ về cấu trúc và hoạt động của một trang web thương mại điện tử.
Thành viên Nhóm 1 chúng em xin được gửi lời cảm ơn chân thành nhất đến thầy Đặng
Quốc Hữu vì sự tận tâm và kiên nhẫn trong việc chia sẻ kiến thức và kinh nghiệm của
mình. Chúng em sẽ luôn nhớ những bài học và hướng dẫn quý báu của thầy khi xây
dựng sự nghiệp trong lĩnh vực thương mại điện tử.
Trân trọng,
Nhóm 1. Lớp KDXW121_4.3
Khoa Kinh doanh Thương mại
Cao đẳng Thương mại và Du lịch Hà Nội”
beyeumart.com
Danh sách thành viên nhóm Và phân công công việc:
STT ĐỀ MỤC PHỤ TRÁCH MÃ SV ĐÁNH
GIÁ
1 I.Giới thiệu
2 1.1. Giới thiệu sản phẩm
3 1.1.1.Giới thiệu tổng quát về
Website nhóm phát triển
Cấn Quang Tùng
4 1.1.2.Địa chỉ Website
5 1.1.3.Các theme + Plugin sử
dụng
Phùng Thùy Trang
6 1.2. Công nghê, công cụ sử
dụng (Giới thiệu tóm tắt về
công nghệ Wordpress)
Phùng Hải Yến
7 II.Triển khai
8 2.1. Các chức năng chính của
Website
Nguyễn Văn Khỏe
9 2.2. Sơ đồ Website (Cấu trúc
dạng sơ đồ phân rã chức năng)
Lê Thị Hồng
10 2.3.Cài đặt theme, plugin (Giới
thiệu các bước cài đặt theme,
plugin, pages…)
Tống Hải Đăng
11 III. Các hình ảnh và tài liệu
tham khảo
12 3.1. Hình ảnh về sản phẩm của
nhóm
Nguyễn Hữu Nam
13 3.2. Tài liệu tham khảo (Danh
sách tài liệu tham khảo, địa chỉ
web đến nội dung tham khảo
khi làm website)
beyeumart.com
Danh sách hình ảnh:
STT Hình Trang Ghi chú
1 Hình 1. Logo Bé yêu Mart 1
2 Hình 2: Hiển thị danh sách sản phẩm theo ý
muốn của khách
14
3 Hình 3: Cho phép người dùng tìm kiếm sản
phẩm theo loại, giá cả, thương hiệu, kích thước,
và màu sắc
14
4 Hình 4: Chi tiết sản phẩm 15
5 Hình 5: Chi tiết sản phẩm 15
6 Hình 6: Giỏ hàng và thanh toán 15
7 Hình 7: Chức năng đánh giá và nhận xét 16
8 Hình 8: Chức năng theo dõi đơn hàng 16
9 Hình 9: Chức năng cung cấp thông tin và
hướng dẫn
17
10 Hình 10. Đăng ký và đăng nhập 17
11 Hình 11: Chức năng liên hệ và hỗ trợ 18
12 Hình 12: Chức năng chia sẻ xã hội 18
13 Hình 13: Hỗ trợ đa ngôn ngữ 19
14 Hình 14: Bảo mật thông tin 19
15 Hình 15: Tích hợp Google Analytics 19
16 Hình 16: Tạo và submit được sitemap.xml lên
Google Search Console
20
17 Hình 17: Trang chủ 22
18 Hình 18: Trang sản phẩm 23
19 Hình 19: Trang Blog 23
20 Hình 20: Trang chính sách 24
21 Hình 21: Trang thanh toán 24
22 Hình 22: Cài theme cho Website 25
23 Hình 23: Cài theme cho Website 25
beyeumart.com
24 Hình 24: Cài theme cho Website 25
25 Hình 25: Cài theme cho Website 26
26 Hình 26: Cài theme cho Website 26
27 Hình 27: Cài đặt Plugin 27
28 Hình 28: Cài đặt Plugin 27
29 Hình 29: Cấu hình Facebook live chat 28
30 Hình 30: Cấu hình Facebook live chat 28
31 Hình 31: Cấu hình Facebook live chat 28
32 Hình 32: Cấu hình Zalo live chat 29
33 Hình 33: Cấu hình Zalo live chat 29
34 Hình 34: Cấu hình Accelerated Mobile Pages 30
35 Hình 35: Cấu hình Advanced Editor Tools 30
36 Hình 36: Cấu hình Akismet Anti-Spam 31
37 Hình 37: Cấu hình Akismet Anti-Spam 31
38 Hình 38: Cấu hình Checkout Field Editor for
WooCommerce
31
39 Hình 39: Cấu hình Checkout Field Editor for
WooCommerce
32
40 Hình 40: Cấu hình Nextend Social login 32
41 Hình 41: Cấu hình Nextend Social login 33
42 Hình 42: Cấu hình Nextend Social login 33
43 Hình 43: Cấu hình Nextend Social login 33
44 Hình 44: Cấu hình Nextend Social login 34
45 Hình 45: Cấu hình Nextend Social login 34
46 Hình 46: Cấu hình Nextend Social login 35
47 Hình 47: Cấu hình Nextend Social login 35
48 Hình 48: Cấu hình Nextend Social login 36
49 Hình 49: Cấu hình Nextend Social login 36
50 Hình 50: Cấu hình Nextend Social login 36
51 Hình 51: Cấu hình sassy social share 37
beyeumart.com
52 Hình 52: Tùy chỉnh Header 37
53 Hình 53: Tùy chỉnh Header 38
54 Hình 54: Tùy chỉnh Footer 38
55 Hình 55: Tùy chỉnh Footer 38
56 Hình 56: Tùy chỉnh Footer 39
57 Hình 57: Tùy chỉnh Menu 39
58 Hình 58: Tùy chỉnh Menu 39
59 Hình 59 : Tùy chỉnh Trang chủ 40
60 Hình 60 : Tùy chỉnh Trang sản phẩm 40
61 Hình 61 : Tùy chỉnh Trang sản phẩm 41
62 Hình 62 : Tùy chỉnh Trang sản phẩm 41
63 Hình 63 : Tùy chỉnh Trang sản phẩm 42
64 Hình 64 : Tùy chỉnh Trang sản phẩm 42
65 Hình 65 : Tùy chỉnh Trang Blog 43
66 Hình 66 : Tùy chỉnh Trang Blog 43
67 Hình 67 : Tùy chỉnh trang chính sách 43
68 Hình 68 : Tùy chỉnh trang chính sách 44
69 Hình 69: Tùy chỉnh trang thanh toán 44
70 Hình 70: Tùy chỉnh trang thanh toán 45
71 Hình 71: Tùy chỉnh trang thanh toán 45
72 Hình 72: Tùy chỉnh trang thanh toán 46
73 Hình 73: Tùy chỉnh trang thanh toán 46
74 Hình 74: Tùy chỉnh trang thanh toán 47
75 Hình 75: Tùy chỉnh trang thanh toán 47
76 Hình 76: Tùy chỉnh trang thanh toán 48
77 Hình 77: Tùy chỉnh trang thanh toán 48
78 Hình 78: Tùy chỉnh trang liên hệ 48
79 Hình 79: Tùy chỉnh trang liên hệ 49
80 Hình 80: Tùy chỉnh trang liên hệ 50
beyeumart.com
81 Hình 81: Tùy chỉnh trang liên hệ 50
82 Hình 82: Tùy chỉnh trang liên hệ 51
83 Hình 83: Tùy chỉnh trang liên hệ 51
84 Hình 84 Tùy chỉnh trang liên hệ 52
85 Hình 85: Tùy chỉnh trang liên hệ 52
86 Hình 86: Tùy chỉnh trang liên hệ 53
87 Hình 87: Tùy chỉnh trang liên hệ 53
88 Hình 88: Tùy chỉnh trang liên hệ 53
89 Hình 89: Hình ảnh Trang chủ - Bé yêu Mart 54
90 Hình 90: Hình ảnh Trang chủ - Bé yêu Mart 55
91 Hình 91: Hình ảnh Trang chủ - Bé yêu Mart 56
92 Hình 92: Hình ảnh Trang sản phẩm - Bé yêu
Mart
56
93 Hình 93: Hình ảnh Trang Blog - Bé yêu Mart 56
94 Hình 94: Hình ảnh Trang chính sách - Bé yêu
Mart
57
95 Hình 95: Hình ảnh Trang thanh toán - Bé yêu
Mart
57
96 Hình 96: Hình ảnh Trang tài khoản - Bé yêu
Mart
57
beyeumart.com
Danh sách bảng:
STT Bảng Trang Ghi chú
1 Bảng 1. Danh mục sản phẩm - Bé yêu Mart 1
2 Bảng 2. Demo sản phẩm - Bé yêu Mart 2
3 Bảng 3: Mô hình kinh doanh - Bé yêu Mart 5
4 Bảng 4: Phân khúc thị trường – Bé yêu Mart 5
5 Bảng 5: Theme đã cài 7
6 Bảng 6: Plugin đã cài 11
Danh sách sơ đồ:
STT Sơ đồ Trang Ghi chú
1 Sơ đồ 1: Khách hàng mục tiêu – Bé yêu Mart 6
2 Sơ đồ 2: Sơ đồ Website – Bé yêu Mart 21
Danh sách từ viết tắt:
beyeumart.com
MỤC LỤC
I. GIỚI THIỆU...........................................................................................................1
1.1. Giới thiệu chung:..............................................................................................1
1.1.1. Giới thiệu tổng quát về Website nhóm phát triển: ......................................1
1.1.2. Địa chỉ Website: beyeumart.com ................................................................6
1.1.3. Các Theme và Plugin sử dụng: ...................................................................6
1.2. Công nghệ, công cụ sử dụng (Giới thiệu tóm tắt về Wordpress): .............11
1.2.1. Wordpress là gì? .......................................................................................11
1.2.2. Các công cụ liên quan đến công cụ Wordpress:.......................................11
1.2.3. Những ưu điểm nổi bật của Wordpress: ...................................................11
1.2.4. Một số nhược điểm của WP:.....................................................................12
1.2.5. Cấu trúc quảng trị của Wordprees: ..........................................................12
II. TRIỂN KHAI .......................................................................................................14
2.1. Các chức năng chính của Website:...............................................................14
2.2. Sơ đồ Website (Cấu trúc dạng sơ đồ phân rã chức năng): ........................20
2.3. Cài đặt Theme, Plugin (Giới thiệu các bước cài đặt Theme, Plugin,
Pages…):...................................................................................................................24
2.3.1. Cài theme cho website: .............................................................................25
2.3.2. Cài đặt các plugin:....................................................................................27
2.3.3. Xây dựng các trang của website:..............................................................37
III. CÁC HÌNH ẢNH VÀ TÀI LIỆU THAM KHẢO .........................................53
3.1. Hình ảnh về sản phẩm của nhóm:................................................................54
3.2. Tài liệu tham khảo (Danh sách tài liệu tham khảo, địa chỉ Website đến
nội dung tham khảo khi làm Website):................................................................58
beyeumart.com
1
I. GIỚI THIỆU
1.1. Giới thiệu chung:
1.1.1. Giới thiệu tổng quát về Website nhóm phát triển:
(Hình 1. Logo Bé yêu Mart)
- Tên thương hiệu: Bé yêu Mart
- Slogan: Bé an toàn – Mẹ an tâm
- Ngày ra đời: Vào ngày 14/8/2023 do 7 thành viên của nhóm “ Phùng Thùy Trang,
Tống Hải Đăng, Nguyễn Văn Khỏe, Lê Thị Hồng, Phùng Hải Yến, Cấn Quang
Tùng, Nguyễn Hữu Nam” đã sáng lập nên
- Lý do lựa chọn: Do nhu cầu thị trường ngày càng cao về ngành mẹ và bé, phụ
huynh luôn tìm kiếm những sản phẩm chất lượng và có thể tiện lợi mua sắm, tiết
kiệm thời gian và công sức tìm kiếm ngoài thị trường,… Nắm bắt được cơ hội đó
nhóm đã sáng lập lên 1 Website chuyên bán các sản phẩm chất lượng cho trẻ em
từ 0 – 24 tháng để giúp các phụ huynh có thể dễ dàng tìm kiếm và lựa chọn các
sản phẩm chất lượng nhất cho con của họ.
- Mục đích:
 Trau dồi thêm kiến thức khi thực hiện một dự án thực tế.
 Làm quen dần với áp lực công việc.
 Cải thiện khả năng teamwork.
 Tạo ra doanh thu, lợi nhuận.
- Lĩnh vực hoạt động:
 Lĩnh vực kinh doanh: bán các sản phẩm cho trẻ em từ 0-24 tháng tuổi
 Sản phẩm: Đa dạng(bình sữa, đồ ăn dặm, đồ chơi,…)
STT Danh mục sản phẩm
1 Bình sữa
2 Đồ ăn dặm
3 Đồ chơi cho bé
4 Đồ chăm sóc cơ thể bé
5 Đồ chăm sóc sức khỏe bé
6 Sữa dinh dưỡng
7 Tã bỉm
(Bảng 1. Danh mục sản phẩm - Bé yêu Mart)
 Demo sản phẩm
beyeumart.com
2
STT Sản phẩm Hình ảnh sản phẩm
1 BÌnh sữa
2 Đồ ăn dặm
3 Đồ chơi cho bé
beyeumart.com
3
4
Đồ chăm sóc cơ thể
bé
5
Đồ chăm sóc sức
khỏe bé
6 Sữa dinh dưỡng
beyeumart.com
4
7 Tã bỉm
(Bảng 2. Demo sản phẩm - Bé yêu Mart)
- Mô hình kinh doanh:
Đối tác chính
Hoạt động
chính
Giải pháp giá
trị
Quan hệ
khách hàng
Phân khúc
khách hàng
Đầu vào:
-Nhà cung cấp
sản phẩm
Đầu ra:
- Hệ thống bán
lẻ, siêu thị
mini
- Các cộng tác
viên
- Dịch vụ giao
hàng, vận
chuyển
Đối tác quảng
cáo:
- Google
- Facebook
- Quảng cáo
thương hiệu
qua các trang
mạng xã hội
để tăng mức
độ nhận diện
thương hiệu
- Thường
xuyên có các
chương trình
giảm giá,
khuyến mại
- Bán hàng
- Đa dạng sản
phẩm
- Đúng giá trên
thị trường
Duy trì quan
hệ với khách
hàng cũ:
- Tặng phiếu
giảm giá
Đối với khách
hàng mới:
- Có các
chương trình
ưu đãi, giảm
giá, khuyến
mại
Nhân khẩu
học:
- Tuổi: 25-55
- Nghề nghiệp:
Tất cả các
ngành nghề
- Thu nhập:
TB (Class B
trở lên)
- Tính cách:
ấm áp, giàu
tình yêu
thương.
- Sở thích: Nội
trợ, chăm sóc
con cái, gia
đình
Hành vi:
Nguồn lực
Chính:
-sản phẩm: các
loại sản phẩm
cho trẻ từ 0-
24 tháng
Kênh:
-Website
- Facebook
beyeumart.com
5
tuổi(bình
sữa,đồ ăn
dặm,…)
-nhân sự: cộng
tác viên, nhân
viên, nhân
viên giao hàng
-các kênh bán
hàng
- Thường
xuyên
sử dụng mạng
xã
hội.
- Thường
xuyên
mua hàng
online
Chi phí Doanh thu
- Chi phí nhập sản phẩm
- Chi phí vận chuyển
- Chi phí nhân viên
- Chi phí duy trì website
- Chi phí cho quảng cáo
- Bán hàng
(Bảng 3: Mô hình kinh doanh - Bé yêu Mart)
- Phân khúc thị trường:
Vị trí
địa lý
Theo đặc điểm
nhân khẩu học
Theo đặc điểm
tâm lý xã hội
Theo hành vi
người
tiêu dùng
Việt Nam - Độ tuổi: 18-55
- Giới tính:
Nam/nữ
- Nghề nghiệp:
nhân viên công sở,
lao động, nội trợ,...
- Thu nhập: Class
B trở lên (7,5 triệu
trở lên)
- Tính cách:
- Sở thích :Nội trợ,
chăm sóc bé
- Mối quan tâm:
sức khỏe, sự phát
triển của bé, mẹ
- Hành vi mua
sắm: mua online
- Thời điểm mua:
Khi mang bầu,
trong thời gian
chăm sóc bé, con
nhỏ
- Mục đích : chăm
sóc sức khỏe mẹ và
bé
(Bảng 4: Phân khúc thị trường – Bé yêu Mart)
- Khách hàng mục tiêu:
beyeumart.com
6
(Sơ đồ 1: Khách hàng mục tiêu – Bé yêu Mart)
1.1.2. Địa chỉ Website: beyeumart.com
1.1.3. Các Theme và Plugin sử dụng:
- Theme:
STT Theme Giới thiệu tính năng
1 Flat Some ( Chid Theme) Quy định cấu trúc, giao diện người
dùng và thiết kế của trang web.
Flat Some là Theme dành cho
Website thương mại điện tử.
Nhân khẩu học
Tuổi: 18-50
Giới tính : nữ
Nghề nghiệp : công
nhân lao động, nhân
viên công sở, nội
trợ…
Thu nhập TB: 6tr – 8
tr
Sở thích, thói
quen
Nội trợ , sử
dụng MXH,
lướt web, mua
sắm online
Hành vi online
Đọc review, so
sánh, dễ bị thu
hút bởi các qc,
chương trình
giảm giá. thường
xuyên sử dụng
MXH, mua hàng
online.
Nơi tìm kiếm
khách hàng
Các trang tmđt,
MXH như
Facebook,instagra
m,tiktok…
Nơi khách hàng
tìm kiếm
Các trang tmđt,
MXH như
Facebook,instagra
m,tiktok…
Điều khách
hàng tìm kiếm
Sản phẩm chất
lượng tốt , giá
cả phải chăng
Đáp ứng nhu
cầu
Sản phẩm chất
lượng tốt , giá
cả phải chăng,
hỗ trợ khách
beyeumart.com
7
(Bảng 5: Theme đã cài)
- Plugin:
STT Plugin Tính năng
1 Insert scripts in header and footer Mở rộng hoặc tùy chỉnh một ứng
dụng hoặc hệ thống. Bổ sung trong
ứng dụng gốc
2 Accelerated Mobile Pages Tăng tốc dành cho thiết bị di động
3 Advanced Editor Tools Hỗ trợ soạn thảo văn bản
4 Akismet Anti-Spam Giảm spam bình luận, Lọc thư rác
bình luận và theo dõi lại.
beyeumart.com
8
5 Author Bio Box Thêm hộp tác giả dưới các bài viết
của bạn.
6 Checkout Field Editor for
WooCommerce
Tùy chỉnh các trường hợp thanh
toán WooCommerce
7 Classic Editor Trình soạn thảo văn bản ở bài viết
trở nên đơn giản và dễ sử dụng
8 Classic Widgets Khôi phục Classic Widgets Editor
(trình quản trị widgets cổ điển) cho
website WordPress, thay thế Block-
based Widgets Editor trên
WordPress 5.8.
9 Contact Form 7 Quản lý form gửi mail miễn phí
khác nhau, tùy chỉnh nội dung và
hình thức của email.
beyeumart.com
9
10 Facebook Chat Plugin Tích hợp chatbox Messenger trên
trang web.
11 Nextend Social Login Thiết lập cho trang web tính năng
Đăng ký và Đăng nhập bằng các
mạng xã hội.
12 Sassy Social Share Cung cấp hơn 100 mạng xã hội để
chia sẻ nội dung blog của bạn và
thu hút khách và cho phép bạn tùy
chỉnh các biểu tượng.
13 Fonts Plugin Dùng để tạo Phông chữ
14
Rank Math SEO
Quản lý SEO onpage của các bài
đăng. Tích hợp chặt chẽ với Google
Search Console. Ngoài ra, Rank
Math còn đi kèm với theo dõi các
lỗi 404, Chuyển hướng, Rich
Snippets, SEO cục bộ, Sơ đồ trang
beyeumart.com
10
web XML, SEO hình ảnh tự động,
đề xuất xây dựng liên kết nội bộ,
Table of content và kích hoạt, Cài
đặt chức năng sitemap
& robot.txt v.v.
15 Table of Contents Plus Tự động tạo mục lục thông qua các
thẻ Heading.
16 Thanh Toán Quét Mã QR -
Momo,Zalo Pay,Moca Grab,
AirPay
Hỗ trợ thanh toán đơn hàng trong
Wocomece thông qua thẻ ngân
hàng, các ví điện tử.
17 WooCommerce Công cụ thương mại điện tử cho
phép bạn trưng bày sản phẩm và
bán hàng.
18 WP Mail SMTP Giúp website bạn có thể gửi được
Gmail. Khắc phục các lỗi về Email.
19 Zalo live chat Tích hợp chatbox Zalo trên
Website.
beyeumart.com
11
(Bảng 6: Plugin đã cài)
1.2. Công nghệ, công cụ sử dụng (Giới thiệu tóm tắt về Wordpress):
1.2.1. Wordpress là gì?
Là hệ thống quản lý nội dung (CMS – Content Management System) Phổ biến
được sử dụng trên toàn thế giới để xây dựng và quản lý các trang Web và Blog.
1.2.2. Các công cụ liên quan đến công cụ Wordpress:
Ngôn ngữ lập trình: WordPress được viết bằng ngôn ngữ lập trình PHP. Điều
này cho phép người dùng tùy chỉnh và mở rộng chức năng của trang web bằng
cách viết mã PHP hoặc sử dụng các plugin có sẵn.
Cơ sở dữ liệu: WordPress sử dụng MySQL làm hệ quản trị cơ sở dữ liệu.
MySQL lưu trữ dữ liệu của trang web, bao gồm bài viết, trang, thông tin người
dùng và các cài đặt khác.
Giao diện người dùng: WordPress cung cấp một giao diện quản trị đồ họa trực
quan, giúp người dùng dễ dàng tạo và quản lý nội dung trên trang web. Giao diện
này cho phép bạn thay đổi nội dung, cài đặt, chủ đề và các plugin một cách dễ
dàng.
Chủ đề ( Themes): Chủ đề là các mẫu thiết kế cho trang web. WordPress có
sẵn các chủ đề miễn phí và trả phí, và bạn cũng có thể tự tạo hoặc tùy chỉnh
chúng để phù hợp với ý muốn của bạn. Chủ đề định hình cách trang web của bạn
trông như thế nào.
Plugin: Plugin là các mô-đun mở rộng giúp bạn mở rộng chức năng của trang
web. Có hàng ngàn plugin có sẵn cho WordPress, cho phép bạn thêm các tính
năng như biểu đồ, biểu mẫu liên hệ, SEO, thương mại điện tử, và nhiều tính năng
khác.
Hỗ trợ đã ngôn ngữ: WordPress hỗ trợ nhiều ngôn ngữ, giúp bạn tạo nội dung
đa ngôn ngữ và đáp ứng đối tượng mục tiêu toàn cầu.
Bảo mật: WordPress luôn phát triển để cải thiện bảo mật. Tuy nhiên, người
dùng cũng cần thực hiện các biện pháp bảo mật như cập nhật hệ thống, sử dụng
plugin bảo mật và tạo mật khẩu mạnh.
Cộng đồng tài liệu: Cộng đồng WordPress rất lớn và nhiệt tình. Bạn có thể tìm
kiếm hỗ trợ, tài liệu và hướng dẫn trực tuyến từ các nguồn khác nhau như trang
web chính thức, diễn đàn và blog WordPress.
Hosting: Để sử dụng WordPress, bạn cần một dịch vụ lưu trữ web (web
hosting). Có nhiều nhà cung cấp hosting hỗ trợ WordPress, và một số cung cấp
cài đặt tự động để bạn có thể bắt đầu nhanh chóng.
1.2.3. Những ưu điểm nổi bật của Wordpress:
Giao diện của WP đơn giản, dễ sử dụng: Giúp người dùng có thể nắm rõ cơ cấu
quản lý của website WP một cách nhanh chóng.
beyeumart.com
12
Cộng đồng hỗ trợ rộng lớn: Là một mã nguồn CMS phổ biến nên bạn sẽ được
cộng đồng những người sử dụng và làm việc với WP hỗ trợ khi các bạn gặp phải
những khó khăn trong quá trình sử dụng.
Hỗ trợ nhiều ngôn ngữ: Hiện tại WP có rất nhiều gói ngôn ngữ đi kèm ( có bao
gồm Tiếng Việt).
Có sẵn nhiều gói giao diện: Hiện nay có rất nhiều theme miễn phí khác nhau để
bạn có thể thay đổi thiết kế website của mình chỉ với vài cú click chuột đơn giản.
Bên cạnh đó, nếu muốn giao diện của website đẹp và chuyên nghiệp hơn thì bạn
có thể mua những theme có trả phí.
Nhiều plugin hỗ trợ: Plugin có thể hiểu là một thành phần cài đặt thêm vào WP
để giúp nó có thêm nhiều tính năng cần thiết.
Với lợi thế là cộng đồng sử dụng WP đông đảo nên thư viện plugin của WP cũng
vô cùng phong phú ( bao gồm miễn phí và trả phí)
Có thể làm nhiều loại website: Ngoài việc có thể làm blog cá nhân, thì bạn có
thể làm một website bán hàng/giới thiệu doanh nghiệp/tờ tạp chí,... bằng cách kết
hợp theme và plugin.
1.2.4. Một số nhược điểm của WP:
Hầu hết những theme đẹp của WP đều phải trả phí.
Mức độ bảo mật chưa được tốt.
Để custom được WP thì phải biết kiến thức tốt về website.
Nhiều hàm có sẵn khó nắm bắt được.
1.2.5. Cấu trúc quảng trị của Wordprees:
Dashboard
Home: Tổng quan về quản trị WP, bao gồm thông tin tóm tắt về website WP, viết
blog nhanh, một số bình luận mới nhất, plugin mới và phổ biến nhất, và link đến
website
Updates: Hiển thị tất cả các theme và plugin có bản mới.
Posts: Quản lý bài viết, tag và danh mục (category).
All posts: Quản lý tất cả các bài viết.
Add new: Đăng bài viết mới.
Categories: Quản lý tất cả các danh mục.
Tags: Quản lý tất cả các Post Tag.
Media
Trang quản lý tất cả các tập tin đa phương tiện như hình ảnh, video, tập tin văn
bản,… được tải lên website. Bạn có thể thêm hoặc xoá bất kỳ tập tin nào tại trang
này.
beyeumart.com
13
Pages
Trang quản lý những trang tĩnh (page). Điểm khác biệt giữa trang tĩnh (Page) và
bài viết (Posts) là trang tĩnh có thể được thêm vào thanh điều hướng (menu) còn
bài viết thì không.
Ví dụ: Bạn có thể tạo một trang tĩnh để giới thiệu về công ty hoặc sản phẩm,
hoặc làm trang liên hệ rồi đưa vào menu để người xem dễ nhận biết.
Comments
Trang quản lý các ý kiến bình luận trên website của bạn. Bạn có thể xoá hoặc
cấm bất kỳ người nào sử dụng chức năng này trên web của bạn.
Feedback
Là trang quản lý những hồi âm, liên hệ của khách hàng gửi cho bạn.
Appearance
Trang quản lý giao diện web. Tại đây bạn có thể cài đặt và sử dụng những Theme
WordPress khác nhau, cũng như chỉnh sửa CSS theo ý của bạn. Bạn có thể tìm
các Theme cho WordPress tại trang Giao diện ‹ Bé yêu Mart — WordPress
(beyeumart.com)
Plugins
Trang quản lý các Plugin bổ sung tính năng cho website của bạn. Bạn có thể cài
đặt hoặc gỡ bỏ bất kỳ Plugin nào tại trang này. Bạn có thể tìm các Plugin cho
WordPress tại trang Thêm gói mở rộng ‹ Bé yêu Mart — WordPress
(beyeumart.com)
Users
Trang quản lý người dùng đã đăng ký sử dụng tại website của bạn. Bạn có thể
thêm, xoá hoặc phân quyền cho bất kỳ người dùng nào tại trang này.
Tools
Trang quản lý xuất/nhập dữ liệu. Bạn có thể xuất ra file để làm file backup cho
website phòng trường hợp website của bạn bị hack, bị mất dữ liệu trong tương
lai, từ đó bạn có thể sử dụng công cụ import để khôi phục lại dữ liệu đã export
Settings
Trang thiết lập/chỉnh sửa các thông số chung cho website như đường dẫn,
timezone, Date Format, cấu trúc đường dẫn,…. Thông thường việc quản lý và
chỉnh sửa thông số của các Plugin cũng được thực hiện tại đây.
Lợi ích của việc sử dụng WordPress
beyeumart.com
14
Dễ sử dụng: WordPress có một giao diện quản trị đồ họa dễ sử dụng, cho phép
người dùng thêm, chỉnh sửa và quản lý nội dung trang web một cách dễ dàng,
ngay cả khi họ không có kiến thức kỹ thuật sâu.
Tùy chỉnh cao cấp: WordPress cho phép bạn tự tùy chỉnh trang web theo ý
muốn bằng cách sử dụng mã PHP và CSS. Điều này có nghĩa là bạn có toàn
quyền kiểm soát trên giao diện và chức năng của trang web.
Tối ưu hóa SEO: WordPress có nhiều công cụ và plugin giúp bạn tối ưu hóa
trang web cho công cụ tìm kiếm (SEO), giúp trang web của bạn dễ dàng được
tìm thấy trên Google và các công cụ tìm kiếm khác.
Phí hợp lí: WordPress là mã nguồn mở và miễn phí sử dụng. Mặc dù có các
phiên bản cao cấp và các plugin trả phí, bạn có thể tạo một trang web cơ bản
hoàn toàn miễn phí.
II. TRIỂN KHAI
2.1. Các chức năng chính của Website:
- Hiển thị Sản Phẩm: Hiển thị danh sách sản phẩm theo ý muốn của khách hàng
(Hình 2: Hiển thị danh sách sản phẩm theo ý muốn của khách)
- Tìm Kiếm Sản Phẩm: Cho phép người dùng tìm kiếm sản phẩm theo loại, giá cả,
thương hiệu, kích thước, và màu sắc.
(Hình 3: Cho phép người dùng tìm kiếm sản phẩm theo loại, giá cả, thương hiệu,
kích thước, và màu sắc)
beyeumart.com
15
- Chi Tiết Sản Phẩm: Cung cấp thông tin chi tiết về sản phẩm, kèm theo hình ảnh,
mô tả, và đánh giá từ người dùng khác.
(Hình 4: Chi tiết sản phẩm)
(Hình 5: Chi tiết sản phẩm)
- Giỏ Hàng và Thanh Toán: Cho phép người dùng thêm sản phẩm vào giỏ hàng,
xem giỏ hàng của họ, và thực hiện thanh toán trực tuyến an toàn.
(Hình 6: Giỏ hàng và thanh toán)
beyeumart.com
16
- Chức Năng Đánh Giá và Nhận Xét: Cho phép người dùng đánh giá sản phẩm và
viết nhận xét về sản phẩm mà họ đã mua, giúp người khác trong quá trình mua
sắm.
(Hình 7: Chức năng đánh giá và nhận xét)
- Theo Dõi Đơn Hàng: Cung cấp cho người dùng khả năng theo dõi đơn hàng của
họ và biết được trạng thái giao hàng.
(Hình 8: Chức năng theo dõi đơn hàng)
- Tin Tức và Hướng Dẫn: Cung cấp tin tức và bài viết về chăm sóc trẻ sơ sinh,
hướng dẫn sử dụng sản phẩm, và các thông tin liên quan.
beyeumart.com
17
(Hình 9: Chức năng cung cấp thông tin và hướng dẫn)
- Đăng Ký và Đăng Nhập: Cho phép người dùng tạo tài khoản, lưu trữ thông tin cá
nhân, và theo dõi đơn hàng của họ.
(Hình 10. Đăng ký và đăng nhập)
- Liên Hệ và Hỗ Trợ: Cung cấp thông tin liên hệ và hệ thống hỗ trợ khách hàng để
giải quyết các câu hỏi và vấn đề của người dùng.
beyeumart.com
18
(Hình 11: Chức năng liên hệ và hỗ trợ)
- Chức Năng Chia Sẻ Xã Hội: Cho phép người dùng chia sẻ sản phẩm hoặc bài
viết về trẻ sơ sinh trên các mạng xã hội.
(Hình 12: Chức năng chia sẻ xã hội)
- Hỗ trợ Đa Ngôn Ngữ: Hỗ trợ nhiều ngôn ngữ để phục vụ khách hàng quốc tế.
beyeumart.com
19
(Hình 13: Hỗ trợ đa ngôn ngữ)
- Bảo Mật Thông Tin: Đảm bảo an toàn thông tin cá nhân của người dùng và dữ
liệu giao dịch.
Với chứng chỉ https: giúp người dùng bảo mật thông tin an toàn, và giúp khách
hàng cảm thấy an tâm khi vào trang web
(Hình 14: Bảo mật thông tin)
- Tích hợp Google Analytics: Xem báo cáo về tình trạng web để có những phương
án cải thiện thích hợp
(Hình 15: Tích hợp Google Analytics)
- Tạo và submit được sitemap.xml lên Google Search Console: Cung cấp thông tin
cho công cụ tìm kiếm của Google về cấu trúc và nội dung trang web của bạn.
beyeumart.com
20
(Hình 16: Tạo và submit được sitemap.xml lên Google Search Console)
2.2. Sơ đồ Website (Cấu trúc dạng sơ đồ phân rã chức năng):
beyeumart.com
21
(Sơ đồ 2: Sơ đồ Website – Bé yêu Mart)
Trang
chủ
HomePage
Sản
phẩm
Blog Chính
sách
Thanh
toán
Đăng
nhập
bann
er
Danh
mục
sản
phẩm
nổi bật
Các
sản
phẩm
bán
Ưu đãi
Sản
phẩm
giảm
Thông
tin hữu
ích
Chăm
sóc cơ
thể
Chăm
sóc
sức
khỏe
Đồ
ăn
dặm
Tã /
bỉm
Bình
sữa
Đồ
chơi
cho
bé
Bảo
vệ
sức
khỏ
e
Hàn
h
tran
g
cho
Dinh
dưỡn
g cho
bé
Chí
nh
sách
cá
nhâ
n và
bảo
mật
Chí
nh
sách
hoà
n
tiền
đơn
hàn
g
Chí
nh
sách
đổi
trả
Chí
nh
sách
bảo
hàn
h
Shoppi
ng cart
Checko
ut
details
Oder
comple
te
Sig
n
up /
log
in
beyeumart.com
22
- TRANG CHỦ :
(Hình 17: Trang chủ)
 Hiển thị thông tin tổng quan về trang web
 Hiển thị các sản phẩm hoặc dịch vụ nổi bật
 Liên kết đến các trang quan trọng khác trong web
- Trang Sản phẩm
beyeumart.com
23
(Hình 18: Trang sản phẩm)
 Hiển thị danh sách các danh mục sản phẩm hoặc dịch vụ
 Cho phép người dùng lựa chọn một danh mục cụ thể để xem sản phẩm
hoặc dịch vụ trong danh mục đó
- Trang Blog :
(Hình 19: Trang Blog)
 Hiện thị danh sách các bài viết hoặc tin tức trên web
 Cho phép người dùng xem chi tiết từng bài viết
 Cung cấp tính năng tìm kiếm bài viết
- Trang chính sách
beyeumart.com
24
(Hình 20: Trang chính sách)
 Hiện thị thông tin về các chính sách của trang web , bao gồm chính
sách bảo mật , điều khoản sử dụng , chính sách hoàn tiền và các
chính sách khác
 Thường có liên kết từ các trang khác để người dùng có thể xem chính
sách khi cần
- Trang thanh toán :
(Hình 21: Trang thanh toán)
 Cho phép người dùng thêm sản phẩm hoặc dịch vụ vào giỏ hàng
 Hiển thị giỏ hàng và cho phép người dùng chỉnh sửa nó
 Thực hiện quy trình thanh toán , bao gồm điền thông tin giao hàng , lựa
chọn phương thức thanh toán và xác nhận đơn hàng
2.3. Cài đặt Theme, Plugin (Giới thiệu các bước cài đặt Theme, Plugin,
Pages…):
beyeumart.com
25
2.3.1. Cài theme cho website:
Bước 1: Truy cập trang quản trị wordpress- Giao diện-Thêm giao diện mới
(Hình 22: Cài theme cho Website)
Bước 2: Chọn phần giao diện được hỗ trợ sẵn
(Hình 23: Cài theme cho Website)
Hoặc tải lên file giao diện chuẩn bị trước
(Hình 24: Cài theme cho Website)
VD website Bé yêu mart sử dụng file chuẩn bị sẵn
beyeumart.com
26
https://drive.google.com/file/d/1ulPsLjmUQ5res9iFf2kDQ0WrgCO8mh8R/view?u
sp=sharing
(Hình 25: Cài theme cho Website)
Bước 4. Kích hoạt theme và cài đặt
beyeumart.com
27
(Hình 26: Cài theme cho Website)
2.3.2. Cài đặt các plugin:
Bước 1: Truy cập quản trị wordpress- Chọn plugin-Thêm mới
(Hình 27: Cài đặt Plugin)
Bước 2: Tìm kiếm các plugin cần cài
Bước 3: Cài đặt – Kích hoạt
(Hình 28: Cài đặt Plugin)
Đa phần các plugin chỉ cần cài đặt và kích hoạt là có thể sử dụng luôn. Tuy nhiên
ngoài ra có một vài plugin khi kích hoạt chúng ta phải cấu hình lại để phù hợp với
nhu cầu sử dụng:
 Facebook Chat Plugin
Chọn setting ở plugin đã cài
beyeumart.com
28
(Hình 29: Cấu hình Facebook live chat)
Chọn Edit Chat plugin Configuration
(Hình 30: Cấu hình Facebook live chat)
Chọn fanpage muốn tích hợp-Tiếp tục
(Hình 31: Cấu hình Facebook live chat)
beyeumart.com
29
 Zalo live chat
Chọn setting ở plugin đã cài
(Hình 32: Cấu hình Zalo live chat)
Cần điền Zalo Official Account ID
(Hình 32: Cấu hình Zalo live chat)
Zalo Official Account ID được lấy bằng cách:
Truy cập website Zalo Official Account
Tạo tài khoản bằng zalo muốn nhận tin nhắn-Quản lí tài khoản
(Hình 33: Cấu hình Zalo live chat)
 Accelerated Mobile Pages
Tại setting plugin-General- Bật các hỗ trợ lên và lưu lại
beyeumart.com
30
(Hình 34: Cấu hình Accelerated Mobile Pages)
 Advanced Editor Tools
Setting-chọn các hỗ trợ căn chỉnh khi soạn thảo văn bản
(Hình 35: Cấu hình Advanced Editor Tools)
 Akismet Anti-Spam
Setting- Chọn cài đặt tài khoản Akismet- Thiết lập tài khoản
beyeumart.com
31
(Hình 36: Cấu hình Akismet Anti-Spam)
Copy đoạn mã – Dán vào nhập khóa API thủ công- Save
(Hình 37: Cấu hình Akismet Anti-Spam)
Checkout Field Editor for WooCommerce
Setting-add file
(Hình 38: Cấu hình Checkout Field Editor for WooCommerce)
Điền các trường thông tin-Save
beyeumart.com
32
(Hình 39: Cấu hình Checkout Field Editor for WooCommerce)
Nextend Social login
Setting
General:
(Hình 40: Cấu hình Nextend Social login)
Privacy:
beyeumart.com
33
(Hình 41: Cấu hình Nextend Social login)
Login Form
(Hình 42: Cấu hình Nextend Social login)
Getting Starded để bắt đầu tạo ứng dụng chuyển hướng đăng nhập
(Hình 43: Cấu hình Nextend Social login)
beyeumart.com
34
Điền các bước theo yêu cầu
(Hình 44: Cấu hình Nextend Social login)
Tạo ứng dụng
(Hình 45: Cấu hình Nextend Social login)
beyeumart.com
35
Chọn đăng nhập bằng Facebook
(Hình 46: Cấu hình Nextend Social login)
Chọn nền tảng
(Hình 47: Cấu hình Nextend Social login)
Đăng nhập facebook-Cài đặt
Tại URL chuyển hướng OAuth hợp lệ nhập: https://beyeumart.com/wp-
login.php?loginSocial=facebook
beyeumart.com
36
(Hình 48: Cấu hình Nextend Social login)
Trở lại phần setting websit dán phần App ID và App Secret ở ứng dụng
(Hình 49: Cấu hình Nextend Social login)
Kiểm tra cài đặt lại
(Hình 50: Cấu hình Nextend Social login)
 Sassy social share
beyeumart.com
37
Setting- Cài đặt giao diện các mạng xã hội muốn chia sẽ xuất hiện ở website
(Hình 51: Cấu hình sassy social share)
2.3.3. Xây dựng các trang của website:
Giao diện chung
 Header
Ở giao diện trang-Tùy biến
Chọn header
(Hình 52: Tùy chỉnh Header)
Chọn-Sắp xếp- Chỉnh sửa từng thành phần
beyeumart.com
38
(Hình 53: Tùy chỉnh Header)
 Footer
Quản trị wordpress- UX blocks
(Hình 54: Tùy chỉnh Footer)
Ở phần footer-Edit with UX Builder
(Hình 55: Tùy chỉnh Footer)
Sắp xếp chỉnh sửa các thành phần-Update
beyeumart.com
39
(Hình 56: Tùy chỉnh Footer)
 Menu
Quản trị website- Giao diện- Menu
(Hình 57: Tùy chỉnh Menu)
Tạo các thành phần menu- Gắn URL các trang điều hướng
(Hình 58: Tùy chỉnh Menu)
 Trang chủ
beyeumart.com
40
Quản trị website-Trang-Chọn phần trang chủ-Edit with UX Builder
Kéo thả vị trí các section- Thêm các thành phần của từng section-update
(Hình 59 : Tùy chỉnh Trang chủ)
 Sản phẩm
Trang sản phẩm-Tùy biến-Danh mục sản phẩm
(Hình 60 : Tùy chỉnh Trang sản phẩm)
Chọn các thành phần hiển thị trong trang cửa hàng
beyeumart.com
41
(Hình 61 : Tùy chỉnh Trang sản phẩm)
Cấu trúc trang
(Hình 62 : Tùy chỉnh Trang sản phẩm)
beyeumart.com
42
Hình ảnh sản phẩm trong trang
(Hình 63 : Tùy chỉnh Trang sản phẩm)
Tạo bộ lọc sản phẩm
(Hình 64 : Tùy chỉnh Trang sản phẩm)
 Blog
Trang blog-Tùy biến-Blog layout
beyeumart.com
43
(Hình 65 : Tùy chỉnh Trang Blog)
Cấu trúc trang
(Hình 66 : Tùy chỉnh Trang Blog)
 Trang chính sách
Quản trị website-Trang chính sách-Chỉnh sửa
(Hình 67 : Tùy chỉnh trang chính sách)
beyeumart.com
44
Thêm chính sách thương hiệu-Cập nhật
(Hình 68 : Tùy chỉnh trang chính sách)
 Trang thanh toán
Trước tiên cần cài plugin Woocomerce
Tại quản trị website-Woocomerce-Cài đặt
(Hình 69: Tùy chỉnh trang thanh toán)
Tại phần chung điền thông tin của cửa hang
beyeumart.com
45
(Hình 70: Tùy chỉnh trang thanh toán)
Phần sản phẩm lựa chọn các mục
(Hình 71: Tùy chỉnh trang thanh toán)
Phần giao hang lựa chọn vùng và phương thức giao hang
beyeumart.com
46
(Hình 72: Tùy chỉnh trang thanh toán)
Phần thanh toán bật các hình thức thanh toán bạn có
(Hình 73: Tùy chỉnh trang thanh toán)
Vào phần cài đặt ở các hình thức thanh toán để them thông tin về các phương thức
thanh toán
beyeumart.com
47
(Hình 74: Tùy chỉnh trang thanh toán)
Phần tài khoản và bảo mật tích chọn các yêu cầu khi khách đặt hang
(Hình 75: Tùy chỉnh trang thanh toán)
Phần Email để theo mặc định
beyeumart.com
48
(Hình 76: Tùy chỉnh trang thanh toán)
Phần nâng cao phải lựa chọn các trang theo yêu cầu để kết nối các trang lại với
nhau trong khi thanh toán
(Hình 77: Tùy chỉnh trang thanh toán)
 Trang liên hệ
Yêu cầu cài tiếp plugin WP Mail SMTP
Tại phần quản trị website-Thiết lập
beyeumart.com
49
(Hình 78: Tùy chỉnh trang liên hệ)
Mail đi là email sẽ nhận được thông tin liên hệ khi khách hang gửi
Tên người gửi là phần thông tin được gửi từ đâu
Phương thức gửi mail chọn Other SMTP
(Hình 79: Tùy chỉnh trang liên hệ)
Tại Other SMTP
beyeumart.com
50
SMTP host smtp.gamil.com
Mã hóa SLL
SMTP port: 465
(Hình 80: Tùy chỉnh trang liên hệ)
SMTP Usename: Email gửi
SMTP Password sử dụng mật khẩu ứng dụng từ gmail
(Hình 81: Tùy chỉnh trang liên hệ)
Yêu cầu cài đặt Plugin Contact Form 7
Tại quản trị website-Form liên hệ-Add new
beyeumart.com
51
(Hình 82: Tùy chỉnh trang liên hệ)
Presets để mặc định
(Hình 83: Tùy chỉnh trang liên hệ)
Nôi dung Form viết các lệnh cần điền ở trường thông tin
beyeumart.com
52
(Hình 84: Tùy chỉnh trang liên hệ)
Phần cấu hình mail
Lưu ý điền phần mail gửi như hình
(Hình 85: Tùy chỉnh trang liên hệ)
Các trường thông tin khi nhận mail
beyeumart.com
53
(Hình 86: Tùy chỉnh trang liên hệ)
Các thông tin hiển thị khi gửi
(Hình 87: Tùy chỉnh trang liên hệ)
Dán mã code vào phần trang liên hệ đã tạo
(Hình 88: Tùy chỉnh trang liên hệ)
III. CÁC HÌNH ẢNH VÀ TÀI LIỆU THAM KHẢO
beyeumart.com
54
3.1. Hình ảnh về sản phẩm của nhóm:
Trang chủ:
 Header
(Hình 98: Hình ảnh Trang chủ - Bé yêu Mart)
 Body:
beyeumart.com
55
(Hình 90: Hình ảnh Trang chủ - Bé yêu Mart)
beyeumart.com
56
 Footer:
(Hình 91: Hình ảnh Trang chủ - Bé yêu Mart)
Trang sản phẩm:
(Hình 92: Hình ảnh Trang sản phẩm - Bé yêu Mart)
Trang blog:
(Hình 93: Hình ảnh Trang Blog - Bé yêu Mart)
Trang chính sách:
beyeumart.com
57
(Hình 94: Hình ảnh Trang chính sách - Bé yêu Mart)
Trang thanh toán:
(Hình 95: Hình ảnh Trang thanh toán - Bé yêu Mart)
Trang tài khoản:
(Hình 96: Hình ảnh Trang tài khoản - Bé yêu Mart)
beyeumart.com
58
3.2. Tài liệu tham khảo (Danh sách tài liệu tham khảo, địa chỉ Website
đến nội dung tham khảo khi làm Website):
Khi xây dựng Website, chúng em tham khảo trang web 1 số thương hiệu nổi tiếng
cùng ngành hàng mẹ và bé như:
- Kids plaza: https://www.kidsplaza.vn/
- Con cưng: https://concung.com/
- Khang Baby: https://khangbaby.com/
“Khi làm Website, chúng em chỉ sử dụng thông tin để tham khảo và không sao chép
hoặc copy bất kỳ nội dung nào từ các nguồn khác một cách trái phép. Chúng em luôn
tôn trọng quyền sở hữu trí tuệ và các quy định về bản quyền và cam kết tuân thủ mọi
luật lệ liên quan khi tạo ra và phát triển website của chúng em”

More Related Content

Similar to Nhóm 1_KDXW121_KDXW121_.docx

Phân tích thiết kế hệ thống của hàng bán điện thoại di động
Phân tích thiết kế hệ thống của hàng bán điện thoại di độngPhân tích thiết kế hệ thống của hàng bán điện thoại di động
Phân tích thiết kế hệ thống của hàng bán điện thoại di độngNguyễn Danh Thanh
 
Quản trị joomla toàn tập
Quản trị joomla toàn tậpQuản trị joomla toàn tập
Quản trị joomla toàn tậpdvms
 
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429hung_nc87
 
Hiện thực website thương mại diện tử và SEO thực tế trên chính website đó
Hiện thực website thương mại diện tử và SEO thực tế trên chính website đóHiện thực website thương mại diện tử và SEO thực tế trên chính website đó
Hiện thực website thương mại diện tử và SEO thực tế trên chính website đótuan anh
 
Ebook hoc-lam-seo-trong-3-ngay
Ebook hoc-lam-seo-trong-3-ngayEbook hoc-lam-seo-trong-3-ngay
Ebook hoc-lam-seo-trong-3-ngayThanh Hai
 
Ebook học làm seo trong 3 ngày
Ebook học làm seo trong 3 ngàyEbook học làm seo trong 3 ngày
Ebook học làm seo trong 3 ngàyNguyễn Cảnh
 
[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập
[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập
[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tậpnnn4194a
 
Báo cáo môn mô hình hóa
Báo cáo môn mô hình hóaBáo cáo môn mô hình hóa
Báo cáo môn mô hình hóaThuyet Nguyen
 
[Bachkhoa-Aptech] Lập trình Web doanh nghiệp
[Bachkhoa-Aptech] Lập trình Web doanh nghiệp[Bachkhoa-Aptech] Lập trình Web doanh nghiệp
[Bachkhoa-Aptech] Lập trình Web doanh nghiệpPhạm Văn Hưng
 
Dương Vũ Thông - Báo cáo thực tập athena
Dương Vũ Thông - Báo cáo thực tập athenaDương Vũ Thông - Báo cáo thực tập athena
Dương Vũ Thông - Báo cáo thực tập athenaVũ Thông Dương
 
Báo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh Hóa
Báo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh HóaBáo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh Hóa
Báo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh HóaĐại học công nghiệp hà nội
 
Chủ đề 9 wordpress - vũ mạnh cường
Chủ đề 9  wordpress - vũ mạnh cườngChủ đề 9  wordpress - vũ mạnh cường
Chủ đề 9 wordpress - vũ mạnh cườngVũ Mạnh Cường
 
Tài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phước
Tài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phướcTài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phước
Tài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phướcjackjohn45
 

Similar to Nhóm 1_KDXW121_KDXW121_.docx (20)

Phân tích thiết kế hệ thống của hàng bán điện thoại di động
Phân tích thiết kế hệ thống của hàng bán điện thoại di độngPhân tích thiết kế hệ thống của hàng bán điện thoại di động
Phân tích thiết kế hệ thống của hàng bán điện thoại di động
 
Quản trị joomla toàn tập
Quản trị joomla toàn tậpQuản trị joomla toàn tập
Quản trị joomla toàn tập
 
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
Vuihoc24 h.vn baocao-xay_dung_web_ban_hang_joomla_4429
 
Hiện thực website thương mại diện tử và SEO thực tế trên chính website đó
Hiện thực website thương mại diện tử và SEO thực tế trên chính website đóHiện thực website thương mại diện tử và SEO thực tế trên chính website đó
Hiện thực website thương mại diện tử và SEO thực tế trên chính website đó
 
Ebook hoc-lam-seo-trong-3-ngay
Ebook hoc-lam-seo-trong-3-ngayEbook hoc-lam-seo-trong-3-ngay
Ebook hoc-lam-seo-trong-3-ngay
 
Ebook học làm seo trong 3 ngày
Ebook học làm seo trong 3 ngàyEbook học làm seo trong 3 ngày
Ebook học làm seo trong 3 ngày
 
Giới thiệu
Giới thiệuGiới thiệu
Giới thiệu
 
A0002
A0002A0002
A0002
 
10024
1002410024
10024
 
[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập
[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập
[Athena] Nguyễn Nhật Nguyên - Báo cáo thực tập
 
Báo cáo đồ án - Thiết kế web tại Thanh Hóa
Báo cáo đồ án - Thiết kế web tại Thanh HóaBáo cáo đồ án - Thiết kế web tại Thanh Hóa
Báo cáo đồ án - Thiết kế web tại Thanh Hóa
 
12816
1281612816
12816
 
Báo cáo môn mô hình hóa
Báo cáo môn mô hình hóaBáo cáo môn mô hình hóa
Báo cáo môn mô hình hóa
 
[Bachkhoa-Aptech] Lập trình Web doanh nghiệp
[Bachkhoa-Aptech] Lập trình Web doanh nghiệp[Bachkhoa-Aptech] Lập trình Web doanh nghiệp
[Bachkhoa-Aptech] Lập trình Web doanh nghiệp
 
Dương Vũ Thông - Báo cáo thực tập athena
Dương Vũ Thông - Báo cáo thực tập athenaDương Vũ Thông - Báo cáo thực tập athena
Dương Vũ Thông - Báo cáo thực tập athena
 
Đề tài hoàn thiện kênh phân phối hàng, ĐIỂM CAO
Đề tài hoàn thiện kênh phân phối hàng, ĐIỂM CAOĐề tài hoàn thiện kênh phân phối hàng, ĐIỂM CAO
Đề tài hoàn thiện kênh phân phối hàng, ĐIỂM CAO
 
Báo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh Hóa
Báo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh HóaBáo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh Hóa
Báo cáo đồ án - Thiết kế web tại Thanh Hóa - dịch vụ seo tại Thanh Hóa
 
Chủ đề 9 wordpress - vũ mạnh cường
Chủ đề 9  wordpress - vũ mạnh cườngChủ đề 9  wordpress - vũ mạnh cường
Chủ đề 9 wordpress - vũ mạnh cường
 
Bat mi ky thuat seo
Bat mi ky thuat seoBat mi ky thuat seo
Bat mi ky thuat seo
 
Tài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phước
Tài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phướcTài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phước
Tài liệu hướng dẫn sử dụng cổng thông tin điện tử sở giáo dục đào tạo bình phước
 

Recently uploaded

BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...
BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...
BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...Nguyen Thanh Tu Collection
 
10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...
10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...
10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...Nguyen Thanh Tu Collection
 
Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...
Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...
Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...hoangtuansinh1
 
Sơ đồ tư duy môn sinh học bậc THPT.pdf
Sơ đồ tư duy môn sinh học bậc THPT.pdfSơ đồ tư duy môn sinh học bậc THPT.pdf
Sơ đồ tư duy môn sinh học bậc THPT.pdftohoanggiabao81
 
ôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhh
ôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhhôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhh
ôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhhvanhathvc
 
SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...
SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...
SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...Nguyen Thanh Tu Collection
 
TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...
TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...
TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...Nguyen Thanh Tu Collection
 
QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...
QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...
QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...ThunTrn734461
 
Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...
Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...
Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...Nguyen Thanh Tu Collection
 
Chàm - Bệnh án (da liễu - bvdlct ctump) .pptx
Chàm - Bệnh án (da liễu - bvdlct ctump) .pptxChàm - Bệnh án (da liễu - bvdlct ctump) .pptx
Chàm - Bệnh án (da liễu - bvdlct ctump) .pptxendkay31
 
Kiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh lí
Kiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh líKiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh lí
Kiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh líDr K-OGN
 
Trích dẫn trắc nghiệm tư tưởng HCM5.docx
Trích dẫn trắc nghiệm tư tưởng HCM5.docxTrích dẫn trắc nghiệm tư tưởng HCM5.docx
Trích dẫn trắc nghiệm tư tưởng HCM5.docxnhungdt08102004
 
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...Nguyen Thanh Tu Collection
 
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...Nguyen Thanh Tu Collection
 
bài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoa
bài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoabài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoa
bài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoa2353020138
 
BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...Nguyen Thanh Tu Collection
 
Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...
Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...
Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...Nguyen Thanh Tu Collection
 
NQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdf
NQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdfNQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdf
NQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdfNguyễn Đăng Quang
 
Chuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdf
Chuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdfChuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdf
Chuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdfhoangtuansinh1
 

Recently uploaded (19)

BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...
BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...
BỘ ĐỀ KIỂM TRA CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO CẤU TRÚC ĐỀ MIN...
 
10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...
10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...
10 ĐỀ KIỂM TRA + 6 ĐỀ ÔN TẬP CUỐI KÌ 2 VẬT LÝ 11 - KẾT NỐI TRI THỨC - THEO C...
 
Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...
Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...
Thong bao 337-DHPY (24.4.2024) thi sat hach Ngoai ngu dap ung Chuan dau ra do...
 
Sơ đồ tư duy môn sinh học bậc THPT.pdf
Sơ đồ tư duy môn sinh học bậc THPT.pdfSơ đồ tư duy môn sinh học bậc THPT.pdf
Sơ đồ tư duy môn sinh học bậc THPT.pdf
 
ôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhh
ôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhhôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhh
ôn tập lịch sử hhhhhhhhhhhhhhhhhhhhhhhhhh
 
SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...
SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...
SÁNG KIẾN “THIẾT KẾ VÀ SỬ DỤNG INFOGRAPHIC TRONG DẠY HỌC ĐỊA LÍ 11 (BỘ SÁCH K...
 
TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...
TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...
TỔNG HỢP ĐỀ THI CHÍNH THỨC KỲ THI TUYỂN SINH VÀO LỚP 10 THPT MÔN NGỮ VĂN NĂM ...
 
QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...
QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...
QUẢN LÝ HOẠT ĐỘNG GIÁO DỤC KỸ NĂNG SỐNG CHO HỌC SINH CÁC TRƯỜNG TRUNG HỌC CƠ ...
 
Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...
Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...
Sáng kiến “Sử dụng ứng dụng Quizizz nhằm nâng cao chất lượng ôn thi tốt nghiệ...
 
Chàm - Bệnh án (da liễu - bvdlct ctump) .pptx
Chàm - Bệnh án (da liễu - bvdlct ctump) .pptxChàm - Bệnh án (da liễu - bvdlct ctump) .pptx
Chàm - Bệnh án (da liễu - bvdlct ctump) .pptx
 
Kiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh lí
Kiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh líKiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh lí
Kiểm tra chạy trạm lí thuyết giữa kì giải phẫu sinh lí
 
Trích dẫn trắc nghiệm tư tưởng HCM5.docx
Trích dẫn trắc nghiệm tư tưởng HCM5.docxTrích dẫn trắc nghiệm tư tưởng HCM5.docx
Trích dẫn trắc nghiệm tư tưởng HCM5.docx
 
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
 
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
30 ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
 
bài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoa
bài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoabài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoa
bài 5.1.docx Sinh học di truyền đại cương năm nhất của học sinh y đa khoa
 
BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
BỘ ĐỀ PHÁT TRIỂN THEO CẤU TRÚC ĐỀ MINH HỌA BGD NGÀY 22-3-2024 KỲ THI TỐT NGHI...
 
Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...
Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...
Sáng kiến Dạy học theo định hướng STEM một số chủ đề phần “vật sống”, Khoa họ...
 
NQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdf
NQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdfNQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdf
NQA Lợi ích Từ ISO và ESG Tăng Trưởng và Bền Vững ver01.pdf
 
Chuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdf
Chuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdfChuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdf
Chuong trinh dao tao Su pham Khoa hoc tu nhien, ma nganh - 7140247.pdf
 

Nhóm 1_KDXW121_KDXW121_.docx

  • 1. beyeumart.com ỦY BAN NHÂN DÂN THÀNH PHỐ HÀ NỘI TRƯỜNG CAO ĐẲNG THƯƠNG MẠI VÀ DU LỊCH HÀ NỘI ---------- BÀI THẢO LUẬN Học phần: XÂY DỰNG WEBSITE TMĐT 1 Đề tài: Sử dụng WordPress xây dựng Website bán hàng Giảng viên hướng dẫn: TS. Đặng Quốc Hữu Lớp : KDXW121_4.3 Nhóm 1: 1.Tống Hải Đăng 2.Phùng Thuỳ Trang 3.Nguyễn Văn Khỏe 4.Phùng Hải Yến 5.Lê Thị Hồng 6.Cấn Quang Tùng 7.Nguyễn Hữu Nam Hà Nội, 2023
  • 2. beyeumart.com Lời cảm ơn “Trong một thời đại mà công nghệ ngày càng tiến bộ và Internet đã trở thành phần không thể tách rời của cuộc sống hàng ngày. Việc có một trang web thương mại điện tử chất lượng không chỉ là một lợi thế, mà còn là một yếu tố quyết định quan trọng đối với sự thành công của mọi doanh nghiệp. Website thương mại điện tử không chỉ là nơi mà doanh nghiệp có thể hiển thị sản phẩm hoặc dịch vụ của mình, mà còn là cửa hàng trực tuyến mở cửa 24/7, giúp kết nối với khách hàng mọi nơi trên thế giới. Nó không chỉ giúp tạo ra trải nghiệm mua sắm thuận lợi cho người tiêu dùng, mà còn tăng tính cạnh tranh của doanh nghiệp, tăng cường uy tín và xây dựng mối quan hệ khách hàng bền vững. Xây dựng một trang web thương mại điện tử không chỉ đơn giản là việc hiển thị sản phẩm và chờ đợi khách hàng đến, mà nó còn đòi hỏi kiến thức chuyên sâu về thiết kế, trải nghiệm người dùng, quản trị dữ liệu, bảo mật và hơn thế nữa. Trong học phần "Xây dựng website Thương mại điện tử 1", TS không chỉ đơn thuần truyền đạt kiến thức lý thuyết, mà còn hướng dẫn chúng em qua quá trình thực hành, giúp chúng em hiểu rõ về cấu trúc và hoạt động của một trang web thương mại điện tử. Thành viên Nhóm 1 chúng em xin được gửi lời cảm ơn chân thành nhất đến thầy Đặng Quốc Hữu vì sự tận tâm và kiên nhẫn trong việc chia sẻ kiến thức và kinh nghiệm của mình. Chúng em sẽ luôn nhớ những bài học và hướng dẫn quý báu của thầy khi xây dựng sự nghiệp trong lĩnh vực thương mại điện tử. Trân trọng, Nhóm 1. Lớp KDXW121_4.3 Khoa Kinh doanh Thương mại Cao đẳng Thương mại và Du lịch Hà Nội”
  • 3. beyeumart.com Danh sách thành viên nhóm Và phân công công việc: STT ĐỀ MỤC PHỤ TRÁCH MÃ SV ĐÁNH GIÁ 1 I.Giới thiệu 2 1.1. Giới thiệu sản phẩm 3 1.1.1.Giới thiệu tổng quát về Website nhóm phát triển Cấn Quang Tùng 4 1.1.2.Địa chỉ Website 5 1.1.3.Các theme + Plugin sử dụng Phùng Thùy Trang 6 1.2. Công nghê, công cụ sử dụng (Giới thiệu tóm tắt về công nghệ Wordpress) Phùng Hải Yến 7 II.Triển khai 8 2.1. Các chức năng chính của Website Nguyễn Văn Khỏe 9 2.2. Sơ đồ Website (Cấu trúc dạng sơ đồ phân rã chức năng) Lê Thị Hồng 10 2.3.Cài đặt theme, plugin (Giới thiệu các bước cài đặt theme, plugin, pages…) Tống Hải Đăng 11 III. Các hình ảnh và tài liệu tham khảo 12 3.1. Hình ảnh về sản phẩm của nhóm Nguyễn Hữu Nam 13 3.2. Tài liệu tham khảo (Danh sách tài liệu tham khảo, địa chỉ web đến nội dung tham khảo khi làm website)
  • 4. beyeumart.com Danh sách hình ảnh: STT Hình Trang Ghi chú 1 Hình 1. Logo Bé yêu Mart 1 2 Hình 2: Hiển thị danh sách sản phẩm theo ý muốn của khách 14 3 Hình 3: Cho phép người dùng tìm kiếm sản phẩm theo loại, giá cả, thương hiệu, kích thước, và màu sắc 14 4 Hình 4: Chi tiết sản phẩm 15 5 Hình 5: Chi tiết sản phẩm 15 6 Hình 6: Giỏ hàng và thanh toán 15 7 Hình 7: Chức năng đánh giá và nhận xét 16 8 Hình 8: Chức năng theo dõi đơn hàng 16 9 Hình 9: Chức năng cung cấp thông tin và hướng dẫn 17 10 Hình 10. Đăng ký và đăng nhập 17 11 Hình 11: Chức năng liên hệ và hỗ trợ 18 12 Hình 12: Chức năng chia sẻ xã hội 18 13 Hình 13: Hỗ trợ đa ngôn ngữ 19 14 Hình 14: Bảo mật thông tin 19 15 Hình 15: Tích hợp Google Analytics 19 16 Hình 16: Tạo và submit được sitemap.xml lên Google Search Console 20 17 Hình 17: Trang chủ 22 18 Hình 18: Trang sản phẩm 23 19 Hình 19: Trang Blog 23 20 Hình 20: Trang chính sách 24 21 Hình 21: Trang thanh toán 24 22 Hình 22: Cài theme cho Website 25 23 Hình 23: Cài theme cho Website 25
  • 5. beyeumart.com 24 Hình 24: Cài theme cho Website 25 25 Hình 25: Cài theme cho Website 26 26 Hình 26: Cài theme cho Website 26 27 Hình 27: Cài đặt Plugin 27 28 Hình 28: Cài đặt Plugin 27 29 Hình 29: Cấu hình Facebook live chat 28 30 Hình 30: Cấu hình Facebook live chat 28 31 Hình 31: Cấu hình Facebook live chat 28 32 Hình 32: Cấu hình Zalo live chat 29 33 Hình 33: Cấu hình Zalo live chat 29 34 Hình 34: Cấu hình Accelerated Mobile Pages 30 35 Hình 35: Cấu hình Advanced Editor Tools 30 36 Hình 36: Cấu hình Akismet Anti-Spam 31 37 Hình 37: Cấu hình Akismet Anti-Spam 31 38 Hình 38: Cấu hình Checkout Field Editor for WooCommerce 31 39 Hình 39: Cấu hình Checkout Field Editor for WooCommerce 32 40 Hình 40: Cấu hình Nextend Social login 32 41 Hình 41: Cấu hình Nextend Social login 33 42 Hình 42: Cấu hình Nextend Social login 33 43 Hình 43: Cấu hình Nextend Social login 33 44 Hình 44: Cấu hình Nextend Social login 34 45 Hình 45: Cấu hình Nextend Social login 34 46 Hình 46: Cấu hình Nextend Social login 35 47 Hình 47: Cấu hình Nextend Social login 35 48 Hình 48: Cấu hình Nextend Social login 36 49 Hình 49: Cấu hình Nextend Social login 36 50 Hình 50: Cấu hình Nextend Social login 36 51 Hình 51: Cấu hình sassy social share 37
  • 6. beyeumart.com 52 Hình 52: Tùy chỉnh Header 37 53 Hình 53: Tùy chỉnh Header 38 54 Hình 54: Tùy chỉnh Footer 38 55 Hình 55: Tùy chỉnh Footer 38 56 Hình 56: Tùy chỉnh Footer 39 57 Hình 57: Tùy chỉnh Menu 39 58 Hình 58: Tùy chỉnh Menu 39 59 Hình 59 : Tùy chỉnh Trang chủ 40 60 Hình 60 : Tùy chỉnh Trang sản phẩm 40 61 Hình 61 : Tùy chỉnh Trang sản phẩm 41 62 Hình 62 : Tùy chỉnh Trang sản phẩm 41 63 Hình 63 : Tùy chỉnh Trang sản phẩm 42 64 Hình 64 : Tùy chỉnh Trang sản phẩm 42 65 Hình 65 : Tùy chỉnh Trang Blog 43 66 Hình 66 : Tùy chỉnh Trang Blog 43 67 Hình 67 : Tùy chỉnh trang chính sách 43 68 Hình 68 : Tùy chỉnh trang chính sách 44 69 Hình 69: Tùy chỉnh trang thanh toán 44 70 Hình 70: Tùy chỉnh trang thanh toán 45 71 Hình 71: Tùy chỉnh trang thanh toán 45 72 Hình 72: Tùy chỉnh trang thanh toán 46 73 Hình 73: Tùy chỉnh trang thanh toán 46 74 Hình 74: Tùy chỉnh trang thanh toán 47 75 Hình 75: Tùy chỉnh trang thanh toán 47 76 Hình 76: Tùy chỉnh trang thanh toán 48 77 Hình 77: Tùy chỉnh trang thanh toán 48 78 Hình 78: Tùy chỉnh trang liên hệ 48 79 Hình 79: Tùy chỉnh trang liên hệ 49 80 Hình 80: Tùy chỉnh trang liên hệ 50
  • 7. beyeumart.com 81 Hình 81: Tùy chỉnh trang liên hệ 50 82 Hình 82: Tùy chỉnh trang liên hệ 51 83 Hình 83: Tùy chỉnh trang liên hệ 51 84 Hình 84 Tùy chỉnh trang liên hệ 52 85 Hình 85: Tùy chỉnh trang liên hệ 52 86 Hình 86: Tùy chỉnh trang liên hệ 53 87 Hình 87: Tùy chỉnh trang liên hệ 53 88 Hình 88: Tùy chỉnh trang liên hệ 53 89 Hình 89: Hình ảnh Trang chủ - Bé yêu Mart 54 90 Hình 90: Hình ảnh Trang chủ - Bé yêu Mart 55 91 Hình 91: Hình ảnh Trang chủ - Bé yêu Mart 56 92 Hình 92: Hình ảnh Trang sản phẩm - Bé yêu Mart 56 93 Hình 93: Hình ảnh Trang Blog - Bé yêu Mart 56 94 Hình 94: Hình ảnh Trang chính sách - Bé yêu Mart 57 95 Hình 95: Hình ảnh Trang thanh toán - Bé yêu Mart 57 96 Hình 96: Hình ảnh Trang tài khoản - Bé yêu Mart 57
  • 8. beyeumart.com Danh sách bảng: STT Bảng Trang Ghi chú 1 Bảng 1. Danh mục sản phẩm - Bé yêu Mart 1 2 Bảng 2. Demo sản phẩm - Bé yêu Mart 2 3 Bảng 3: Mô hình kinh doanh - Bé yêu Mart 5 4 Bảng 4: Phân khúc thị trường – Bé yêu Mart 5 5 Bảng 5: Theme đã cài 7 6 Bảng 6: Plugin đã cài 11 Danh sách sơ đồ: STT Sơ đồ Trang Ghi chú 1 Sơ đồ 1: Khách hàng mục tiêu – Bé yêu Mart 6 2 Sơ đồ 2: Sơ đồ Website – Bé yêu Mart 21 Danh sách từ viết tắt:
  • 9. beyeumart.com MỤC LỤC I. GIỚI THIỆU...........................................................................................................1 1.1. Giới thiệu chung:..............................................................................................1 1.1.1. Giới thiệu tổng quát về Website nhóm phát triển: ......................................1 1.1.2. Địa chỉ Website: beyeumart.com ................................................................6 1.1.3. Các Theme và Plugin sử dụng: ...................................................................6 1.2. Công nghệ, công cụ sử dụng (Giới thiệu tóm tắt về Wordpress): .............11 1.2.1. Wordpress là gì? .......................................................................................11 1.2.2. Các công cụ liên quan đến công cụ Wordpress:.......................................11 1.2.3. Những ưu điểm nổi bật của Wordpress: ...................................................11 1.2.4. Một số nhược điểm của WP:.....................................................................12 1.2.5. Cấu trúc quảng trị của Wordprees: ..........................................................12 II. TRIỂN KHAI .......................................................................................................14 2.1. Các chức năng chính của Website:...............................................................14 2.2. Sơ đồ Website (Cấu trúc dạng sơ đồ phân rã chức năng): ........................20 2.3. Cài đặt Theme, Plugin (Giới thiệu các bước cài đặt Theme, Plugin, Pages…):...................................................................................................................24 2.3.1. Cài theme cho website: .............................................................................25 2.3.2. Cài đặt các plugin:....................................................................................27 2.3.3. Xây dựng các trang của website:..............................................................37 III. CÁC HÌNH ẢNH VÀ TÀI LIỆU THAM KHẢO .........................................53 3.1. Hình ảnh về sản phẩm của nhóm:................................................................54 3.2. Tài liệu tham khảo (Danh sách tài liệu tham khảo, địa chỉ Website đến nội dung tham khảo khi làm Website):................................................................58
  • 10. beyeumart.com 1 I. GIỚI THIỆU 1.1. Giới thiệu chung: 1.1.1. Giới thiệu tổng quát về Website nhóm phát triển: (Hình 1. Logo Bé yêu Mart) - Tên thương hiệu: Bé yêu Mart - Slogan: Bé an toàn – Mẹ an tâm - Ngày ra đời: Vào ngày 14/8/2023 do 7 thành viên của nhóm “ Phùng Thùy Trang, Tống Hải Đăng, Nguyễn Văn Khỏe, Lê Thị Hồng, Phùng Hải Yến, Cấn Quang Tùng, Nguyễn Hữu Nam” đã sáng lập nên - Lý do lựa chọn: Do nhu cầu thị trường ngày càng cao về ngành mẹ và bé, phụ huynh luôn tìm kiếm những sản phẩm chất lượng và có thể tiện lợi mua sắm, tiết kiệm thời gian và công sức tìm kiếm ngoài thị trường,… Nắm bắt được cơ hội đó nhóm đã sáng lập lên 1 Website chuyên bán các sản phẩm chất lượng cho trẻ em từ 0 – 24 tháng để giúp các phụ huynh có thể dễ dàng tìm kiếm và lựa chọn các sản phẩm chất lượng nhất cho con của họ. - Mục đích:  Trau dồi thêm kiến thức khi thực hiện một dự án thực tế.  Làm quen dần với áp lực công việc.  Cải thiện khả năng teamwork.  Tạo ra doanh thu, lợi nhuận. - Lĩnh vực hoạt động:  Lĩnh vực kinh doanh: bán các sản phẩm cho trẻ em từ 0-24 tháng tuổi  Sản phẩm: Đa dạng(bình sữa, đồ ăn dặm, đồ chơi,…) STT Danh mục sản phẩm 1 Bình sữa 2 Đồ ăn dặm 3 Đồ chơi cho bé 4 Đồ chăm sóc cơ thể bé 5 Đồ chăm sóc sức khỏe bé 6 Sữa dinh dưỡng 7 Tã bỉm (Bảng 1. Danh mục sản phẩm - Bé yêu Mart)  Demo sản phẩm
  • 11. beyeumart.com 2 STT Sản phẩm Hình ảnh sản phẩm 1 BÌnh sữa 2 Đồ ăn dặm 3 Đồ chơi cho bé
  • 12. beyeumart.com 3 4 Đồ chăm sóc cơ thể bé 5 Đồ chăm sóc sức khỏe bé 6 Sữa dinh dưỡng
  • 13. beyeumart.com 4 7 Tã bỉm (Bảng 2. Demo sản phẩm - Bé yêu Mart) - Mô hình kinh doanh: Đối tác chính Hoạt động chính Giải pháp giá trị Quan hệ khách hàng Phân khúc khách hàng Đầu vào: -Nhà cung cấp sản phẩm Đầu ra: - Hệ thống bán lẻ, siêu thị mini - Các cộng tác viên - Dịch vụ giao hàng, vận chuyển Đối tác quảng cáo: - Google - Facebook - Quảng cáo thương hiệu qua các trang mạng xã hội để tăng mức độ nhận diện thương hiệu - Thường xuyên có các chương trình giảm giá, khuyến mại - Bán hàng - Đa dạng sản phẩm - Đúng giá trên thị trường Duy trì quan hệ với khách hàng cũ: - Tặng phiếu giảm giá Đối với khách hàng mới: - Có các chương trình ưu đãi, giảm giá, khuyến mại Nhân khẩu học: - Tuổi: 25-55 - Nghề nghiệp: Tất cả các ngành nghề - Thu nhập: TB (Class B trở lên) - Tính cách: ấm áp, giàu tình yêu thương. - Sở thích: Nội trợ, chăm sóc con cái, gia đình Hành vi: Nguồn lực Chính: -sản phẩm: các loại sản phẩm cho trẻ từ 0- 24 tháng Kênh: -Website - Facebook
  • 14. beyeumart.com 5 tuổi(bình sữa,đồ ăn dặm,…) -nhân sự: cộng tác viên, nhân viên, nhân viên giao hàng -các kênh bán hàng - Thường xuyên sử dụng mạng xã hội. - Thường xuyên mua hàng online Chi phí Doanh thu - Chi phí nhập sản phẩm - Chi phí vận chuyển - Chi phí nhân viên - Chi phí duy trì website - Chi phí cho quảng cáo - Bán hàng (Bảng 3: Mô hình kinh doanh - Bé yêu Mart) - Phân khúc thị trường: Vị trí địa lý Theo đặc điểm nhân khẩu học Theo đặc điểm tâm lý xã hội Theo hành vi người tiêu dùng Việt Nam - Độ tuổi: 18-55 - Giới tính: Nam/nữ - Nghề nghiệp: nhân viên công sở, lao động, nội trợ,... - Thu nhập: Class B trở lên (7,5 triệu trở lên) - Tính cách: - Sở thích :Nội trợ, chăm sóc bé - Mối quan tâm: sức khỏe, sự phát triển của bé, mẹ - Hành vi mua sắm: mua online - Thời điểm mua: Khi mang bầu, trong thời gian chăm sóc bé, con nhỏ - Mục đích : chăm sóc sức khỏe mẹ và bé (Bảng 4: Phân khúc thị trường – Bé yêu Mart) - Khách hàng mục tiêu:
  • 15. beyeumart.com 6 (Sơ đồ 1: Khách hàng mục tiêu – Bé yêu Mart) 1.1.2. Địa chỉ Website: beyeumart.com 1.1.3. Các Theme và Plugin sử dụng: - Theme: STT Theme Giới thiệu tính năng 1 Flat Some ( Chid Theme) Quy định cấu trúc, giao diện người dùng và thiết kế của trang web. Flat Some là Theme dành cho Website thương mại điện tử. Nhân khẩu học Tuổi: 18-50 Giới tính : nữ Nghề nghiệp : công nhân lao động, nhân viên công sở, nội trợ… Thu nhập TB: 6tr – 8 tr Sở thích, thói quen Nội trợ , sử dụng MXH, lướt web, mua sắm online Hành vi online Đọc review, so sánh, dễ bị thu hút bởi các qc, chương trình giảm giá. thường xuyên sử dụng MXH, mua hàng online. Nơi tìm kiếm khách hàng Các trang tmđt, MXH như Facebook,instagra m,tiktok… Nơi khách hàng tìm kiếm Các trang tmđt, MXH như Facebook,instagra m,tiktok… Điều khách hàng tìm kiếm Sản phẩm chất lượng tốt , giá cả phải chăng Đáp ứng nhu cầu Sản phẩm chất lượng tốt , giá cả phải chăng, hỗ trợ khách
  • 16. beyeumart.com 7 (Bảng 5: Theme đã cài) - Plugin: STT Plugin Tính năng 1 Insert scripts in header and footer Mở rộng hoặc tùy chỉnh một ứng dụng hoặc hệ thống. Bổ sung trong ứng dụng gốc 2 Accelerated Mobile Pages Tăng tốc dành cho thiết bị di động 3 Advanced Editor Tools Hỗ trợ soạn thảo văn bản 4 Akismet Anti-Spam Giảm spam bình luận, Lọc thư rác bình luận và theo dõi lại.
  • 17. beyeumart.com 8 5 Author Bio Box Thêm hộp tác giả dưới các bài viết của bạn. 6 Checkout Field Editor for WooCommerce Tùy chỉnh các trường hợp thanh toán WooCommerce 7 Classic Editor Trình soạn thảo văn bản ở bài viết trở nên đơn giản và dễ sử dụng 8 Classic Widgets Khôi phục Classic Widgets Editor (trình quản trị widgets cổ điển) cho website WordPress, thay thế Block- based Widgets Editor trên WordPress 5.8. 9 Contact Form 7 Quản lý form gửi mail miễn phí khác nhau, tùy chỉnh nội dung và hình thức của email.
  • 18. beyeumart.com 9 10 Facebook Chat Plugin Tích hợp chatbox Messenger trên trang web. 11 Nextend Social Login Thiết lập cho trang web tính năng Đăng ký và Đăng nhập bằng các mạng xã hội. 12 Sassy Social Share Cung cấp hơn 100 mạng xã hội để chia sẻ nội dung blog của bạn và thu hút khách và cho phép bạn tùy chỉnh các biểu tượng. 13 Fonts Plugin Dùng để tạo Phông chữ 14 Rank Math SEO Quản lý SEO onpage của các bài đăng. Tích hợp chặt chẽ với Google Search Console. Ngoài ra, Rank Math còn đi kèm với theo dõi các lỗi 404, Chuyển hướng, Rich Snippets, SEO cục bộ, Sơ đồ trang
  • 19. beyeumart.com 10 web XML, SEO hình ảnh tự động, đề xuất xây dựng liên kết nội bộ, Table of content và kích hoạt, Cài đặt chức năng sitemap & robot.txt v.v. 15 Table of Contents Plus Tự động tạo mục lục thông qua các thẻ Heading. 16 Thanh Toán Quét Mã QR - Momo,Zalo Pay,Moca Grab, AirPay Hỗ trợ thanh toán đơn hàng trong Wocomece thông qua thẻ ngân hàng, các ví điện tử. 17 WooCommerce Công cụ thương mại điện tử cho phép bạn trưng bày sản phẩm và bán hàng. 18 WP Mail SMTP Giúp website bạn có thể gửi được Gmail. Khắc phục các lỗi về Email. 19 Zalo live chat Tích hợp chatbox Zalo trên Website.
  • 20. beyeumart.com 11 (Bảng 6: Plugin đã cài) 1.2. Công nghệ, công cụ sử dụng (Giới thiệu tóm tắt về Wordpress): 1.2.1. Wordpress là gì? Là hệ thống quản lý nội dung (CMS – Content Management System) Phổ biến được sử dụng trên toàn thế giới để xây dựng và quản lý các trang Web và Blog. 1.2.2. Các công cụ liên quan đến công cụ Wordpress: Ngôn ngữ lập trình: WordPress được viết bằng ngôn ngữ lập trình PHP. Điều này cho phép người dùng tùy chỉnh và mở rộng chức năng của trang web bằng cách viết mã PHP hoặc sử dụng các plugin có sẵn. Cơ sở dữ liệu: WordPress sử dụng MySQL làm hệ quản trị cơ sở dữ liệu. MySQL lưu trữ dữ liệu của trang web, bao gồm bài viết, trang, thông tin người dùng và các cài đặt khác. Giao diện người dùng: WordPress cung cấp một giao diện quản trị đồ họa trực quan, giúp người dùng dễ dàng tạo và quản lý nội dung trên trang web. Giao diện này cho phép bạn thay đổi nội dung, cài đặt, chủ đề và các plugin một cách dễ dàng. Chủ đề ( Themes): Chủ đề là các mẫu thiết kế cho trang web. WordPress có sẵn các chủ đề miễn phí và trả phí, và bạn cũng có thể tự tạo hoặc tùy chỉnh chúng để phù hợp với ý muốn của bạn. Chủ đề định hình cách trang web của bạn trông như thế nào. Plugin: Plugin là các mô-đun mở rộng giúp bạn mở rộng chức năng của trang web. Có hàng ngàn plugin có sẵn cho WordPress, cho phép bạn thêm các tính năng như biểu đồ, biểu mẫu liên hệ, SEO, thương mại điện tử, và nhiều tính năng khác. Hỗ trợ đã ngôn ngữ: WordPress hỗ trợ nhiều ngôn ngữ, giúp bạn tạo nội dung đa ngôn ngữ và đáp ứng đối tượng mục tiêu toàn cầu. Bảo mật: WordPress luôn phát triển để cải thiện bảo mật. Tuy nhiên, người dùng cũng cần thực hiện các biện pháp bảo mật như cập nhật hệ thống, sử dụng plugin bảo mật và tạo mật khẩu mạnh. Cộng đồng tài liệu: Cộng đồng WordPress rất lớn và nhiệt tình. Bạn có thể tìm kiếm hỗ trợ, tài liệu và hướng dẫn trực tuyến từ các nguồn khác nhau như trang web chính thức, diễn đàn và blog WordPress. Hosting: Để sử dụng WordPress, bạn cần một dịch vụ lưu trữ web (web hosting). Có nhiều nhà cung cấp hosting hỗ trợ WordPress, và một số cung cấp cài đặt tự động để bạn có thể bắt đầu nhanh chóng. 1.2.3. Những ưu điểm nổi bật của Wordpress: Giao diện của WP đơn giản, dễ sử dụng: Giúp người dùng có thể nắm rõ cơ cấu quản lý của website WP một cách nhanh chóng.
  • 21. beyeumart.com 12 Cộng đồng hỗ trợ rộng lớn: Là một mã nguồn CMS phổ biến nên bạn sẽ được cộng đồng những người sử dụng và làm việc với WP hỗ trợ khi các bạn gặp phải những khó khăn trong quá trình sử dụng. Hỗ trợ nhiều ngôn ngữ: Hiện tại WP có rất nhiều gói ngôn ngữ đi kèm ( có bao gồm Tiếng Việt). Có sẵn nhiều gói giao diện: Hiện nay có rất nhiều theme miễn phí khác nhau để bạn có thể thay đổi thiết kế website của mình chỉ với vài cú click chuột đơn giản. Bên cạnh đó, nếu muốn giao diện của website đẹp và chuyên nghiệp hơn thì bạn có thể mua những theme có trả phí. Nhiều plugin hỗ trợ: Plugin có thể hiểu là một thành phần cài đặt thêm vào WP để giúp nó có thêm nhiều tính năng cần thiết. Với lợi thế là cộng đồng sử dụng WP đông đảo nên thư viện plugin của WP cũng vô cùng phong phú ( bao gồm miễn phí và trả phí) Có thể làm nhiều loại website: Ngoài việc có thể làm blog cá nhân, thì bạn có thể làm một website bán hàng/giới thiệu doanh nghiệp/tờ tạp chí,... bằng cách kết hợp theme và plugin. 1.2.4. Một số nhược điểm của WP: Hầu hết những theme đẹp của WP đều phải trả phí. Mức độ bảo mật chưa được tốt. Để custom được WP thì phải biết kiến thức tốt về website. Nhiều hàm có sẵn khó nắm bắt được. 1.2.5. Cấu trúc quảng trị của Wordprees: Dashboard Home: Tổng quan về quản trị WP, bao gồm thông tin tóm tắt về website WP, viết blog nhanh, một số bình luận mới nhất, plugin mới và phổ biến nhất, và link đến website Updates: Hiển thị tất cả các theme và plugin có bản mới. Posts: Quản lý bài viết, tag và danh mục (category). All posts: Quản lý tất cả các bài viết. Add new: Đăng bài viết mới. Categories: Quản lý tất cả các danh mục. Tags: Quản lý tất cả các Post Tag. Media Trang quản lý tất cả các tập tin đa phương tiện như hình ảnh, video, tập tin văn bản,… được tải lên website. Bạn có thể thêm hoặc xoá bất kỳ tập tin nào tại trang này.
  • 22. beyeumart.com 13 Pages Trang quản lý những trang tĩnh (page). Điểm khác biệt giữa trang tĩnh (Page) và bài viết (Posts) là trang tĩnh có thể được thêm vào thanh điều hướng (menu) còn bài viết thì không. Ví dụ: Bạn có thể tạo một trang tĩnh để giới thiệu về công ty hoặc sản phẩm, hoặc làm trang liên hệ rồi đưa vào menu để người xem dễ nhận biết. Comments Trang quản lý các ý kiến bình luận trên website của bạn. Bạn có thể xoá hoặc cấm bất kỳ người nào sử dụng chức năng này trên web của bạn. Feedback Là trang quản lý những hồi âm, liên hệ của khách hàng gửi cho bạn. Appearance Trang quản lý giao diện web. Tại đây bạn có thể cài đặt và sử dụng những Theme WordPress khác nhau, cũng như chỉnh sửa CSS theo ý của bạn. Bạn có thể tìm các Theme cho WordPress tại trang Giao diện ‹ Bé yêu Mart — WordPress (beyeumart.com) Plugins Trang quản lý các Plugin bổ sung tính năng cho website của bạn. Bạn có thể cài đặt hoặc gỡ bỏ bất kỳ Plugin nào tại trang này. Bạn có thể tìm các Plugin cho WordPress tại trang Thêm gói mở rộng ‹ Bé yêu Mart — WordPress (beyeumart.com) Users Trang quản lý người dùng đã đăng ký sử dụng tại website của bạn. Bạn có thể thêm, xoá hoặc phân quyền cho bất kỳ người dùng nào tại trang này. Tools Trang quản lý xuất/nhập dữ liệu. Bạn có thể xuất ra file để làm file backup cho website phòng trường hợp website của bạn bị hack, bị mất dữ liệu trong tương lai, từ đó bạn có thể sử dụng công cụ import để khôi phục lại dữ liệu đã export Settings Trang thiết lập/chỉnh sửa các thông số chung cho website như đường dẫn, timezone, Date Format, cấu trúc đường dẫn,…. Thông thường việc quản lý và chỉnh sửa thông số của các Plugin cũng được thực hiện tại đây. Lợi ích của việc sử dụng WordPress
  • 23. beyeumart.com 14 Dễ sử dụng: WordPress có một giao diện quản trị đồ họa dễ sử dụng, cho phép người dùng thêm, chỉnh sửa và quản lý nội dung trang web một cách dễ dàng, ngay cả khi họ không có kiến thức kỹ thuật sâu. Tùy chỉnh cao cấp: WordPress cho phép bạn tự tùy chỉnh trang web theo ý muốn bằng cách sử dụng mã PHP và CSS. Điều này có nghĩa là bạn có toàn quyền kiểm soát trên giao diện và chức năng của trang web. Tối ưu hóa SEO: WordPress có nhiều công cụ và plugin giúp bạn tối ưu hóa trang web cho công cụ tìm kiếm (SEO), giúp trang web của bạn dễ dàng được tìm thấy trên Google và các công cụ tìm kiếm khác. Phí hợp lí: WordPress là mã nguồn mở và miễn phí sử dụng. Mặc dù có các phiên bản cao cấp và các plugin trả phí, bạn có thể tạo một trang web cơ bản hoàn toàn miễn phí. II. TRIỂN KHAI 2.1. Các chức năng chính của Website: - Hiển thị Sản Phẩm: Hiển thị danh sách sản phẩm theo ý muốn của khách hàng (Hình 2: Hiển thị danh sách sản phẩm theo ý muốn của khách) - Tìm Kiếm Sản Phẩm: Cho phép người dùng tìm kiếm sản phẩm theo loại, giá cả, thương hiệu, kích thước, và màu sắc. (Hình 3: Cho phép người dùng tìm kiếm sản phẩm theo loại, giá cả, thương hiệu, kích thước, và màu sắc)
  • 24. beyeumart.com 15 - Chi Tiết Sản Phẩm: Cung cấp thông tin chi tiết về sản phẩm, kèm theo hình ảnh, mô tả, và đánh giá từ người dùng khác. (Hình 4: Chi tiết sản phẩm) (Hình 5: Chi tiết sản phẩm) - Giỏ Hàng và Thanh Toán: Cho phép người dùng thêm sản phẩm vào giỏ hàng, xem giỏ hàng của họ, và thực hiện thanh toán trực tuyến an toàn. (Hình 6: Giỏ hàng và thanh toán)
  • 25. beyeumart.com 16 - Chức Năng Đánh Giá và Nhận Xét: Cho phép người dùng đánh giá sản phẩm và viết nhận xét về sản phẩm mà họ đã mua, giúp người khác trong quá trình mua sắm. (Hình 7: Chức năng đánh giá và nhận xét) - Theo Dõi Đơn Hàng: Cung cấp cho người dùng khả năng theo dõi đơn hàng của họ và biết được trạng thái giao hàng. (Hình 8: Chức năng theo dõi đơn hàng) - Tin Tức và Hướng Dẫn: Cung cấp tin tức và bài viết về chăm sóc trẻ sơ sinh, hướng dẫn sử dụng sản phẩm, và các thông tin liên quan.
  • 26. beyeumart.com 17 (Hình 9: Chức năng cung cấp thông tin và hướng dẫn) - Đăng Ký và Đăng Nhập: Cho phép người dùng tạo tài khoản, lưu trữ thông tin cá nhân, và theo dõi đơn hàng của họ. (Hình 10. Đăng ký và đăng nhập) - Liên Hệ và Hỗ Trợ: Cung cấp thông tin liên hệ và hệ thống hỗ trợ khách hàng để giải quyết các câu hỏi và vấn đề của người dùng.
  • 27. beyeumart.com 18 (Hình 11: Chức năng liên hệ và hỗ trợ) - Chức Năng Chia Sẻ Xã Hội: Cho phép người dùng chia sẻ sản phẩm hoặc bài viết về trẻ sơ sinh trên các mạng xã hội. (Hình 12: Chức năng chia sẻ xã hội) - Hỗ trợ Đa Ngôn Ngữ: Hỗ trợ nhiều ngôn ngữ để phục vụ khách hàng quốc tế.
  • 28. beyeumart.com 19 (Hình 13: Hỗ trợ đa ngôn ngữ) - Bảo Mật Thông Tin: Đảm bảo an toàn thông tin cá nhân của người dùng và dữ liệu giao dịch. Với chứng chỉ https: giúp người dùng bảo mật thông tin an toàn, và giúp khách hàng cảm thấy an tâm khi vào trang web (Hình 14: Bảo mật thông tin) - Tích hợp Google Analytics: Xem báo cáo về tình trạng web để có những phương án cải thiện thích hợp (Hình 15: Tích hợp Google Analytics) - Tạo và submit được sitemap.xml lên Google Search Console: Cung cấp thông tin cho công cụ tìm kiếm của Google về cấu trúc và nội dung trang web của bạn.
  • 29. beyeumart.com 20 (Hình 16: Tạo và submit được sitemap.xml lên Google Search Console) 2.2. Sơ đồ Website (Cấu trúc dạng sơ đồ phân rã chức năng):
  • 30. beyeumart.com 21 (Sơ đồ 2: Sơ đồ Website – Bé yêu Mart) Trang chủ HomePage Sản phẩm Blog Chính sách Thanh toán Đăng nhập bann er Danh mục sản phẩm nổi bật Các sản phẩm bán Ưu đãi Sản phẩm giảm Thông tin hữu ích Chăm sóc cơ thể Chăm sóc sức khỏe Đồ ăn dặm Tã / bỉm Bình sữa Đồ chơi cho bé Bảo vệ sức khỏ e Hàn h tran g cho Dinh dưỡn g cho bé Chí nh sách cá nhâ n và bảo mật Chí nh sách hoà n tiền đơn hàn g Chí nh sách đổi trả Chí nh sách bảo hàn h Shoppi ng cart Checko ut details Oder comple te Sig n up / log in
  • 31. beyeumart.com 22 - TRANG CHỦ : (Hình 17: Trang chủ)  Hiển thị thông tin tổng quan về trang web  Hiển thị các sản phẩm hoặc dịch vụ nổi bật  Liên kết đến các trang quan trọng khác trong web - Trang Sản phẩm
  • 32. beyeumart.com 23 (Hình 18: Trang sản phẩm)  Hiển thị danh sách các danh mục sản phẩm hoặc dịch vụ  Cho phép người dùng lựa chọn một danh mục cụ thể để xem sản phẩm hoặc dịch vụ trong danh mục đó - Trang Blog : (Hình 19: Trang Blog)  Hiện thị danh sách các bài viết hoặc tin tức trên web  Cho phép người dùng xem chi tiết từng bài viết  Cung cấp tính năng tìm kiếm bài viết - Trang chính sách
  • 33. beyeumart.com 24 (Hình 20: Trang chính sách)  Hiện thị thông tin về các chính sách của trang web , bao gồm chính sách bảo mật , điều khoản sử dụng , chính sách hoàn tiền và các chính sách khác  Thường có liên kết từ các trang khác để người dùng có thể xem chính sách khi cần - Trang thanh toán : (Hình 21: Trang thanh toán)  Cho phép người dùng thêm sản phẩm hoặc dịch vụ vào giỏ hàng  Hiển thị giỏ hàng và cho phép người dùng chỉnh sửa nó  Thực hiện quy trình thanh toán , bao gồm điền thông tin giao hàng , lựa chọn phương thức thanh toán và xác nhận đơn hàng 2.3. Cài đặt Theme, Plugin (Giới thiệu các bước cài đặt Theme, Plugin, Pages…):
  • 34. beyeumart.com 25 2.3.1. Cài theme cho website: Bước 1: Truy cập trang quản trị wordpress- Giao diện-Thêm giao diện mới (Hình 22: Cài theme cho Website) Bước 2: Chọn phần giao diện được hỗ trợ sẵn (Hình 23: Cài theme cho Website) Hoặc tải lên file giao diện chuẩn bị trước (Hình 24: Cài theme cho Website) VD website Bé yêu mart sử dụng file chuẩn bị sẵn
  • 36. beyeumart.com 27 (Hình 26: Cài theme cho Website) 2.3.2. Cài đặt các plugin: Bước 1: Truy cập quản trị wordpress- Chọn plugin-Thêm mới (Hình 27: Cài đặt Plugin) Bước 2: Tìm kiếm các plugin cần cài Bước 3: Cài đặt – Kích hoạt (Hình 28: Cài đặt Plugin) Đa phần các plugin chỉ cần cài đặt và kích hoạt là có thể sử dụng luôn. Tuy nhiên ngoài ra có một vài plugin khi kích hoạt chúng ta phải cấu hình lại để phù hợp với nhu cầu sử dụng:  Facebook Chat Plugin Chọn setting ở plugin đã cài
  • 37. beyeumart.com 28 (Hình 29: Cấu hình Facebook live chat) Chọn Edit Chat plugin Configuration (Hình 30: Cấu hình Facebook live chat) Chọn fanpage muốn tích hợp-Tiếp tục (Hình 31: Cấu hình Facebook live chat)
  • 38. beyeumart.com 29  Zalo live chat Chọn setting ở plugin đã cài (Hình 32: Cấu hình Zalo live chat) Cần điền Zalo Official Account ID (Hình 32: Cấu hình Zalo live chat) Zalo Official Account ID được lấy bằng cách: Truy cập website Zalo Official Account Tạo tài khoản bằng zalo muốn nhận tin nhắn-Quản lí tài khoản (Hình 33: Cấu hình Zalo live chat)  Accelerated Mobile Pages Tại setting plugin-General- Bật các hỗ trợ lên và lưu lại
  • 39. beyeumart.com 30 (Hình 34: Cấu hình Accelerated Mobile Pages)  Advanced Editor Tools Setting-chọn các hỗ trợ căn chỉnh khi soạn thảo văn bản (Hình 35: Cấu hình Advanced Editor Tools)  Akismet Anti-Spam Setting- Chọn cài đặt tài khoản Akismet- Thiết lập tài khoản
  • 40. beyeumart.com 31 (Hình 36: Cấu hình Akismet Anti-Spam) Copy đoạn mã – Dán vào nhập khóa API thủ công- Save (Hình 37: Cấu hình Akismet Anti-Spam) Checkout Field Editor for WooCommerce Setting-add file (Hình 38: Cấu hình Checkout Field Editor for WooCommerce) Điền các trường thông tin-Save
  • 41. beyeumart.com 32 (Hình 39: Cấu hình Checkout Field Editor for WooCommerce) Nextend Social login Setting General: (Hình 40: Cấu hình Nextend Social login) Privacy:
  • 42. beyeumart.com 33 (Hình 41: Cấu hình Nextend Social login) Login Form (Hình 42: Cấu hình Nextend Social login) Getting Starded để bắt đầu tạo ứng dụng chuyển hướng đăng nhập (Hình 43: Cấu hình Nextend Social login)
  • 43. beyeumart.com 34 Điền các bước theo yêu cầu (Hình 44: Cấu hình Nextend Social login) Tạo ứng dụng (Hình 45: Cấu hình Nextend Social login)
  • 44. beyeumart.com 35 Chọn đăng nhập bằng Facebook (Hình 46: Cấu hình Nextend Social login) Chọn nền tảng (Hình 47: Cấu hình Nextend Social login) Đăng nhập facebook-Cài đặt Tại URL chuyển hướng OAuth hợp lệ nhập: https://beyeumart.com/wp- login.php?loginSocial=facebook
  • 45. beyeumart.com 36 (Hình 48: Cấu hình Nextend Social login) Trở lại phần setting websit dán phần App ID và App Secret ở ứng dụng (Hình 49: Cấu hình Nextend Social login) Kiểm tra cài đặt lại (Hình 50: Cấu hình Nextend Social login)  Sassy social share
  • 46. beyeumart.com 37 Setting- Cài đặt giao diện các mạng xã hội muốn chia sẽ xuất hiện ở website (Hình 51: Cấu hình sassy social share) 2.3.3. Xây dựng các trang của website: Giao diện chung  Header Ở giao diện trang-Tùy biến Chọn header (Hình 52: Tùy chỉnh Header) Chọn-Sắp xếp- Chỉnh sửa từng thành phần
  • 47. beyeumart.com 38 (Hình 53: Tùy chỉnh Header)  Footer Quản trị wordpress- UX blocks (Hình 54: Tùy chỉnh Footer) Ở phần footer-Edit with UX Builder (Hình 55: Tùy chỉnh Footer) Sắp xếp chỉnh sửa các thành phần-Update
  • 48. beyeumart.com 39 (Hình 56: Tùy chỉnh Footer)  Menu Quản trị website- Giao diện- Menu (Hình 57: Tùy chỉnh Menu) Tạo các thành phần menu- Gắn URL các trang điều hướng (Hình 58: Tùy chỉnh Menu)  Trang chủ
  • 49. beyeumart.com 40 Quản trị website-Trang-Chọn phần trang chủ-Edit with UX Builder Kéo thả vị trí các section- Thêm các thành phần của từng section-update (Hình 59 : Tùy chỉnh Trang chủ)  Sản phẩm Trang sản phẩm-Tùy biến-Danh mục sản phẩm (Hình 60 : Tùy chỉnh Trang sản phẩm) Chọn các thành phần hiển thị trong trang cửa hàng
  • 50. beyeumart.com 41 (Hình 61 : Tùy chỉnh Trang sản phẩm) Cấu trúc trang (Hình 62 : Tùy chỉnh Trang sản phẩm)
  • 51. beyeumart.com 42 Hình ảnh sản phẩm trong trang (Hình 63 : Tùy chỉnh Trang sản phẩm) Tạo bộ lọc sản phẩm (Hình 64 : Tùy chỉnh Trang sản phẩm)  Blog Trang blog-Tùy biến-Blog layout
  • 52. beyeumart.com 43 (Hình 65 : Tùy chỉnh Trang Blog) Cấu trúc trang (Hình 66 : Tùy chỉnh Trang Blog)  Trang chính sách Quản trị website-Trang chính sách-Chỉnh sửa (Hình 67 : Tùy chỉnh trang chính sách)
  • 53. beyeumart.com 44 Thêm chính sách thương hiệu-Cập nhật (Hình 68 : Tùy chỉnh trang chính sách)  Trang thanh toán Trước tiên cần cài plugin Woocomerce Tại quản trị website-Woocomerce-Cài đặt (Hình 69: Tùy chỉnh trang thanh toán) Tại phần chung điền thông tin của cửa hang
  • 54. beyeumart.com 45 (Hình 70: Tùy chỉnh trang thanh toán) Phần sản phẩm lựa chọn các mục (Hình 71: Tùy chỉnh trang thanh toán) Phần giao hang lựa chọn vùng và phương thức giao hang
  • 55. beyeumart.com 46 (Hình 72: Tùy chỉnh trang thanh toán) Phần thanh toán bật các hình thức thanh toán bạn có (Hình 73: Tùy chỉnh trang thanh toán) Vào phần cài đặt ở các hình thức thanh toán để them thông tin về các phương thức thanh toán
  • 56. beyeumart.com 47 (Hình 74: Tùy chỉnh trang thanh toán) Phần tài khoản và bảo mật tích chọn các yêu cầu khi khách đặt hang (Hình 75: Tùy chỉnh trang thanh toán) Phần Email để theo mặc định
  • 57. beyeumart.com 48 (Hình 76: Tùy chỉnh trang thanh toán) Phần nâng cao phải lựa chọn các trang theo yêu cầu để kết nối các trang lại với nhau trong khi thanh toán (Hình 77: Tùy chỉnh trang thanh toán)  Trang liên hệ Yêu cầu cài tiếp plugin WP Mail SMTP Tại phần quản trị website-Thiết lập
  • 58. beyeumart.com 49 (Hình 78: Tùy chỉnh trang liên hệ) Mail đi là email sẽ nhận được thông tin liên hệ khi khách hang gửi Tên người gửi là phần thông tin được gửi từ đâu Phương thức gửi mail chọn Other SMTP (Hình 79: Tùy chỉnh trang liên hệ) Tại Other SMTP
  • 59. beyeumart.com 50 SMTP host smtp.gamil.com Mã hóa SLL SMTP port: 465 (Hình 80: Tùy chỉnh trang liên hệ) SMTP Usename: Email gửi SMTP Password sử dụng mật khẩu ứng dụng từ gmail (Hình 81: Tùy chỉnh trang liên hệ) Yêu cầu cài đặt Plugin Contact Form 7 Tại quản trị website-Form liên hệ-Add new
  • 60. beyeumart.com 51 (Hình 82: Tùy chỉnh trang liên hệ) Presets để mặc định (Hình 83: Tùy chỉnh trang liên hệ) Nôi dung Form viết các lệnh cần điền ở trường thông tin
  • 61. beyeumart.com 52 (Hình 84: Tùy chỉnh trang liên hệ) Phần cấu hình mail Lưu ý điền phần mail gửi như hình (Hình 85: Tùy chỉnh trang liên hệ) Các trường thông tin khi nhận mail
  • 62. beyeumart.com 53 (Hình 86: Tùy chỉnh trang liên hệ) Các thông tin hiển thị khi gửi (Hình 87: Tùy chỉnh trang liên hệ) Dán mã code vào phần trang liên hệ đã tạo (Hình 88: Tùy chỉnh trang liên hệ) III. CÁC HÌNH ẢNH VÀ TÀI LIỆU THAM KHẢO
  • 63. beyeumart.com 54 3.1. Hình ảnh về sản phẩm của nhóm: Trang chủ:  Header (Hình 98: Hình ảnh Trang chủ - Bé yêu Mart)  Body:
  • 64. beyeumart.com 55 (Hình 90: Hình ảnh Trang chủ - Bé yêu Mart)
  • 65. beyeumart.com 56  Footer: (Hình 91: Hình ảnh Trang chủ - Bé yêu Mart) Trang sản phẩm: (Hình 92: Hình ảnh Trang sản phẩm - Bé yêu Mart) Trang blog: (Hình 93: Hình ảnh Trang Blog - Bé yêu Mart) Trang chính sách:
  • 66. beyeumart.com 57 (Hình 94: Hình ảnh Trang chính sách - Bé yêu Mart) Trang thanh toán: (Hình 95: Hình ảnh Trang thanh toán - Bé yêu Mart) Trang tài khoản: (Hình 96: Hình ảnh Trang tài khoản - Bé yêu Mart)
  • 67. beyeumart.com 58 3.2. Tài liệu tham khảo (Danh sách tài liệu tham khảo, địa chỉ Website đến nội dung tham khảo khi làm Website): Khi xây dựng Website, chúng em tham khảo trang web 1 số thương hiệu nổi tiếng cùng ngành hàng mẹ và bé như: - Kids plaza: https://www.kidsplaza.vn/ - Con cưng: https://concung.com/ - Khang Baby: https://khangbaby.com/ “Khi làm Website, chúng em chỉ sử dụng thông tin để tham khảo và không sao chép hoặc copy bất kỳ nội dung nào từ các nguồn khác một cách trái phép. Chúng em luôn tôn trọng quyền sở hữu trí tuệ và các quy định về bản quyền và cam kết tuân thủ mọi luật lệ liên quan khi tạo ra và phát triển website của chúng em”