如何在 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 和配件。

发表评论