国际电商

如何自定义您的WooCommerce 页面

如何自定义您的WooCommerce 页面
更新于
2024 年 8 月 5 日
2025年5月26日

WooCommerce 为在国际化电商市场运营的网店店主提供了诸多优势

例如,您可以Weglot WooCommerce插件Weglot 整个在线商店(WooCommerce )Weglot 翻译,从而触达全球更多客户,服务于国际客户群体,就像亚马逊那样

本文将介绍如何通过多种WooCommerce 、扩展程序和技巧来定制WooCommerce 页面,从而提升转化率,包括:

  • 使用产品页面模板对产品页面进行智能分类
  • 使用产品模板对产品信息进行分级
  • 确保图像适合受众
  • 方便客户进行语言和货币转换
  • 在产品布局中使添加到购物车按钮易于访问

智能产品页面排序

如果你已经使用WooCommerce ,你可能已经知道默认情况下产品是按时间顺序排序的。

这意味着最新添加WooCommerce 会显示在页面顶部,而最早添加到商店的商品则出现在页面底部

但您也应该能够自定义您自有电商商店中的WooCommerce 页面。

作为希望开拓新市场的WooCommerce 所有者,您需要对产品在前端界面的呈现方式进行更精细的控制。

例如,您可能希望根据以下因素WooCommerce 进行排序:

  • 产品价格(从高到低或从低到高)
  • 受欢迎程度(最畅销的产品排在最前面)
  • 产品评级和评论(评级最高的产品或评论最好的产品位于顶部)

好消息是,您可以通过WordPress插件优化产品页面的设计与功能。例如,WooCommerce 排序选项插件可帮助您WooCommerce 在主商店页面上的排序方式。

要开始使用,请在您的WordPress网站上安装并WooCommerce 。

WooCommerce

激活插件后,前往外观>自定义> WooCommerce >商品目录

使用WooWooCommerce定制您的产品目录

在这里,您将看到几个不同的选项,用于配置商店主页面上的产品排序。这样您就可以根据最佳用户体验对列表进行自由排序:按产品类型、从低到高定价等。

可以通过默认产品排序下拉菜单 WooCommerce 如何默认WooCommerce :

  • 默认排序
  • 受欢迎程度
  • 平均评分
  • 按最近排序
  • 按价格排序(升序)
  • 按价格排序(降序)

除此之外,您还可以为新的默认排序添加一个标签。

例如,如果使用 "人气",则可以将其称为 "按人气排序"。这将显示在网站的前端。

最后,您可以通过创建WooCommerce 页面模板,选择要添加到商店的排序选项,并决定每行和每页显示多少产品。

在 WooCommere 商店中对产品选项进行排序

单击 "发布 " 按钮继续。

就这样!您的WooCommerce 现在将根据自定义产品页面排序配置进行排序。您距离拥有一个优化的电子商务商店又近了一步。

让我们来看看另一种WooCommerce 排序的方法。通过创建不同的自定义模板,您可以精确决定每个产品的显示位置。

导航至 "产品">"所有产品",将鼠标悬停在某个项目上,然后单击 "编辑"链接。然后向下滚动到产品数据 部分,点击高级选项卡。在这里,你可以使用菜单顺序选项来设置这个项目的准确位置。

菜单订购选项

这些排序选项对于拥有数百种产品和单个 product_meta 的网店特别有用

它可以让网店店主轻松地在顶部展示他们想要的产品(例如,出于促销原因展示特定产品,或展示要分销的全新产品)。

它还能提升客户的购物体验,让他们更容易找到自己最感兴趣的产品。

信息层次结构

WooCommerce 大量关于每个产品的信息,包括您创建的自定义字段。

理想情况下,您希望在网站前端以有效的方式展示这些产品详细信息,原因有很多。

例如,如果您向世界各地的客户销售产品,这可能仅仅是为了遵守您所销售的每个国家的信息透明度法规。这些法规在不同国家可能有很大差异。为不同的网站设计一个类似于 Divi 的子主题可能会有所帮助。

通过WooCommerce 布局,您可以以视觉上吸引人的方式组织所有这些信息。这向顾客表明您优先传递重要产品信息,这对提升品牌形象和声誉大有裨益。

以下是一些需要牢记的要点:

  • 面包屑。面包屑向客户展示他们正在浏览的产品的 "踪迹"。这可以让他们快速访问产品类别和他们可能想购买的相关产品。此外,这还能让他们轻松查看网站的其他部分,了解您的品牌。
  • 基本产品信息。在WooCommerce 页面上清晰展示产品标题和价格等基本信息至关重要。此外,这还有助于提升您的SEO效果,使您在谷歌搜索结果中获得更高排名。
  • 产品描述与库存信息。添加产品描述,通过snippet让顾客更深入了解商品。建议包含库存状态信息,告知顾客商品当前是现货、缺货还是待补货——无需联系客服部门即可获取。
  • 下单按钮。该信息通常包含产品数量、尺寸和颜色选项(如有),以及一个小型snippet中的"加入购物车"按钮。这些信息应在您的WooCommerce 上便于顾客获取。例如,顾客不应需要滚动页面才能将商品加入购物车。
  • 产品元数据。产品SKU是提供产品信息的元数据。不同公司为其WooCommerce 创建不同的产品SKU。换言之,同一产品在两家不同商店的SKU可能略有差异,这取决于商店的命名规则。例如,销售T恤的店铺会创建内部SKU,其中包含尺寸、颜色、价格和制造商等产品信息。 因此,一件黑色李维斯XL码衬衫的SKU可能为“LEV-BLK-XL”。
  • 社会证明。 这些信息包括产品评级、推荐和评论,有助于客户做出明智的购买决定。客户可以根据产品评级对产品进行分类,或阅读其他客户留下的评论。
  • 技术规格与附加信息。在产品模板中添加简短描述、技术规格及其他相关信息。这对销售智能手机、笔记本电脑、电视机和相机等科技产品的店铺尤为重要。此举有助于建立信任感,并为WooCommerce 增添专业质感。
  • 增值销售。您可以展示所售产品的更多信息,例如关联产品(或类似产品)。例如,您WooCommerce 添加"您可能还喜欢"的帖子类型板块。此外,您还可以展示常被同时购买的商品,从而把握增值销售机会。例如,若您销售数码相机,推荐闪存卡和相机包可能促使顾客增加购买。

确保图片与受众相匹配

你知道吗,在世界各地,不同的文化习惯于不同的产品形象风格?这就对了!

例如,中国客户希望网站内容丰富,并喜欢在产品图片上添加说明性文字和图标。

虽然对于西方购物者来说,这种帖子类型的图片可能会显得杂乱无章,但在中国的 WordPress 社区中,它可能会帮助您更快速、更有效地进行销售。

中国的产品形式

WooCommerce 本地化以适应当地受众的良好第一步,是使用WordPress翻译插件,例如 Weglot

它允许您“翻译”媒体内容——包括图片——这意味着您可以在WooCommerce 为不同语言显示不同的产品图片。这样您就无需折腾WooCommerce PHP文件、content-single-product .php文件,或是WordPress站点的HTML和CSS代码

促进语言和货币转换

您需要将整个WordPress网站( 包括结账表单和WooCommerce 页面)翻译成 多种语言,才能面向全球市场销售。

Weglot是一款功能强大的Weglot翻译插件,它可以帮助您轻松地将网站内容翻译成多种目的地语言,几乎无需人工操作。

该插件同时 WooCommerce 官方WooCommerce ,使其兼容WooCommerce 及WordPress主题,包括Storefront和Divi。

Weglot 网站

大多数翻译工具都会给你一个空白页,让你填写翻译内容或使用简码。

然而,Weglot 即时生成您整个网站的自动翻译版本。您可通过列表编辑器或visual editor 手动修改这些翻译visual editor 无需接触content-single-product.php文件。

这也适用于任何新内容。每次您在网站上添加新产品时,Weglot 都会检测到新内容,然后生成并显示自动翻译。

此外,它还具备多语言SEO友好特性,能自动为WooCommerce 的每个语言版本添加hreflang标签。这意味着您的国际用户将能够在本地搜索引擎上找到您。

此外,Weglot 还可通过您的Weglot 面板,轻松将您的翻译发送给第三方专业编辑服务或让专业翻译人员完善翻译。

WOOCS -WooCommerce货币切换器

在在线支付方面,您可以使用免费插件(如WOOCS –WooCommerce 切换器 WooCommerce 实现网店的货币切换功能。该插件支持顾客根据商品标签页和实时汇率设置,将商品价格切换为不同货币显示

这样,他们就能使用自己偏好的货币进行支付。您还WooCommerce 添加几乎任何货币选项。若面向国际客户销售,此功能尤为实用。

让购物车和结账按钮尽可能方便使用

请WooCommerce 页面上的"加入购物车"按钮及结账页面链接易于访问。

若您在WooCommerce 页面展示大量产品信息,建议将"加入购物车"按钮和"结账"链接添加至导航菜单,并设置菜单为固定显示。

这样,无论顾客在页面上滚动了多远,他们都能进入购物车并结账。

改善购物车和结账页面的可访问性将有助于优化购买用户流程。它还能方便客户将产品添加到购物车,并有可能帮助您降低购物车放弃率。

结论

我们阐述了如何通过定制WooCommerce 页面,优化 在线商店 的购物用户流程,让顾客能够做出明智的购买决策。

使用以下插件将您的电子商务商店翻译成多种目的地语言 Weglot这样的插件将您的电子商务商店翻译成多种目的地语言。

您还可以探索产品分类选项,对产品信息进行分层,并方便货币转换,以提高转换率,最终增加销售额。

立即免费试用Weglot

方向图标
探索 Weglot

 110,000 多个品牌都在用 Weglot 翻译自己的网站,赶紧加入吧!

用AI即时翻译你的网站,再通过人工编辑进行优化,几分钟内就能上线。

这篇文章里,我们会聊聊:
火箭图标

准备好开始了吗?

要了解Weglot 强大功能,最好的方式Weglot 亲自体验。免费试用,无需任何承诺。

要Weglot 强大功能Weglot 最好的方式Weglot 亲自体验。立即免费试用,无需任何承诺。

若您尚未准备好连接自己的网站,控制面板中已提供演示网站。

你可能也会喜欢这些文章

没有找到任何内容。
常见问题图标

常见问题

没有找到任何内容。

蓝色箭头

蓝色箭头

蓝色箭头