如何在 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 支持的語言,則此文本因語言而異。

如果我們想改變頁面的內容“找不到產品",最好的方法是在活動主題文件夾中克隆此文件: /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 - 最佳實踐的東西,我已經成功地應用到了幾個在線商店。

對技術充滿熱情,我喜歡測試和編寫有關操作系統的教程 macOS,Linux, Windows, 關於 WordPress, WooCommerce 和配置 LEMP 網絡服務器(Linux、NGINX、MySQL 和 PHP)。 我寫在 StealthSettings.com 自 2006 年以來,幾年後我開始撰寫 iHowTo.Tips 教程和有關生態系統中設備的新聞 Apple: iPhone,iPad, Apple 手錶,HomePod, iMac, MacBook、AirPods 和配件。

發表評論