Cách tùy chỉnh trang "Không tìm thấy sản phẩm nào phù hợp với lựa chọn của bạn" trong WooCommerce - Tối ưu hóa Bán hàng Cửa hàng Trực tuyến

Trong bài viết này, chúng ta sẽ xem cách tùy chỉnh trang "Không tìm thấy sản phẩm nào phù hợp với lựa chọn của bạn”Điều gì xuất hiện khi tìm kiếm trong cửa hàng cu WooCommerce, không có kết quả nào được trả lại. Cụ thể, một hướng dẫn ngắn về Phương pháp hay nhất về WooCommerce để tối ưu hóa doanh số bán hàng và trải nghiệm tốt hơn cho người mua tiềm năng.

Hầu hết các chủ đề WordPress được tối ưu hóa cho WooCommerce, không cung cấp administratorchủ cửa hàng có khả năng tùy chỉnh trang mà không có kết quả nào được hiển thị sau khi tìm kiếm trên cửa hàng trực tuyến. “Không tìm thấy sản phẩm nào phù hợp với lựa chọn của bạn"Hoặc"Không tìm thấy sản phẩm".

Không tìm thấy sản phẩm nào phù hợp với lựa chọn của bạn
Không tìm thấy sản phẩm nào phù hợp với lựa chọn của bạn

Trong một trang mà không có kết quả nào được hiển thị, người mua tiềm năng không có lựa chọn nào khác ngoài việc quay lại menu điều hướng của trang web và xem các sản phẩm khác sẽ được quan tâm.
Tối ưu hóa tốt hơn cho việc bán hàng sẽ là cung cấp cho người dùng thông tin về các chương trình khuyến mãi, thông tin liên hệ nhanh hoặc các sản phẩm / danh mục sản phẩm khác trên trang này.

Cách tùy chỉnh trang "Không tìm thấy sản phẩm nào phù hợp với lựa chọn của bạnCủa WooCommerce

Tệp PHP phản hồi trang không có kết quả khi tìm kiếm sản phẩm trong cửa hàng trực tuyến với WooCommerce, là no-producs-found.phpNằm trong wp-content/plugins/woocommerce/templates/loop và chứa mã:

<?php
defined( 'ABSPATH' ) || exit;
?>
<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

Như bạn có thể thấy, trong tệp này là văn bản xuất hiện trên trang "Không tìm thấy sản phẩm". Văn bản này khác nhau giữa các ngôn ngữ nếu cửa hàng trực tuyến được đặt thành ngôn ngữ được WooCommerce hỗ trợ.

Nếu chúng tôi muốn thay đổi nội dung của trang "Không tìm thấy sản phẩm", Phương pháp tốt nhất là tạo bản sao của tệp này trong thư mục chủ đề đang hoạt động: /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. Như vậy a update WooCommerce sẽ không xóa các thay đổi của chúng tôi.

Sau bước này, chúng ta có thể tiến hành chỉnh sửa tệp theo ý muốn no-products-found.php.
Nên sử dụng mã ngắn, đặc biệt nếu chủ đề cho phép "Khối UX", chẳng hạn như Flatsome hoặc "Khối HTML" như trong trường hợp của WoodMart và các chủ đề WooCommerce khác.

Phương pháp yêu thích của tôi là thay thế mã:

<p class="woocommerce-info"><?php esc_html_e( 'No products were found matching your selection.', 'woocommerce' ); ?></p>

với một mã ngắn vào một khối HTML để thêm biểu ngữ, sản phẩm, danh mục sản phẩm. Do đó, nếu tiếp cận được trang này, người mua tiềm năng sẽ bị thu hút bởi các sản phẩm và chương trình khuyến mãi từ cửa hàng trực tuyến.

<?php echo do_shortcode('[block id="search"]'); ?>

Unde [block id="search"] đại diện cho một mã ngắn trên một trang HTML tùy chỉnh.

Trong phần sau, tôi sẽ xuất bản thêm một số công cụ WooCommerce - Thực tiễn tốt nhất, mà tôi đã áp dụng thành công cho một số cửa hàng trực tuyến.

Đam mê công nghệ, thích test và viết các bài hướng dẫn về hệ điều hành macOS, Linux, Windows, Về WordPress, WooCommerce và cấu hình máy chủ web LEMP (Linux, NGINX, MySQL và PHP). Tôi viết tiếp StealthSettings.com từ năm 2006 và một vài năm sau, tôi bắt đầu viết trên iHowTo.Tips hướng dẫn và tin tức về các thiết bị trong hệ sinh thái Apple: iPhone, iPad, Apple Xem, HomePod, iMac, MacBook, AirPods và phụ kiện.

Để lại một bình luận