用户在使用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]的代码设置表单页面。
推荐阅读：
相关文章
-
建站小白必看：30个必备Web开发专业术语
做外贸建站的商家离不开Web开发，无论是自己学习技术开发网站还是寻找专业的外贸建站公司进行外包建站，用户都有必要了解Web开发的专业术语，不仅可以帮助商家将自己的建站需求精准传达给客户，而且可以进一步丰富自己的网站建站知识，所以接下来将基于此为大家展示建站小白必看的30个必备Web开发专业术语，以供大家参考。 一、什么是Web开发 Web开发与网站设计密切相关，通常用于网站和应用的实际构建和编程，主要是指在互联网上创建网站的过程。Web开发人员通过编写代码，使用各种编程语言来实现这一点，这些语言…
-
WooCommerce独立站维护模式设置教程
使用WordPress+WooCommerce搭建外贸独立站时，有时商家会进行网站的改版或更新等工作，这时为了让网站更加顺利的进行访问，就不得不启用WooCommerce独立站的维护模式，但是对于一些不熟悉WooCommerce代码知识的用户来说，此过程可谓是一头雾水，但是为了让小白都能进行独立站维护模式的设置，所以下文将基于此为大家介绍如何使用WooCommerce插件进行独立站维护模式的设置。 一、安装WooCommerce维护插件 安装并激活SeedProd WordPress插件。 导航…
-
如何进行CSS的网站设计与开发？
各位站长在外贸建站时，可以通过变换生成、掌握Calc（）函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具，可以极大程度上，减少前端技术人员代码编写的负担，帮助网站形成一个良好的网站布局。所以，本文接下来将和大家分享在CSS设计中存在的一些巧思，让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率，如灰度PNG，并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案，并且可…
-
独立站跨境电商怎么做
要想做好独立站跨境电商首先必须确定目标市场，然后选择合适的搭建方式，并进行独立站的搭建和运营推广工作，最后则是进行独立站的技术维护监控工作。下文将基于此为大家介绍独立站跨境电商怎么做的有关内容，希望帮助大家更好的了解跨境电商独立站的搭建。 独立站跨境电商怎么做一：确定目标市场 做独立站跨境电商首先需要进行目标市场的确定，用户需要确定的内容包括如下几个方面： 1、消费人群分析：利用Google Trends、SimilarWeb等工具，研究目标国家用户的购买习惯、搜索偏好及活跃平台，例如北美用户注…
-
六大PHP Web框架软件汇总
Web框架作为Web程序开发前段工具，可以减少开发时间和维护成本，对于外贸建站来说，是一个较好的代码应用数据库。PHP则是Web开发应用较广泛的前端脚本语言，所以本文基于此，将和大家分享一些PHP Web框架软件，助力外贸独立站的建设。 一、Agavi Agavi是一个强大的，可扩展的PHP 5应用程序框架，遵循MVC范例。它使程序员能够编写清晰，可维护和可扩展的代码。Agavi将选择和自由放在限制性公约上，重点是持续的质量而不是短视的决定。它不是一个完整的网站建设工具，而是一个程序员可以构建应…
-
搭建独立站要做什么准备：避坑指南
大多数第一次外贸建站的商家，经常会疑惑搭建独立站要做什么准备，首先商家需要确定建站目标，其次要选择合适的建站方式，进行网站结构的规划，然后要确定目标关键词，最后则需要对网站进行运营维护的设置。所以本文为了让大家更好的搭建独立站，接下来将围绕以上提到的几个方面，为大家详细介绍独立站搭建的准备指南，帮助大家成功避坑。 搭建独立站要做什么准备一：建站目标的确定 在搭建外贸独立站之前，确定网站是旨在销售商品、分享个人见解、展示产品组合、提供服务或用于其他独特目的，这将有助于塑造整体结构和内容策略。 如果…
