Khối giỏ hàng và thanh toán: Trạng thái

Bắt đầu với WooC Commerce phiên bản 8.3, Khối giỏ hàng và thanh toán là mặc định cho các cài đặt mới. Các khối này là một phần của quá trình xây dựng lại quy trình thanh toán từ đầu, dựa trên các phương pháp hay nhất trong ngành nhằm cung cấp các tính năng được tối ưu hóa cho chuyển đổi và quy trình mua sắm được đơn giản hóa. Với các tùy chọn tùy chỉnh dễ dàng, bạn có thể duy trì nhận diện thương hiệu của mình và cung cấp hành trình thanh toán nhất quán và hấp dẫn trực quan cho khách hàng của mình.

Các khối mới này có đầy đủ chức năng và hầu hết các tiện ích mở rộng do WooC Commerce phát triển đều hỗ trợ đầy đủ tính năng giỏ hàng/thanh toán dựa trên khối tại thời điểm này. Tuy nhiên, plugin/tiện ích mở rộng chạy trên cửa hàng của bạn có thể không hoạt động như mong đợi. Mã ngắn giỏ hàng và thanh toán sẽ tiếp tục có sẵn trong WooC Commerce Core cho các cửa hàng hiện có có quy trình thanh toán tùy chỉnh yêu cầu chúng và cho bất kỳ cửa hàng mới nào có nhu cầu cụ thể chưa thể thực hiện được với khối Giỏ hàng và Thanh toán.

Chúng tôi đã tạo ra tài liệu này để:

• Giúp bạn hiểu cách thêm các khối mới vào trang Giỏ hàng và Thanh toán nếu cửa hàng của bạn được tạo trước phiên bản WooC Commerce 8.3.
• Cách sử dụng mẫu Xác nhận đơn hàng mới với chủ đề Chặn nếu cửa hàng của bạn được tạo trước phiên bản WooC Commerce 8.3.
• Cung cấp hướng dẫn về cách hoàn nguyên về mã ngắn cổ điển nếu bạn cần.
• Chia sẻ thông tin mới nhất mà chúng tôi có về các tiện ích mở rộng đã được tích hợp và thử nghiệm để hoạt động với Khối giỏ hàng và Thanh toán, cũng như các tiện ích mở rộng được biết là không tương thích.

Yêu cầu

Để sử dụng Khối giỏ hàng và thanh toán, trang web của bạn phải:

• Đã cài đặt WooC Commerce phiên bản 6.9 hoặc mới hơn.
• Sử dụng cổng thanh toán được hỗ trợ .

Sử dụng khối giỏ hàng và thanh toán

Với WooC Commerce phiên bản 8.3+, khối Giỏ hàng và Thanh toán là mặc định cho các cài đặt mới và khi tạo các trang mặc định bằng công cụ trong WooCommerce > Status > Tools > Create default WooCommerce pages. Đối với các chủ đề Chặn , bắt đầu với WooC Commerce 8.3, mẫu Xác nhận đơn hàng “bị chặn” cũng là mẫu mặc định cho các bản cài đặt mới.

Đối với các phiên bản trước 8.3 hoặc nếu bạn đã xóa các khối và muốn chuyển trở lại, bạn có thể làm theo các bước bên dưới.

Thay thế mã ngắn giỏ hàng hiện có

Để thay thế mã ngắn giỏ hàng hiện có bằng Khối giỏ hàng:

1. Kiểm tra xem trang web của bạn có đang chạy phiên bản WooC Commerce 6.9 trở lên không.
2. Nhấp vào mục menu Trang , sau đó tìm và chỉnh sửa trang Giỏ hàng .
3. Xóa [woocommerce_cart]khối Shortcode tạo nội dung trang Giỏ hàng của bạn .
4. Tìm kiếm Khối giỏ hàng hoặc định vị nó bằng cách điều hướng đến phần Khối thương mại WooC .
5. Chọn khối để thêm nó vào trang Giỏ hàng của bạn .

Bây giờ bạn sẽ thấy bản xem trước của giỏ hàng dựa trên khối của mình. Bạn có thể sử dụng cài đặt trong thanh bên để tùy chỉnh Khối giỏ hàng. Khi bạn đã sẵn sàng, hãy nhớ nhấp vào nút Cập nhật để lưu và xuất bản các thay đổi của bạn.

Thay thế mã ngắn thanh toán hiện tại

Để thay thế mã ngắn thanh toán hiện có để sử dụng Khối thanh toán:

1. Kiểm tra xem trang web của bạn có đang chạy phiên bản WooC Commerce 6.9 trở lên không.
2. Nhấp vào mục menu Trang , sau đó tìm và chỉnh sửa trang Checkout .
3. Xóa [woocommerce_checkout]khối Shortcode tạo nội dung trang Checkout của bạn .
4. Tìm kiếm Khối thanh toán hoặc định vị nó bằng cách điều hướng đến phần Khối WooC Commerce .
5. Chọn khối để thêm nó vào trang Checkout của bạn .

Bây giờ bạn sẽ thấy bản xem trước của quá trình thanh toán dựa trên khối của mình. Bạn có thể sử dụng cài đặt trong thanh bên để tùy chỉnh Khối thanh toán. Khi bạn đã sẵn sàng, hãy nhớ nhấp vào nút Cập nhật để lưu và xuất bản các thay đổi của bạn.

Thay thế trang xác nhận đơn hàng

Sau khi đặt hàng qua Khối Checkout, khách hàng sẽ được chuyển hướng đến trang xác nhận đơn hàng. Nếu bạn đang sử dụng chủ đề dựa trên khối, bạn sẽ có quyền truy cập vào Mẫu xác nhận đơn hàng chuyên dụng cũng như các khối xác nhận đơn hàng. Điều này cho phép tùy chỉnh trang xác nhận của bạn.

Với chủ đề khối (chẳng hạn như Twenty Twenty-Three), hãy điều hướng đến Appearance > Editor > Templates > Order Confirmation. Bạn sẽ thấy hình đại diện của trang Xác nhận Đơn hàng hiện có trong trình chỉnh sửa. Nếu bạn chọn bản xem trước thì bạn có thể sử dụng nút “Chuyển đổi thành khối”:

Bây giờ bạn sẽ thấy bản xem trước của trang xác nhận đơn hàng dựa trên khối của mình. Bạn có thể di chuyển các khối xung quanh hoặc chọn chúng riêng lẻ để điều chỉnh kiểu dáng. Khi bạn đã sẵn sàng, hãy nhớ nhấp vào nút Cập nhật để lưu và xuất bản các thay đổi của bạn.

Hoàn nguyên về mã ngắn Giỏ hàng và Thanh toán

Nếu bạn gặp bất kỳ sự cố nào khi sử dụng Khối giỏ hàng/Thanh toán do không tương thích với plugin, bạn có thể muốn chuyển về mã ngắn Giỏ hàng/Thanh toán. Nếu bạn gặp phải các loại vấn đề khác nhau, vui lòng báo cáo chúng bằng cách  mở một vấn đề mới .  

Hoàn nguyên về mã ngắn với WooC Commerce 8.3+

1. Sử dụng chủ đề khối: Đi tới Giao diện -> Trình chỉnh sửa -> Trang -> Chọn Giỏ hàng hoặc Thanh toán -> nhấp vào biểu tượng Chỉnh sửa
   Sử dụng chủ đề không chặn: Đi tới Trang -> Tất cả các trang , sau đó tìm và chỉnh sửa Giỏ hàng/Thanh toán trang.
2. Mở Chế độ xem danh sách và chọn khối Giỏ hàng hoặc Thanh toán.
   Nếu bạn đã cài đặt tiện ích mở rộng không tương thích, một thông báo sẽ được hiển thị và bạn có thể  hoàn nguyên sau 1 cú nhấp chuột .
3. Mở menu Block Transform như đã thấy ở trên.
4. Chọn “Mã ngắn cổ điển”.
5. Khối này sẽ được chuyển thành khối giữ chỗ Mã ngắn cổ điển.
6. Lưu các thay đổi của bạn bằng cách nhấp vào nút Cập nhật ở thanh trên cùng.

Hoàn nguyên về mã ngắn bằng WooC Commerce <8.3

1. Sử dụng chủ đề khối: Đi tới Giao diện -> Trình chỉnh sửa -> Trang -> Chọn Giỏ hàng hoặc Thanh toán -> nhấp vào biểu tượng Chỉnh sửa
   Sử dụng chủ đề không chặn: Đi tới Trang -> Tất cả các trang , sau đó tìm và chỉnh sửa Giỏ hàng/Thanh toán trang.
2. Mở Chế độ xem danh sách và chọn khối Giỏ hàng hoặc Thanh toán.
3. Chọn và xóa khối Giỏ hàng hoặc Thanh toán.
4. Thêm khối Shortcode mới vào vị trí của nó.
5. Nhập [woocommerce_cart]hoặc [woocommerce_checkout]vào khối Shortcode, tùy thuộc vào việc bạn muốn khôi phục giỏ hàng hay thanh toán dựa trên mã ngắn.
6. Lưu các thay đổi của bạn.

Hoàn nguyên về trang xác nhận đơn hàng cũ

Các bước này chỉ áp dụng cho Block Themes .

1. Mở mẫu Xác nhận đơn hàng trong Trình chỉnh sửa trang bằng cách điều hướng đến Giao diện -> Trình chỉnh sửa -> Mẫu > Xác nhận đơn hàng .
2. Mở Chế độ xem danh sách và xóa tất cả các khối Xác nhận đơn hàng đặc biệt (giữ Shift để chọn nhiều khối giữa lựa chọn hiện tại và khối bạn nhấp vào).
3. Mở Block Inserter, tìm kiếm và thêm Khối xác nhận đơn hàng như hình trên.
4. Lưu các thay đổi của bạn.

Tiện ích mở rộng tương thích

Khả năng tương thích với các tiện ích mở rộng trên Woo.com được đánh dấu trên trang sản phẩm. Bạn có thể mở rộng tab Chi tiết và khả năng tương thích trên bất kỳ sản phẩm nào để xem liệu sản phẩm đó có tương thích với các khối Giỏ hàng và Thanh toán hay không:

Tiện ích mở rộng không tương thích

Nếu bạn sử dụng tiện ích mở rộng không tương thích đã tuyên bố là không tương thích , cảnh báo và nút chuyển sang Thanh toán cổ điển chỉ bằng 1 cú nhấp chuột sẽ xuất hiện trong thanh bên cài đặt khi Khối thanh toán hoặc bất kỳ khối bên trong nào của nó được chọn:

Nếu bạn đã cài đặt các cổng thanh toán không tương thích , một cảnh báo cũng được hiển thị trên khối bên trong Tùy chọn thanh toán của Khối thanh toán:

Sự không tương thích đã biết

Các tiện ích mở rộng sau đây được biết là không tương thích với Khối giỏ hàng và Thanh toán. Nếu bạn đang sử dụng bất kỳ tiện ích mở rộng nào trong số này, chúng tôi khuyên bạn nên tiếp tục sử dụng tính năng thanh toán dựa trên mã ngắn ngay bây giờ. Chúng tôi sẽ cập nhật danh sách này khi có thêm nhiều tiện ích mở rộng được tích hợp với các khối mới.

• Trả sau
• AMP (Khi AMP được bật và ở chế độ Tiêu chuẩn, các trang khối Giỏ hàng và Thanh toán sẽ không tải)
• Cổng thanh toán CC Avenue
• Thanh toán bổ trợ
• Trình chỉnh sửa trường thanh toán
• Đóng góp cho WooC Commerce
• Giá động
• Envia Vận chuyển và Thực hiện
• Google Analytics chuyên nghiệp
• Nhận hàng tận nơi Plus
• Thanh toán Mollie cho WooC Commerce
• Giao hàng cho WooC Commerce
• Packlink PRO
• PayU Ấn Độ
• Kiểm tra sau tài chính
• Cổng thanh toán Razorpay
• Phiếu quà tặng sản phẩm PDF
• Cổng RedSys | Pasarela Redsys cho WooC Commerce
• Sage trả tiền
• Phiếu giảm giá thông minh
• Tích hợp Wallet cho WooC Commerce

Khả năng mở rộng

Các tiện ích mở rộng sử dụng móc để hiển thị đánh dấu bổ sung trong giỏ hàng hoặc trang thanh toán – ví dụ: trường thanh toán tùy chỉnh – thường yêu cầu công việc tích hợp để hỗ trợ Khối giỏ hàng và Thanh toán.

Nếu bạn đang sử dụng plugin không hoạt động như mong đợi với Khối giỏ hàng và Thanh toán, vui lòng liên hệ với nhà phát triển plugin và cho họ biết rằng bạn muốn sử dụng tính năng thanh toán mới, dựa trên khối. Để hỗ trợ các nhà phát triển trong nỗ lực này, chúng tôi đã xuất bản tài liệu  và tài nguyên về việc tích hợp các plugin hiện có với Giỏ hàng/Khối thanh toán và API cửa hàng.

Tìm thấy một plugin trên Woo.com có ​​vẻ không tương thích? Vui lòng mở một vấn đề để giúp chúng tôi đo lường nhu cầu và ưu tiên công việc mở rộng từ phía chúng tôi.

Nếu bạn có plugin của bên thứ ba mà bạn cho rằng không tương thích, bạn có thể liên hệ với nhà phát triển plugin và giới thiệu cho họ hướng dẫn của chúng tôi về cách khai báo khả năng tương thích với mặc định mới này . Các nhà phát triển plugin nên đánh dấu các plugin của họ là tương thích (trong) để người dùng không phải tự khắc phục sự cố và tự tìm ra vấn đề đó.