用户在使用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]的代码设置表单页面。
推荐阅读：
相关文章
-
WordPress怎么多语言？
随着外贸建站行业的不断深入发展，WordPress的多语言功能也显得越来越重要，一个具有多语言的独立站不仅可以有利于客户的访问，而且在一定程度上也有利于网站的SEO优化。那么WordPress多语言网站到底该怎么设置呢？其实设置方法多种多样，用户可以通过用两种不同的语言文章撰写文章来实现，也可以通过创建两个具有不同语言的站点来达到WordPress多语言的设置。下文将为大家具体介绍多语言网站的设置方法。 一、一个站点，一篇文章 用户可以创建一个站点，并让每篇文章或每个页面都包含用两种语言显示的相…
-
WordPress筛选功能设置文章和页面教程
在WordPress外贸建站的过程中，大多数情况下为了优化用户的网站访问体验，会添加文章和页面的筛选功能，以帮助用户更精准的搜索到自己所需的内容。下文将基于此为大家介绍如何通过付费和免费插件来实现WordPress筛选文章和页面的功能设置，希望可以为各位提供一定的操作指导。 一、WordPress为什么设置文章和页面筛选功能 用户是否曾访问过一个内容泛滥的WordPress独立站，却苦于找不到所需内容？这对用户来说可能是一次令人沮丧的经历，甚至可能导致他们完全放弃访问自己的网站。 最终这可能会对…
-
在子域名上安装WordPress的两种方法
外贸建站时，有时为了扩展网站内容，又或者是为了测试新网站，需要在子域名上安装WordPress，所以下文将基于在子域名上安装WordPress的具体教程展开，为大家介绍其中的步骤，以供各位参考。 一、用cPanel在字域名上安装WordPress 1、在cPanel中添加子域 首先需要把子域名添加到cPanel，具体怎么做取决于自己的主机用的是哪个版本的cPanel。 较早的cPanel版本（版本106或更低）提供专用的子域接口，较新的 cPanel 版本（版本 107 或更高）已移除了该独立接…
-
Shopify怎么添加自定义HTML代码
Shopify添加自定义HTML代码首先需要备份主题，然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分，这决定了商家是打开layout中的theme.liquid文件，还是Sections或Templates文件，亦或者是新创建一个liquid文件，接着把HTML代码粘贴到自己希望它出现的位置，最后点击保存并预览即可。 第一步：备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前，务必先备份主题。 为了备份Shopify主题，执行的操作有： Shopif…
-
WordPress网站建设 WordPress建站教程
WordPress作为是目前市场上最受欢迎的网站建设平台之一，越来越多的商家选择基于WordPress进行外贸独立站的搭建工作，但是又WordPress网站建设技术有一定的门槛，所以在建站之前需要好好学习一下，接下来为大家具体介绍WordPress建站教程，快速搭建一个独立站。 一、域名注册 域名是网站在网络上的“住址”，相当于一间房子的门牌号，用户只有知道网站的住址，才能通过域名访问到网站。域名注册是外贸独立站建站的第一步，任何一个网站都不能例外。域名注册其实非常简单，只需要确定注册的域名和注…
-
如何安装并配置PHP集成开发环境？
各位开发人员既可以通过手动安装PHP开发环境，也可通过XAMPP、WAMPServer等一些IDE进行配置。PHP集成开发环境又被称为PHP编辑器，极大地简化了Web开发的流程，通过在一个平台进行编辑、测试、调试等操作，实现了代码开发效率和质量的提高。而本文接下来将为大家介绍如何进行PHP集成开发环境的安装，帮助各位外贸建站的开发人员更好的实现代码的编写。 一、安装PHP集成开发环境的方法 1、手动安装PHP及相关服务器环境 Apache或Nginx：Apache和Nginx是最常用的Web服务…
