用户在使用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编辑器时，单击（+）图标添加新块。然后使用搜索栏浏览短代码块。一旦看到它，只需选择它并在字段中添加短代码，请注意别忘了保存页面。
此外可以在单个页面中使用多个短代码，这是通过将短代码与其他短代码结合使用来实现的。例如可以使用类似[woocommerce_my_account]和[woocomerce_order_tracking]的代码设置表单页面。
推荐阅读：
相关文章
-
WooCommerce运费设置
WooCommerce作为WordPress外贸建站生态的一部分，WooCommerce运费设置是商家在建站过程中不可忽视的一部分，那么商家到底该如何在WooCommerce中添加运费并配置高级运费选项呢？下文将为大家展示具体步骤，通过WooCommerce运费的合理设置，商家可以有效地管理运输成本，提供有竞争力的运费，并增强在线商店的整体客户体验。 一、了解WooCommerce不同类型的运费 在深入了解添加运费的具体方法之前，可以先花点时间了解WooCommerce中可用的不同类型的运费： …
-
WordPress修改最大文件限制的5种方法
WordPress修改最大文件限制常用的方法有，functions.php文件添加代码，修改.htaccess文件，创建或更新.user.ini文件，使用WordPress的upload_size_limit过滤器等，下文将通过介绍这5种方法，帮助各位外贸建站的商家，解决因为文件上传限制拖慢网站搭建流程的问题，让站点顺利运行。 方法一：向主题functions.php文件添加代码 在主题的functions.php文件中添加代码片段可以帮助你修改WordPress中最大上传文件的大小。虽然你可以…
-
WordPress教程：WordPress添加JS和CSS样式表
对于一些使用WordPress进行外贸建站的商家来说，大部分人会通过在WordPress中添加JS代码和CSS样式表，以增强网站的交互性和观赏性，但对于一些不了解代码知识的商家可谓是天方夜谭，所以本文接下来将为大家讲解WordPress添加JS和CSS样式表的具体教程。 一、WordPress添加JS和CSS样式表的常见错误 许多WordPress插件和主题开发人员都犯了直接将脚本或内联CSS添加到插件和主题中的错误，有些人错误地使用wp_head函数来加载脚本和样式表。 <?php ad…
-
WordPress网站建设 WordPress建站教程
WordPress作为是目前市场上最受欢迎的网站建设平台之一，越来越多的商家选择基于WordPress进行外贸独立站的搭建工作，但是又WordPress网站建设技术有一定的门槛，所以在建站之前需要好好学习一下，接下来为大家具体介绍WordPress建站教程，快速搭建一个独立站。 一、域名注册 域名是网站在网络上的“住址”，相当于一间房子的门牌号，用户只有知道网站的住址，才能通过域名访问到网站。域名注册是外贸独立站建站的第一步，任何一个网站都不能例外。域名注册其实非常简单，只需要确定注册的域名和注…
-
Woocommerce商城设置注册页面详细指南
在使用Woocommerce和WordPress进行外贸建站时，大多数站长会选择通过自定义顾客登录和注册页面来增强用户体验，以更好的收集顾客信息，以做好网站的运营推广。所以下文将基于Woocommerce商城设置注册页面这一问题为各位站长具体介绍其中的详细过程，以供不熟悉操作的商家提供一个过程参考。 一、使用hooks设置Woocommerce商城注册页面 WooCommerce hooks提供了一种灵活且安全的方式来自定义Woocommerce商城注册页面，而无需直接编辑主题文件。 1、登录到…
-
Shopify主题自定义开发教程
对于独立站有品牌塑造要求的商家来说，通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站，向大家介绍Shopify主题自定义开发的主要教程，以供大家参考。 当使用 Shopify 主题编辑器自定义开发时，是在自定义页面模板，而不是单个页面本身，这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。 可以自定义在线商店的内容、布局、排版和颜色，每个模板都提供了部分和设置，允许更改商店的外观，而无需触摸甚至查看任何代码。 Shopify独立站…
