Trang chủ tài liệu › Commerce Studio và cửa hàng
Xem video hướng dẫn
EP 8 · WooCommerce Laundry Shop: Search, Filters, Quick View & Compare · 4:15 · YouTube
Thêm video hướng dẫn
Danh mục và thông tin dịch vụ
Dùng tên, giá, mô tả ngắn, mô tả đầy đủ, hình ảnh, tồn kho và danh mục sản phẩm như thông thường. Bảng dữ liệu sản phẩm General còn có Price unit, Typical turnaround, What is included, Before collection và Care limitations.
Chỉ điền những cam kết dịch vụ mà doanh nghiệp của bạn có thể thực hiện. Các trường để trống sẽ bị bỏ qua. Giá và văn bản demo chỉ là ví dụ, hãy thay thế trước khi ra mắt. Hình ảnh sản phẩm hiện có được giữ nguyên.
Cửa hàng và cửa hàng theo ngách
Trang Shop chính tìm kiếm trong tất cả dịch vụ đã xuất bản của danh mục. Khách truy cập có thể lọc theo chuyên môn giặt ủi, giá tối đa và tình trạng sẵn có, đồng thời sắp xếp theo tên dịch vụ, giá hoặc mới nhất. Việc cập nhật tìm kiếm, bộ lọc và phân trang không tải lại trang.
Mỗi trang cửa hàng trong 105 ngách dùng ánh xạ sản phẩm riêng. Các phiên bản Gutenberg, Elementor, WPBakery và Classic cùng gọi một thành phần danh mục. Hãy chỉnh sửa các phần gốc xung quanh bằng trình chỉnh sửa tương ứng.
Dùng shortcode trong khối Shortcode của Gutenberg, widget Shortcode của Elementor, khối văn bản của WPBakery hoặc Classic editor:
[laundryes_woocommerce_store niche="laundromat"]
[laundryes_commerce_store]
Khi không chỉ định ngách, một trang ngách được nhận diện sẽ tự cung cấp ngách của nó. Trên trang thông thường, shortcode hiển thị toàn bộ danh mục.
Công cụ mua sắm
| Công cụ | Hoạt động |
|---|---|
| Quick view | Hiển thị giá trực tiếp, hình ảnh, mô tả dịch vụ và thông tin chăm sóc. Các dịch vụ đơn giản có thể mua hỗ trợ thêm vào giỏ hàng bằng AJAX. Sản phẩm có tùy chọn sẽ liên kết đến trang sản phẩm. |
| Dịch vụ đã lưu | Lưu tối đa 30 ID sản phẩm trên trình duyệt này. Danh sách không đồng bộ giữa các tài khoản hay thiết bị. Giá và tình trạng sẵn có được làm mới khi danh sách mở ra. |
| So sánh | Tối đa bốn dịch vụ cạnh nhau, dùng giá WooCommerce hiện tại và các thông tin chăm sóc bạn đã nhập. |
| Túi giặt | Ngăn kéo giỏ hàng hiển thị giỏ hàng WooCommerce thực, tạm tính, nút xóa và các liên kết đến giỏ hàng và thanh toán. |
| Thanh đặt hàng sản phẩm | Thanh cố định đưa khách truy cập quay lại biểu mẫu tùy chọn và số lượng thông thường của sản phẩm. WooCommerce tính giá thực của giỏ hàng. |
Lấy đồ và thanh toán
Trang thanh toán gồm ngày lấy đồ mong muốn, khung giờ nhận, tùy chọn chăm sóc và hướng dẫn. Cart và Checkout vẫn là các khối WooCommerce gốc, và My Account vẫn là khu vực tài khoản của WooCommerce. Phiếu giảm giá, thuế, vận chuyển, sản phẩm liên quan, bán chéo và lịch sử đơn hàng tuân theo cấu hình WooCommerce của bạn.
Xem Đặt lịch, lấy đồ và vận hành để biết các quy tắc kiểm tra và lưu ý rằng ngày đặt lịch chỉ là yêu cầu, không phải năng lực đã được giữ chỗ.
Thanh toán và ra mắt
Bản demo công khai của giao diện bật hình thức thanh toán khi nhận hàng gốc của WooCommerce, có nhãn Pay on collection or delivery, kể cả với các dịch vụ giặt ủi ảo. Trang thanh toán không tính phí thẻ. Chỉnh sửa tiêu đề, mô tả, hướng dẫn và các hạn chế giao hàng tại WooCommerce → Settings → Payments → Cash on delivery.
- Đây là thiết lập của cửa hàng. Việc nhập một ngách không kích hoạt các cổng thanh toán trên cửa hàng của bạn.
- Chuyển khoản ngân hàng trực tiếp có sẵn trong WooCommerce nhưng vẫn bị tắt cho đến khi bạn cung cấp thông tin ngân hàng đã được xác minh.
- Thanh toán bằng thẻ và ví điện tử cần một plugin nhà cung cấp tương thích và kết nối thương nhân. Hãy chọn nhà cung cấp hỗ trợ quốc gia, đơn vị tiền tệ và Checkout Blocks của bạn, thử nghiệm trong sandbox, rồi bật chế độ live sau khi xem lại các thiết lập kinh doanh.
- Không bao giờ nhập thông tin thẻ vào ghi chú đơn hàng.
Thiết lập mua sắm giặt ủi
- Nút tùy chọn dịch vụ dùng các thuộc tính sản phẩm biến thể gốc và tình trạng sẵn có của biến thể trong WooCommerce. Bộ chọn thông thường vẫn là phương án dự phòng khi không có JavaScript.
- Dịch vụ đã xem gần đây lưu tối đa 12 ID sản phẩm trên thiết bị này và hiển thị tối đa sáu sản phẩm hiện tại. Clear history sẽ xóa chúng.
- Lựa chọn lưới hoặc danh sách được lưu trên thiết bị này. Tìm kiếm, sắp xếp và lọc theo giá vẫn dùng được.
- Gợi ý dịch vụ tùy chọn dùng Product data → Linked Products → Cross-sells. Đây là các lần mua riêng, không phải gói giảm giá.
- My Account cung cấp lối tắt đến dịch vụ, lịch sử đơn hàng và địa chỉ. Order again dùng điều kiện và cách xác thực gốc của WooCommerce.
- Đặt Price unit trong Product data → General. Các biến thể kế thừa đơn vị của sản phẩm cha khi để trống.
Demo: Laundry bag care với ba cỡ túi có thể chỉnh sửa và giá mẫu.
Dịch vụ chỉ báo giá và hướng dẫn chăm sóc
- Chỉnh sửa một dịch vụ và mở Product data → General.
- Bật Quote only và đặt ID của một trang yêu cầu tư vấn đã xuất bản.
- Khi đó dịch vụ hiển thị Priced after assessment và liên kết đến trang đó. Việc mua trực tiếp bị tắt thông qua cơ chế kiểm tra sản phẩm của WooCommerce, kể cả với các biến thể. Các sản phẩm bán lẻ thông thường vẫn có thể mua.
- Thêm biểu mẫu yêu cầu của bạn vào trang đích và cấu hình việc gửi biểu mẫu. Bản demo thương mại dùng Contact Form 7. Biểu mẫu không tạo đơn hàng, không giữ chỗ năng lực và không tính phí khách hàng.
Đặt Garment care guide trong Product data → General để hiển thị hướng dẫn chuẩn bị có thể thu gọn trên trang dịch vụ. Hãy giữ lời khuyên cụ thể cho những loại quần áo bạn nhận; hướng dẫn trống sẽ bị bỏ qua.
Demo: Commercial linen care assessment.
Tìm kiếm, sắp xếp và bộ lọc trong danh mục giữ trạng thái trong URL có thể chia sẻ: tải lại trang và nút Quay lại của trình duyệt sẽ khôi phục các bộ lọc đã chọn, còn Reset sẽ xóa chúng. Thanh đặt hàng cố định theo dõi các thay đổi biến thể gốc và đơn vị giá được giữ trong thông tin dịch vụ hiển thị bằng AJAX.
Phạm vi tính năng
Các giao diện thương mại khác đã được xem xét làm tham chiếu cho trải nghiệm mua sắm. Washlora không tuyên bố tương đương hoàn toàn về tính năng và không sao chép mã độc quyền của họ.
| Khả năng | Trạng thái trong Washlora |
|---|---|
| Tìm kiếm trực tiếp, bộ lọc AJAX, xem nhanh, so sánh, dịch vụ đã lưu, ngăn kéo giỏ hàng | Có trong Commerce Studio |
| Nút tùy chọn dịch vụ, lịch sử duyệt xem, chế độ lưới và danh sách, tiện ích bổ sung liên kết, lối tắt tài khoản, đơn vị giá | Đã bao gồm |
| Dịch vụ chỉ báo giá, hướng dẫn chăm sóc quần áo, trạng thái bộ lọc có thể chia sẻ | Đã bao gồm |
| Đồng bộ danh sách yêu thích theo tài khoản | Không bao gồm — dịch vụ đã lưu chỉ nằm trên thiết bị |
| Giảm giá gói động, quà tặng miễn phí, email danh sách chờ, khôi phục giỏ hàng bị bỏ quên, cảnh báo giá | Không bao gồm |
| Thanh toán định kỳ tự động, khung giờ lấy đồ theo năng lực | Không bao gồm |
| Trình dựng mẫu thương mại trực quan từ các giao diện khác | Không bao gồm — Washlora giữ hệ thống bốn trình chỉnh sửa của riêng mình |
| Thanh toán | Thanh toán gốc của WooCommerce. Chuyển khoản ngân hàng và các nhà cung cấp trực tuyến cần cấu hình thương nhân. |
Khắc phục sự cố cửa hàng
- Cửa hàng của một ngách trống: hãy xác nhận các sản phẩm đã được xuất bản, hiển thị trong danh mục và gán đúng ngách.
- Giao diện cũ vẫn xuất hiện: hãy xóa bộ nhớ đệm của trang bị ảnh hưởng.
- Sự cố giỏ hàng, thanh toán hoặc tài khoản: phiên làm việc không được chia sẻ qua bộ nhớ đệm trang. Hãy tắt bộ nhớ đệm nội dung cho các yêu cầu phiên của WooCommerce.
- Danh sách đã lưu biến mất: danh sách đã lưu cần bộ nhớ của trình duyệt. Chế độ riêng tư, dữ liệu trang bị xóa hoặc thiết bị khác sẽ không giữ cùng một danh sách. WooCommerce kiểm tra mọi tổng tiền và tình trạng sẵn có; chúng không bao giờ được tin cậy từ bộ nhớ của trình duyệt.
