CHƯƠNG 4 : ĐẶC TẢ HỆ THỐNG
4.2 Tạo website bằng Wordpress
Quá trình tạo website bằng WordPress:
Bước 1: Xác định mục đích, các yêu cầu của website - Mục đích:
Website của Honey khơng chỉ là một website bán hàng mà đây cịn là một nền tảng để người dùng có thể giao lưu, chia sẻ, và tham khảo từ thông tin sản phẩm (giá, đặc điểm, độ mới), tư vấn viên, bài blog để đưa ra quyết định lựa chọn dịch vụ.Đây cịn là một kênh Marketing, cơng cụ hiệu quả giúp quảng bá hình ảnh, nhận dạng thương hiệu bên cạnh ngồi các trang truyền thơng.
- Yêu cầu:
+ Cung cấp đầy đủ, súc tích thơng tin của sách (giá, hình ảnh, review, độ mới, đặc điểm chi tiết).
+ Giao diện đơn giản, dễ sử dụng, sinh động với các hình ảnh thực tế. + Tích hợp nhiều phương thức thanh toán (Thanh toán khi nhận hàng, thanh toán qua Momo).
+ Website được liên kết với các trang mạng xã hội và kênh thông tin liên lạc của Honey: Facebook, Youtube, Instagram, số điện thoại, Gmail.
+ Có danh mục phân loại sản phẩm cho khách hàng tiện lợi hơn trong việc tìm kiếm sản phẩm.
+ Có tính năng hiển thị tổng tiền của đơn hàng, bao gồm cả phí vận chuyển.
+ Tính năng gửi email xác nhận và tóm tắt đơn hàng nếu đặt hàng thành cơng.
+ Dịch vụ hỗ trợ trực tuyến tích cực tư vấn, giới thiệu, giải đáp thắc mắc của
khách hàng.
+ Có trang giới thiệu website, blog viết bài review sản phẩm và các trang bổ trợ
có liên quan.
+ Và một số tính năng khác.
Bước 2: Đăng kí mua tên miền và Hosting tại Mắt Bão Truy cập trang web của Mắt Bão và gõ tên miền cần mua
Hình 4.1: Tìm kiếm tên miền
Nguồn: matbao.net
Hình 4.2: Lựa chọn tên miền
Nguồn: matbao.net
Hình 4.3: Tiến hành mua Hosting
Nguồn: matbao.net
Truy cập trang bán hosting của Mắt Bão
Hình 4.4: Chọn mua Hosting
Hình 4.5: Tiến hành thanh tốn
Nguồn: matbao.net
Hình 4.6: Trỏ tên miền về Hosting (Website)
Tiến hành liên kết tên miền với Hosting đã mua ở Mắt bão để thực hiện tiếp việc xây dựng website.
Bước 3: Đăng nhập Wordpress, tiến hãnh xây dựng website
Hình 4.7: Tiến hành đăng kí và đăng nhập WordPress
Nguồn: WordPress
Đầu tiên ta cần đăng kí tài khoản WordPress và tiến hành đăng nhập để tiếp tục xây dựng website.
Hình 4.8: Truy cập Website tại WordPress để chỉnh sửa
Nguồn: WordPress
Hình 4.9: Tiến hành cài đặt theme
Hình 4.10: Cài đặt một số Plugin quan trọng
Nguồn: WordPress
Hình 4.11: Cài đặt một số Plugin quan trọng
Hình 4.12: Cài đặt một số Plugin quan trọng
Nguồn: WordPress
Hình 4.13: Cài đặt một số Plugin quan trọng (tiếp theo)
- WooCommerce: Một plugin tiện lợi thường được dùng cho các website thương mại điện tử vừa và nhỏ. Một số tác dụng của WooCommerce:
+ Tạo danh sách sản phẩm với các thuộc tính cơ bản. + Quản lí đơn hàng, thanh tốn, vận chuyển và khách hàng. + Thiết lập mã khuyến mãi.
- WPBakery Page Builder: Plugin được sử dụng cho việc chỉnh sửa bố cục. + Sắp xếp các đối tượng với chức năng Drag – Drop.
+ Chèn thêm đối tượng với hình thức các khối (block) với rất nhiều hình thức hiển thị (văn bản, hình ảnh đơn, video,…).
- WordFence:
+ Xây dựng tường lửa.
+ Cơ chế đăng nhập 2 lần khi đăng vào trang quản trị.
+ Khóa quyền truy cập của những khác hàng nhập sai mật khẩu quá nhiều lần. + Cảnh báo qua email khi có mối đe dọa.
+ Ngăn chặn việc upload các file xấu, nguy hiểm lên website.
- Contact Form 7
+ Tạo form giúp thu thập thông tin, thị hiếu khách hàng.
- Thanh Toán Quét Mã QR – Momo,Zalo Pay,Moca Grab, AirPay
+ Tích hợp nhiều phương thức thanh tốn phổ biến vào q trình đặt hàng giúp cho người dùng cảm thấy thoải mái, tiện lợi khi truy cập website.
- Facebook Chat Plugin – Live Chat Plugin for WordPress
+ Thiết lập Bot Chat đơn giản (thông qua Messenger – liên kết với chat bot Page
của Honey).
Hình 4.14: Thêm sản phẩm mới
Nguồn: WordPress
− Thêm sản phẩm mới vào trang bán hàng của website (ảnh, tên, thông tin cơ bản, giá, khuyến mãi,…).
Nguồn: WordPress
− Nhập một số thơng tin cần thiết để hồn thiện hồ sơ của website.
Hình 4.16: Thêm thơng tin sản phẩm
Nguồn: WordPress
Hình 4.17: Cập nhật phương thức giao hàng
Nguồn: WordPress
− Cài đặt phương thức giao hàng phù hợp (hình thức, phạm vi, chi phí).
Hình 4.18: Tích hợp phương thức thanh tốn
− Tiến hành kích hoạt, thiết lập các bước cho các phương thức thanh tốn phù hợp cho người dùng.
Hình 4.19: Chỉnh sửa Font chữ website
Nguồn: WordPress
− Tinh chỉnh font chữ website cho phù hợp với Tiếng Việt.
Hình 4.20: Chỉnh sửa website với một số hạng mục quan trọng
− Style: Chỉnh sửa Typography, Topbar, Header, Main Menu, Footer. − Nhận diện site
+ Tinh chỉnh Tên website, khẩu hiệu, biểu tượng trang web. − Widget:
+ Thanh trên cùng bên trái chứa thông tin liên hệ nhanh (Topbar Left).
+ Thanh trên cùng bên phải chứa các đường liên kết đến mạng xã hội khác
(Topbar Right).
+ Phần dưới cùng Popup Newletter chứa thông tin liên hệ và logo Honey. − WooCommerce:
+ Thông báo từ cửa hàng
+ Danh mục sản phẩm: Chế độ hiển thị trang cửa hàng (Hiển thị sản phẩm), Kiểu sắp xếp sản phẩm.
+ Ảnh sản phẩm: Điều chỉnh kích thước ảnh sản phẩm phù hợp (600x300).
+ Thanh tốn: Thiết lập tính chất bắt buộc của các trường trong khâu thanh tốn (Tên cơng ty: khơng bắt buộc, Số điện thoại: bắt buộc…), trang chính sách bảo mật, điều khoản và điều kiện kèm theo khi đặt hàng.