如何在 WooCommerce - 在線商店銷售優化中自定義頁面“沒有找到與您的選擇相匹配的產品”

在本文中，我們將看到如何自定義頁面“找不到符合您選擇的產品” 搜索時會出現什麼 網上商店 cu WooCommerce，不返回任何結果。 具體來說，一個簡短的指南 WooCommerce 最佳實踐 優化銷售並為潛在買家提供更好的體驗。

大多數主題 WordPress 針對 WooCommerce 進行了優化，不提供 administrator商店所有者可以自定義在在線商店搜索後不顯示任何結果的頁面。 “找不到符合您選擇的產品“或”找不到產品“。

在這樣一個沒有顯示結果的頁面中，潛在買家別無選擇，只能返回網站的導航菜單並查看其他感興趣的產品。
更好的銷售優化是在此頁面上向用戶提供有關促銷、快速聯繫信息或其他產品/產品類別的信息。

如何自定義頁面“找不到符合您選擇的產品來自 WooCommerce

在使用 WooCommerce 在在線商店中搜索產品時，以零結果響應頁面的 PHP 文件是 no-producs-found.php，位於 wp-content/plugins/woocommerce/templates/loop 並包含代碼：

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

如您所見，在此文件中是顯示在“未找到產品”頁面上的文本。 如果在線商店設置為 WooCommerce 支持的語言，則此文本因語言而異。

• 在您的博客中查找並修復 404 錯誤（找不到頁面） WordPress
• WooCommerce 中發現的嚴重漏洞 - 數百萬在線商店可能會受到損害

如果我們想改變頁面的內容“找不到產品"，最好的方法是在活動主題文件夾中克隆此文件： /themes/active_theme/woocommerce/templates/loop/no-producs-found.php. 因此一個 update WooCommerce 不會刪除我們的更改。

完成此步驟後，我們可以繼續編輯文件 no-products-found.php.
最好使用簡碼，特別是如果主題允許“UX 塊”，例如 Flatsome 或“HTML 塊”，如 WoodMart 和其他 WooCommerce 主題。

我最喜歡的方法是替換代碼：

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

帶有 HTML 塊的簡碼，可在其中添加橫幅、產品、產品類別。 因此，如果到達此頁面，潛在買家將被在線商店的產品和促銷活動所吸引。

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

恩德 [block id="search"] 表示自定義 HTML 頁面上的簡碼。

在下文中，我將發布更多 WooCommerce - 最佳實踐的東西，我已經成功地應用到了幾個在線商店。