các nhóm sẽ tham gia project phát triển và triển khai một website thương mại điện tử hoàn chỉnh bằng cms wordpress

MỤC LỤCCHƯƠNG 1: TỔNG QUAN...3Thiết kế website thương mại điện tử với các yêu cầu:...3Thiết kế website thương mại điện tử với các chức năng:...3Bảng phân công công việc...4CHƯƠNG 2: T

BÁO CÁO ĐỒ ÁN CUỐI KÌ MÔN PHÁT TRIỂN WEBSITE CĂN BẢNĐỀ TÀI: CÁC NHÓM SẼ THAM GIA PROJECT PHÁT TRIỂN VÀ TRIỂN

KHAI MỘT WEBSITE THƯƠNG MẠI ĐIỆN TỬ HOÀN CHỈNH BẰNGCMS WORDPRESS

Giảng viên hướng dẫn: Nguyễn Minh TânLớp: 232_71MISS40213_06

Nhóm: 3

Nhóm Ngành: Marketing

…, tháng 5 năm 2024.

MỤC LỤC

CHƯƠNG 1: TỔNG QUAN 3

Thiết kế website thương mại điện tử với các yêu cầu: 3

Thiết kế website thương mại điện tử với các chức năng: 3

Bảng phân công công việc 4

CHƯƠNG 2: TRIỂN KHAI WEBSITE 5

-Trình bày các bước cài đặt WP trên máy để thực hiện đồ án 5

+ Bước 1: Mua hosting và tên miền 5

+ Bước 2: Tạo tài khoản WordPress bằng cách click vào WordPress Manager by Softaculous 6

+ Bước 3: Đăng nhập vào WordPress bằng cách chọn Login và điền tài khoản + mật khẩu 7

-Trình bày các bước thực hiện xây dựng các chức năng của website 8

Trang tin tức + trang giới thiệu + trang chính sách đổi trả 8

Tạo danh mục và up sản phẩm 9

Giỏ hàng + thanh toán 16

Thông tin liên hệ 20

Chức năng thông minh của website 22

_Trình bày các giao diện chức năng sau khi đã hoàn thành website 22

Chức năng với vai trò quản trị: 22

Chức năng với vai trò người dùng bên ngoài: 27

CHƯƠNG 3: KẾT LUẬN VÀ KIẾN NGHỊ 33

Hướng phát triển 33

-Tối ưu hóa trải nghiệm người dùng (UX): 33

Thiết kế giao diện: 33

Nghiên cứu từ khóa: 33

Tối ưu hóa nội dung: 33

 Thông tin liên hệ (gọi điện, chat with me, zalo v.v…)

Thiết kế website thương mại điện tử với các chức năng:

 Chức năng với vai trò quản trị: Quản lý danh mục sản phẩm Quản lý sản phẩm

 Quản lý khách hàng

 Quản lý đơn đặt hàng của khách hàng Các chức năng thống kê

 chức năng với vai trò người dùng bên ngoài:

 Xem danh sách các sản phẩm theo loại, các sản phẩmmới nhất, các sản phẩm bán chạy nhất

 Tìm kiếm sản phẩm

 Xem chi tiết một sản phẩm Quản lý giỏ hàng, đặt hàng

CHƯƠNG 2: TRIỂN KHAI WEBSITE

-Trình bày các bước cài đặt WP trên máy để thực hiện đồ án

+ Bước 1: Mua hosting và tên miền

Hình 1

Sau khi có tài khoản và mật khẩu đăng nhập sẽ xuất hiện giao diệndưới đây

Hình 2

-Trình bày các bước thực hiện xây dựng các chức năng củawebsite

Trang tin tức + trang giới thiệu + trang chính sách đổi trảTìm “Trang” và chọn “tất cả các trang”

Hình 8

Chọn trang cần thêm nội dung, ví dụ chọn trang “Giới thiệu”=>“chỉnh sửa” (các trang này sẽ có sẵn khi kích hoạt theme nên khôngphải tạo trang mới)

Hình 9

Thêm nội dung hoặc công cụ cho trang này và ấn “Cập nhật”

Hình 10

Kết quả, làm tương tự như vậy với 2 trang còn lại

Hình 11

Tạo danh mục và up sản phẩmTìm “Sản phẩm” chọn “Danh mục”

Điền các thông tin và chọn “Thêm danh mục mới”

Hình 13

Kết quả

Hình 14

Sau khi thêm danh mục thì đây là trình tự thêm sản phẩm mới

Tiếp theo “Sản phẩm” => “Thêm mới”

Hình 15

Tại đây điền các thông tin của sản phẩm như: tên, giá, ảnh, mô tả,chọn danh mục… và click “Đăng”

khác nhau thì sẽ chỉnh các biến thể“Sản phẩm”=> “Các thuộc tính”

Hình 17

Đặt tên và chọn “thêm thuộc tính”

Sau đó trở lại giao diện up sản phẩm, tìm “Dữ liệu sản phẩm”=>“Sản phẩm có biến thể”

Hình 24

Giỏ hàng + thanh toán

Vào “Trang”=> “Tất cả các trang”=> “Giỏ hàng”=> “Chỉnh sửa”

Hình 25

Click vào dấu + trên góc trái màn hình để chọn Block=> chọn “CartItems”, “Cart Cross-Sells”, “Tóm tắt đơn hàng” => Cập nhật

Hình 27

Trang thanh toán cũng thực hiện các thao tác tương tự giỏ hàng.Nhưng chọn các Block tên “Trường thanh toán” và “Tóm tắt đơnhàng”

Sau đó tìm “WooCommerce”=> “Cài đặt”

Hình 28

Chọn “Thanh toán” và bật các mục trong ảnh

Hình 29

Kết quả

Cài đặt plugin “all in one contact buttons”=> “Kích hoạt”

Hình 31

Cài đặt các thông tin như sđt, zalo, email, messenger, gg map

Hình 32

Kết quả

Hình 33

Hình 35

Hình 36

+ Quản lý sản phẩm:

Hình 38

Hình 39

Hình 43

Hình 44

Hình 45

Chức năng với vai trò người dùng bên ngoài:

+ Xem danh sách các sản phẩm theo loại, các sản phẩm mới nhất,các sản phẩm bán chạy nhất

Hình 47

Hình 49Hình 48

+ Tìm kiếm sản phẩm

Hình 50

Hình 51

Hình 52

+ Quản lý giỏ hàng, đặt hàng***Giỏ hàng

Hình 53

***Đặt hàng

CHƯƠNG 3: KẾT LUẬN VÀ KIẾN NGHỊ

o Hình ảnh sản phẩm chất lượng cao, đa góc độ.

Thanh toán và vận chuyển:

o Hỗ trợ đa dạng phương thức thanh toán (bổ sung thêm víđiện tử, QRcode ).

o Cung cấp nhiều đơn vị vận chuyển (giao hang nhanh,Ninjavan, )

Hỗ trợ khách hàng:

o Tích hợp chatbot giúp tự động trả lời.o Phản hồi nhanh chóng, chuyên nghiệp.

Tạo ra nhiều chương trình khuyến mãi:

o Khuyến mãi theo dịp lễ Tết, sự kiện đặc biệt.o Voucher giảm giá, miễn phí vận chuyển.o Chương trình tri ân khách hàng.

o Xác định từ khóa phù hợp, tiềm năng liên quan đến sảnphẩm, dịch vụ.

o Phân tích mật độ từ khóa hợp lý.

Tối ưu hóa nội dung:

o Tạo nội dung chất lượng cao, hữu ích cho người dùng.o Sử dụng từ khóa mục tiêu một cách tự nhiên.

o Cập nhật nội dung thường xuyên.

Đồng thời nhóm khách hàng quan tâm đến các sản phẩm làm đẹpchiếm số lượng không hề nhỏ ở cả nam và nữ nên đây là thị trườngtiềm năng để phát triển Vì thế, sau khi tiến hành khảo sát thì emquyết định thiết kế một trang web bán mỹ phẩm có tên là“beautysaigongenz” với các chức năng cơ bản mà một trang webmua bán cần có.

Website “beautysaigongenz” thứ nhất dùng để quảng bá sản phẩm,thứ hai là kênh thông tin cho mọi người, thứ ba là một địa chỉ tin cậyđể những khách hàng có thể tìm mua được những sản phẩm màmình yêu thích với giá cả hợp lí.