用户在使用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 RSS订阅如何做？
商家在不使用WordPress插件的情况下，可以借助WordPress网站编辑器和小部件来实现WordPress RSS订阅。借助WordPress RSS订阅，商家可以在外贸建站运营推广的过程中，进一步优化网站SEO，增加用户粘性，帮助访客/搜索引擎可以及时了解和抓取网站内容。 一、WordPress RSS是什么 WordPress RSS是一个基于 XML 的文件，全称为“Really Simple Syndication”，允许用户自动访问网站的内容，该订阅包括最近文章、自定义文章类型、…
-
WooCommerce独立站维护模式设置教程
使用WordPress+WooCommerce搭建外贸独立站时，有时商家会进行网站的改版或更新等工作，这时为了让网站更加顺利的进行访问，就不得不启用WooCommerce独立站的维护模式，但是对于一些不熟悉WooCommerce代码知识的用户来说，此过程可谓是一头雾水，但是为了让小白都能进行独立站维护模式的设置，所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…
-
如何进行CSS的网站设计与开发？
各位站长在外贸建站时，可以通过变换生成、掌握Calc（）函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具，可以极大程度上，减少前端技术人员代码编写的负担，帮助网站形成一个良好的网站布局。所以，本文接下来将和大家分享在CSS设计中存在的一些巧思，让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率，如灰度PNG，并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案，并且可…
-
WorPress PHP版本兼容性及更新原因介绍
PHP作为WordPress的开发语言，更新PHP版本有利于确保WordPress外贸独立站性能的提升、安全性的增强、功能的维护以及兼容性的增强。因为在更新WordPress PHP版本中经常会遇到不兼容的问题，而本文接下来将基于WorPress PHP版本兼容性及更新原因进行介绍，并在文章第三部分介绍了Hostinger WordPress PHP版本的更新教程。 一、为什么更新WordPress PHP版本 与 WordPress主题和插件一样，PHP经常收到更新和补丁，使用旧版本的 PHP…
-
如何在WordPress中集成API？
用户可以通过WordPress插件WPGetAPI来实现WordPress网站的API集成，借助网站与其他应用程序的连接，以便用户在每一端发送、接收和修改数据。下文也将为大家具体介绍这一方法的具体步骤，为大家在使用WordPress进行外贸建站时提供一个参考。 一、安装并激活插件 要启动该过程，请在WordPress网站上安装并激活该插件。如果没有WordPress帐户，请创建一个，然后在左侧边栏的插件下搜索WPGetAPI插件。 插件激活后，选择要集成的API，在开始集成之前，请阅读API文档…
-
WordPress怎么多语言？
随着外贸建站行业的不断深入发展，WordPress的多语言功能也显得越来越重要，一个具有多语言的独立站不仅可以有利于客户的访问，而且在一定程度上也有利于网站的SEO优化。那么WordPress多语言网站到底该怎么设置呢？其实设置方法多种多样，用户可以通过用两种不同的语言文章撰写文章来实现，也可以通过创建两个具有不同语言的站点来达到WordPress多语言的设置。下文将为大家具体介绍多语言网站的设置方法。 一、一个站点，一篇文章 用户可以创建一个站点，并让每篇文章或每个页面都包含用两种语言显示的相…
