Trang order received là trang mà sẽ hiển thị ra khi khách hàng hoàn tất đặt hàng và tiến hành thanh toán, nó sẽ hiển thị thông tin về đơn hàng, phương thức thanh toán và thông tin của người đặt hàng.
Nếu bạn muốn tuỳ biến lại trang này với Elementor thì có thể thực hiện theo hướng dẫn này. Trước tiên bạn cần tạo một trang mới, đặt tên gì đó không phải là Order received, ví dụ mình chọn tên là Hoàn tất đơn hàng với slug đường dẫn là hoan-tat-don-hang
.
Tiến hành đăng trang này lên và ấn vào nút Edit with Elementor để bắt đầu thiết kế trên Elementor.
Ở đây bạn sẽ chèn một widget tên Purchase Summary vào để nó hiển thị nội dung của trang order received ra.
Sau khi chèn xong nó sẽ hiển thị dữ liệu lấy từ một đơn hàng bạn thực hiện đặt thử nghiệm trước đó. Trước tiên bạn nên chỉnh kích thước chiều rộng của container chứa thành phần này khoảng 1024px để nó hiển thị dễ nhìn hơn.
Bạn có thể chuyển qua mục Style của container và thêm màu nền để làm nổi bật nếu muốn.
Bây giờ ở phần thiết lập widget thì có thể tinh chỉnh lại các chữ hiển thị ra qua tiếng Việt, và tinh chỉnh lại ở phần Style theo ý muốn.
Sau khi hoàn tất chỉnh sửa thì nhớ ấn nút Publish để lưu lại. Và cấu hình WooCommerce sử dụng trang này thay cho trang order-received mặc định, bằng cách truy cập vào WooCommerce => Settings => Advanced và thay thế order-received
thành slug của trang mới tạo là hoan-tat-don-hang
.
Kết bài
Sau bài này thì mình cũng sẽ kết thúc phần hướng dẫn về WooCommerce trong chuỗi bài viết Học WordPress Tinh Gọn 2024. Bắt đầu các bài sau sẽ là các hướng dẫn khác dành cho WordPress chứ không phải về WooCommerce nữa. Do vậy nếu bạn muốn tìm hiểu nhiều hơn về WooCommerce thì có thể xem thêm tài liệu về WooCommerce hoặc các nguồn tài nguyên khác trên internet.