Trang 1 Page | 1TRƯỜNG CAO ĐẲNG THỰC HÀNH FPT POLYTECHNICBÁO CÁO ASSIGNMENT Trang 2 Page | 2Lời mở đầuThiết kế website đang dần trở thành nhu câu không thể thiếu với bất kì doanhnghiệp,
Chuẩn bị
sơ đồ hiển thị trang web qua draw.io
Link trang:https://clikck.click/
Cài đặt wordpress và Woocommerce
Domain và trang quản lí domain
Hosting và tài khoản hosting
Cài đặt Wordpress
Bước 1: đăng nhập vào cpanel
Bước 2: kéo xuống dưới cùng và bấm vào Wordpress
Bước 4: chọn các Theme hoặc Upload Theme .> chọn tệp -> Install now
Cài đặt WhooCommerce
Bước 1: Vào plugin chọn Add new -> nhập vào ô tìm kiếm Woocommerce
Bước 2: Chọn cái đầu tiên Install now -> Active
CÀI ĐẶT THEME TÙY BIẾN WEBSITE
Các bước cài đặt Theme
Bước 1: Đăng nhập vào tàii khoản Admin của WordPress
- Giao diện đăng nhập thành công:
Bước 3: Chọn Add New hoặc Add New Theme để 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: Chọn theme phù hợp
Tuỳ biến Website
Bước 1: Chọn Appearance chọn Customize để tuỳ biến Menu.
Bước 2 : Thiết lập Menu và thông tin Menu bạn mong muốn và nhấn Published.
2.2.2 Tuỳ biến Header và Fooder:
Bước 1: Chọn Slider Levolution để tuỳ biến Header.
Giao diện khi vào tuỳ biến Header.
Bước 1: Appearance chọn Customize để tuỳ biến Fooder.
• Chỉnh sửa các hạng mục trong Fooder bao gồm: Text, Bố cục, Color,
Tải logo cửa hàng và điều chỉnh kích thước phù hợp với web
Bước 3: Chọn Logo để tùy biến logo.
Bước 4: Chọn Browse để lưu Logo.
Bước 6: chọn select files tải files logo có sẵn lên
Bước 7: chọn select để up logo đã chọn
2.2.4 Tuỳ biến trang chủ:Click Edit with BeBuilder hoặc Edit with Elementor, Edit Page để có thể sửa trang web.
- Link trang web: https://clikck.click/
Hình ảnh mô tả web:
THIẾT KẾ CHI TIẾT
Sau khi cài đặt Woocomerce, tiến hành thêm sản phẩm
Bước 1: Thiết lập danh mục sản phẩm Chọn Products -> Add New.
Bước 3: Thiết lập danh mục sản phẩm
Tạo được trang giỏ hàng và thêm được sản phẩm cho giỏ hàng
Bước 1: Tiến hành để thiết lập danh mục sản phẩm Chọn Products -> Add
Bước 3: Kiểm tra danh mục sản phẩm
THIẾT KẾ CHI TIẾT WEBSITE
4.1 Cài đặt được plugin Rank Math Seo và sử dụng được chức năng SEO cho website.
Bước 1: Chọn Plugin -> Cài mới Tìm từ khóa Rank Math Seo cài đặt và kích hoạt
Kích hoạt và set up Rank Math Seo
Bước 3 Sử dụng Rank Math Seo để tối ưu bài viết trên website
4.2 Cài đặt được plugin SMTP (Simple Mail Transfer Protocol) để nhận thông báo khách hàng đặt hàng trên trang web.
Bước 1: Tìm kiếm "SMTP" bằng cách nhập từ khóa vào ô tìm kiếm trong Plugins
Bước 2: Khi bạn tìm thấy plugin, nhấn vào nút "Install Now" để bắt đầu quá trình cài đặt
Bước 3: Sau khi cài đặt thành công, nhấn vào nút "Activate Plugin" để kích hoạt Easy
Bước 4: Vào mục "Settings" trên trang quản trị của bạn, chọn "Easy WP SMTP" để cấu hình plugin
Bước 5: Điền thông tin SMTP của bạn vào các trường như Host, Port, Username, Password, Encryption và Email
Bước 6: Sau khi đã điền đầy đủ thông tin, nhấn vào nút "Save Changes" để lưu cấu hình
HOÀN THIỆN WEBSITE
Trang chủ
Trang chủ đảm bảo các tiêu chí:
- Thiết kế bố cục rõ ràng và trực quan: Trang chủ của bạn cần phải được thiết kế một cách rõ ràng và trực quan để người dùng dễ dàng tìm kiếm các thông tin mà họ cần.
- Đặt CTA (gọi tới hành động) rõ ràng và dễ dàng nhìn thấy
- Phân loại nội dung một cách rõ ràng: Nội dung trên trang chủ của bạn nên được phân loại một cách rõ ràng để người dùng có thể tìm kiếm thông tin một cách dễ dàng
Sản phẩm
- Tạo ra các danh mục sản phẩm: Tạo ra các danh mục sản phẩm và phân loại sản phẩm theo danh mục sẽ giúp khách hàng tìm kiếm và lựa chọn sản phẩm một cách dễ dàng hơn
- Sử dụng plugin tạo bảng giá và đặt hàng
- Đặt nút gọi đến hành động (CTA) rõ ràng
- Tạo bố cục trang sản phẩm hấp dẫn: Tạo bố cục trang sản phẩm hấp dẫn với các thông tin chi tiết, ảnh sản phẩm và đánh giá sẽ giúp tăng khả năng người dùng mua sản phẩm
Giới thiệu
- Sử dụng một tiêu đề đầy đủ và rõ ràng
- Tạo động lực để khách hàng liên hệ với công ty
- Sử dụng một bố cục trực quan và dễ đọc
Trang liên hệ
- Cung cấp địa chỉ và thông tin liên lạc
- Sử dụng biểu mẫu liên hệ