Commerce Studio và cửa hàng

Một cửa hàng dịch vụ dành riêng cho giặt ủi: danh mục, công cụ mua sắm, thanh toán kèm lấy đồ, các hình thức thanh toán và dịch vụ chỉ báo giá.

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ụ

Đường dẫn quản trị: Products → All Products → Edit

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.

Tiêu đề và phần giới thiệu cửa hàng: Appearance → Customize → Washlora shop

Công cụ mua sắm

Công cụHoạt động
Quick viewHiể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ưuLư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ánhTố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ặtNgă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ẩmThanh 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.

Trước khi nhận đơn hàng: thay các sản phẩm và giá demo, thiết lập phạm vi phục vụ và lịch làm việc, cấu hình tiền tệ, thuế và quy tắc giao hàng, xác nhận việc gửi email, thêm điều khoản quyền riêng tư và hoàn tiền, và hoàn tất một đơn hàng thử trọn vẹn. Việc xử lý thanh toán thực tế chưa được kiểm thử cho tài liệu này.

Thiết lập mua sắm giặt ủi

Đường dẫn quản trị: WooCommerce → Settings → Products → Washlora shopping

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

  1. Chỉnh sửa một dịch vụ và mở Product data → General.
  2. Bật Quote only và đặt ID của một trang yêu cầu tư vấn đã xuất bản.
  3. 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.
  4. 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ăngTrạ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àngCó 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ảnKhô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ựcKhông bao gồm
Trình dựng mẫu thương mại trực quan từ các giao diện khácKhô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ánThanh 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ập nhật Care Commerce

Danh sách tài khoản, giảm giá dịch vụ, gói chăm sóc, công cụ hình ảnh và hướng dẫn thiết lập (bằng tiếng Anh).