用户在使用WooCommerce进行跨境电商独立站搭建工作时,有可能会借助WooCommerce短代码实现更加醒目的页面布局,帮助商家更加直观地展示产品。那么这一步骤该如何实现呢?商家可以借助一些WooCommerce短代码示例,在WordPress编辑器中直接添加WooCommerce短代码来实现这一功能,下文将为大家具体介绍WooCommerce短代码有关知识。

一、WooCommerce短代码是什么

也许大多数人都熟悉在WordPress独立站中使用短代码,它显示为两个方括号[shortcode]之间的一小段文本、WooCommerce短代码有以下两个主要核心内容:

  • WooCommerce简码在电子商务网站上执行某种有效的操作。例如让客户跟踪他们的订单。
  • 店主可以通过展示具有多种展示风格的产品相关内容来优化他们的WooCommerce商店。例如展示评价最高或最畅销的产品。

WooCommerce短代码的作用

  • 通过添加一小段代码来获得完整的操作
  • 除了进行简单的复制和粘贴外,不需要任何编码知识
  • 通过更改参数可以很容易地修改代码
  • 根据要求将其添加到网站上的任何位置
  • 显示和隐藏特定类别和事件的产品
  • 定义显示的产品编号和订单
  • 通过同时进行多项交易来节省时间
  • 甚至还有一些更关键的好处,比如通过向访问者展示一些相关产品来吸引他们的兴趣

二、WooCommerce短代码示例

  • [woocommerce_product_search]—在网站上的任何位置显示产品搜索字段,让客户输入和搜索。
  • [woocommerce_product_filter]—添加实时产品搜索筛选器。
  • [woocommerce_product_filter_attribute]—显示实时产品属性筛选器。例如颜色、尺寸和品牌。
  • [woocommerce_product_filter_category]—用于显示类别的实时产品筛选器。
  • [woocommerce_product_filter_price]—显示价格的实时产品筛选器。
  • [woocommerce_product_filter_tag]—用于显示标签的实时产品过滤器。
  • [woocommerce_product_filter_rating]—显示用于评级的实时产品筛选器。
  • [woocommerce_product_filter_sales]—用于过滤特价商品。
  • [woocommerce_product_filter_stock]—过滤有库存的产品。
  • [woocommerce_product_filter_reset]—添加一个按钮以禁用所有实时过滤器。

三、如何使用WooCommerce短代码

1、使用经典编辑器

如何在经典编辑器中使用WooCommerce短代码,如果在WordPress经典编辑器中正在使用短代码,只需插入即可,请注意它必须位于方括号之间。

使用经典编辑器

2、使用Gutenberg块编辑器

使用Gutenberg编辑器时,单击(+)图标添加新块。然后使用搜索栏浏览短代码块。一旦看到它,只需选择它并在字段中添加短代码,请注意别忘了保存页面。

使用Gutenberg块编辑器

此外可以在单个页面中使用多个短代码,这是通过将短代码与其他短代码结合使用来实现的。例如可以使用类似[woocommerce_my_account]和[woocomerce_order_tracking]的代码设置表单页面。

推荐阅读

WooCommerce是什么?

跨境建站:WooCommerce使用教程

如何测试WooCommerce的网络性能?

相关文章

  • WordPress多语言

    WordPress怎么多语言?

    随着外贸建站行业的不断深入发展,WordPress的多语言功能也显得越来越重要,一个具有多语言的独立站不仅可以有利于客户的访问,而且在一定程度上也有利于网站的SEO优化。那么WordPress多语言网站到底该怎么设置呢?其实设置方法多种多样,用户可以通过用两种不同的语言文章撰写文章来实现,也可以通过创建两个具有不同语言的站点来达到WordPress多语言的设置。下文将为大家具体介绍多语言网站的设置方法。 一、一个站点,一篇文章 用户可以创建一个站点,并让每篇文章或每个页面都包含用两种语言显示的相…

    开发教程 2024年 10月 2日
  • WordPress创建下拉菜单

    如何在WordPress中创建下拉菜单?

    如何在WordPress中创建下拉菜单?用户可以通过使用插件、网站编辑器或者是通过PHP手动设置实现WordPress下拉菜单的创建。对于WordPress网站搭建的用户来说,创建一个结构良好的下拉菜单不仅有利于优化网站结构,提高搜索引擎爬取力度,而且有利于用户体验的优化,所以下文将为大家具体介绍WordPress下拉菜单的创建过程,以供大家在外贸建站时进行参考。 如何在WordPress中创建下拉菜单一:使用插件 WordPress插件中有许多支持下拉菜单创建的插件,例如Max Mega Me…

    开发教程 2024年 11月 28日
  • Shopify怎么添加自定义HTML代码

    Shopify怎么添加自定义HTML代码

    Shopify添加自定义HTML代码首先需要备份主题,然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分,这决定了商家是打开layout中的theme.liquid文件,还是Sections或Templates文件,亦或者是新创建一个liquid文件,接着把HTML代码粘贴到自己希望它出现的位置,最后点击保存并预览即可。 第一步:备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前,务必先备份主题。 为了备份Shopify主题,执行的操作有: Shopif…

    开发教程 2025年 12月 19日
  • input标签类型

    input标签类型有哪些

    input标签类型有很多,这里主要给大家介绍几种常见的input标签类型。 type=”text” 定义单行文本输入框 type=”password” 定义密码输入框 type=”file” 定义文件上传控件 type=”radio” 定义单选按钮 type=”checkbox” 定义复选框 type=”hidden” 定义隐藏的输入字段 type=&#…

    开发教程 2024年 4月 23日
  • 打开主域名工具

    在子域名上安装WordPress的两种方法

    外贸建站时,有时为了扩展网站内容,又或者是为了测试新网站,需要在子域名上安装WordPress,所以下文将基于在子域名上安装WordPress的具体教程展开,为大家介绍其中的步骤,以供各位参考。 一、用cPanel在字域名上安装WordPress 1、在cPanel中添加子域 首先需要把子域名添加到cPanel,具体怎么做取决于自己的主机用的是哪个版本的cPanel。 较早的cPanel版本(版本106或更低)提供专用的子域接口,较新的 cPanel 版本(版本 107 或更高)已移除了该独立接…

    开发教程 2025年 12月 2日
  • 选择统一费率

    WooCommerce运费设置

    WooCommerce作为WordPress外贸建站生态的一部分,WooCommerce运费设置是商家在建站过程中不可忽视的一部分,那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢?下文将为大家展示具体步骤,通过WooCommerce运费的合理设置,商家可以有效地管理运输成本,提供有竞争力的运费,并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前,可以先花点时间了解WooCommerce中可用的不同类型的运费: …

    开发教程 2024年 10月 8日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部