Mục lục Phần 1: Xây dựng website bằng WordPress có cài đặt chức năng bán hàng trực tuyến Woocommerce .... 15 Phần 1: Xây dựng website bằng WordPress có cài đặt chức năng bán hàng trực tu
Trang 1- -
MÔN: XÂY DỰNG TRANG WEB
ĐỀ TÀI:
XÂY DỰNG TRANG WEB CHO DOANH NGHIỆP
K CLOTHING
ĐỀ TÀI:
XÂY DỰNG TRANG WEB CHO DOANH NGHIỆP
ĐỀ TÀI:
XÂY DỰNG TRANG WEB CHO DOANH NGHIỆP
K CLOTHING
Trang 2
Mục lục
Phần 1: Xây dựng website bằng WordPress có cài đặt chức năng bán hàng trực
tuyến Woocommerce 2
1 Giới thệu doanh nghiệp 2
1.1 Phác thảo website qua trang web Figma 4
1.2 Lên sơ đồ hiển thị qua trang web Draw.io 5
2 Cài đặt Wordpress: 5
3 Thiết lập danh mục sản phẩm, nội dung sản phẩm 11
4 Đăng banner và thiết lập giao diện cho trang web 13
5 footer 15
15
Phần 2: Cài đặt và cấu hình các plugin cho website 15
1 Cài đặt plugin 15
Phần 1: Xây dựng website bằng WordPress có cài đặt chức năng bán hàng trực tuyến Woocommerce
1 Giới thệu doanh nghiệp
- Đề tài làm website: K clothing
- Tên miền: kclothing.us
- Tên thương hiệu: K CLOTHING
- Logo:
-
- Người sáng lập: Nguyễn Thị Kim Anh
- Ngày thành lập: 07/01/2023
Trang 3- Bắt nguồn từ niềm đam mê mãnh liệt với các món đồ thời trang nữ và mong muốn mang các sản phẩm thời trang giá tốt, mẫu mã đẹp mắt, hợp trend cho khách hàng, tôi đã quyết định tạo nên thương hiệu K Clothing
- Châm ngôn của K clothing: “Giá hạt dẻ, sản phẩm chất lượng”
- Tầm nhìn sứ mệnh và giá trị cốt lõi
• Tầm nhìn sứ mệnh: K clothing hướng tới trở thành 1 thương hiệu uy tín mang phong cách trẻ trung nữa tính và tao nhã
- Giá trị cốt lõi:
• Chất lượng: luôn đặt việc gây dựng uy tín, trách nhiệm lên hàng đầu để đảm bảo chất lượng của sản phẩm khi tới tay khách hàng K clothing luôn mang đến sự an tâm tuyệt đối khi mua hàng
• Tin cậy: K clothing luôn mang đến sự tin cậy, luôn chú trọng phát triển thương hiệu, là điểm tự vững chắc cho khách hàng khi mua các sản phẩm
• Thân thiện: K clothing luôn thân thiện với khách hàng và mang tới trải nghiệm mua hàng tốt nhất
• Chăm sóc khách hàng: với mục tiêu thương hiệu K clothing vươn xa hơn, việc chăm sóc khách hàng được đặt lên hàng đầu
Trang 41.1 Phác thảo website qua trang web Figma
Trang 51.2 Lên sơ đồ hiển thị qua trang web Draw.io
2 Cài đặt Wordpress:
Bước 1: Vào tài khoản quản lý Hosting của bạn
Bước 2: Tìm kiếm mục Software chọn WordPress Manager by Softaculous
Bước 3: Tiến hành thiết lập cài đặt tài khoản, mật khẩu WordPress
Trang 6Bước 4: Chọn Theme mặc định sau đó nhấn chọn Install
2 Cài đặt và cấu hình theme cho website có hỗ trợ Woocommerce
2.1 Các bước cài đặt Theme:
Bước 1: Đăng nhập vào tàii khoản Admin của WordPress
Bước 2: Chọn Giao diện
Trang 7
Bước 3: Chọn thêm mới để thêm giao diện mới
Bước 4: Chọn giao diện phù hợp với loại hình kinh doanh
Bước 5: Cài đặt các plugins mà mẫu yêu cầu -> Next
3 Cài đặt Woocommerce
Trang 8Bước 1: Dowload WooCommerce – WordPress plugin | WordPress.org
Bước 2: Sau khi tải về vào Plugin-> thêm mới rồi tải lên
Bước 3: Cài thành công WooCommerce
4 Thiết lập cấu trúc Page, Post, Catalogue và Tag
4.1 Page
Bước 1: Vào trang -> chỉnh sửa lại cấu trúc trang
Trang 9Bước 2: Nhấn chỉnh sửa->sửa với elementor
Bước 3: Xem lại trang đã sửa
Trang 104.2 Bài viết
Bước 1: Vào bài viết-> chỉnh sửa
Bước 2: Chỉnh sửa và coi kết quả
Trang 113 Thiết lập danh mục sản phẩm, nội dung sản phẩm
Bước 1: Vào sản phẩm-> thêm danh mục sản phẩm
Bước 2: Sửa xong vào lại giao diện xem kết quả
Trang 12Bước 3: Chỉnh nội dung sản phẩm-> bấm vào sản phẩm-> sửa ngày ở phía trên giao diện
Trang 134 Đăng banner và thiết lập giao diện cho trang web
Trang 155 footer
Phần 2: Cài đặt và cấu hình các plugin cho website
1 Cài đặt plugin
Bước 1: Cài đặt Plugins YITH Essential Kit for WooCommerce #1
Link: wordpress.org/plugins/yith-essential-kit-for-woocommerce-1/
Trang 16Bước 2: Chọn Plugins -> YITH đã cài đặt trước đó -> Chọn Active
Bước 3: Chọn Modules List -> Chọn các tính năng cần dùng chọn active chức
năng tương ứng
Trang 17Bước 4:
• Cài cấu hình YITH Woocommerce Compare, tính năng so sánh sản
phẩm
• Cài cấu hình YITH Woocommerce Wishlist , sản phẩm yêu thích cho người dùng
Trang 18• Cài cấu hình YITH WooCommerce Zoom Magnifier , tính năng zoom
ảnh sản phẩm
• Cài cấu hình YITH WooCommerce Ajax Product Filter – Lọc sản phẩm
bằng AJAX
Trang 19• Cài cấu hình YITH WooCommerce Ajax Search – Tìm kiếm sản phẩm
bằng AJAX
• Cài cấu hình YITH WooCommerce Order Tracking – tính năng theo dõi
đơn hàng
Trang 20• Cài cấu hình YITH WooCommerce Request A Quote – tính năng yêu cầu
tư vấn mỗi sản phẩm