用户在使用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]的代码设置表单页面。
推荐阅读：
相关文章
-
新手指南：Ubuntu系统的基本操作和使用教程
一、Ubuntu系统的基础操作 1、界面介绍 Ubuntu系统的桌面环境通常是基于GNOME桌面环境，它包括以下元素： 桌面：桌面是能看到的整个屏幕，可以在桌面上放置文件和文件夹。 任务栏：位于屏幕顶部的横条通常包含了应用程序启动器、系统菜单、通知区域等。 应用程序启动器：通常位于任务栏左侧，包含了常用的应用程序图标，你可以从这里启动应用程序。 通知区域：通常位于任务栏右侧，包含了系统通知、网络连接、音量控制等快捷操作。 应用程序菜单：在桌面的左上角，通常是一个“Activities”按钮，点击…
-
Shopify主题自定义开发教程
对于独立站有品牌塑造要求的商家来说，通过现有的主题模版自定义开发设置网站是一种不可或缺的手段。所以下文将围绕Shopify跨境电商独立站，向大家介绍Shopify主题自定义开发的主要教程，以供大家参考。 当使用 Shopify 主题编辑器自定义开发时，是在自定义页面模板，而不是单个页面本身，这意味着对特定模板所做的任何更改都将应用于使用该模板的所有页面。 可以自定义在线商店的内容、布局、排版和颜色，每个模板都提供了部分和设置，允许更改商店的外观，而无需触摸甚至查看任何代码。 Shopify独立站…
-
WordPress新建页面教程
WordPress页面搭建是WordPress网站建设过程中最基本的操作步骤，借助每个新建的WordPress页面，商家可以在页面上展示自己想要展示的内容，例如产品页面，隐私政策页面、关于我们页面、博客页面等。下文将基于WordPress的两种内置编辑器古腾堡和经典编辑器为大家详解介绍WordPress新建页面的图文教程，并为有需要的商家附上了WordPress页面删除教程，以备不时之需。 一、如何WordPress中添加新页面 可以通过按 Add New 按钮或从左侧展开的 Pages 菜单中…
-
Shopify导航栏怎么添加子菜单
Shopify导航栏怎么添加子菜单？进入Shopify跨境电商独立站后台，在“导航”-“添加菜单”中，点击“+ 添加菜单项”按钮即可按需求添加Shopify导航栏的子菜单。下文展示了Shopify导航栏怎么添加子菜单的具体步骤，及Shopify导航栏添加子菜单的相关问题汇总，以供大家参考。 一、Shopify导航栏怎么添加子菜单 1、转到 Shopify 后台中的“导航”。 2、在Shopify“菜单”部分，单击右上角的“添加菜单”按钮。 3、在“添加菜单”屏幕中，在“标题”字段中输入菜单的标题…
-
HTML、PHP、CSS和JS之间的关系
在外贸建站的过程中，要想进行独立站的开发，不可避免的会遇到网站搭建常见的四种技术，分别是HTML、PHP、CSS和JS，一提到这四种技术语言时，不少技术小白会一脸懵，所以接下来本文将为大家梳理这四种语言之间的关系，为大家外贸建站提供一些技术支撑。 HTML：HTML（Hypertext Markup Language）即超文本标记语言，是用于描述网页文档的一种标记语言。HTML其实是文本，它只是客户端语言，所以需要浏览器的解释，而且只用HTML做出来的网页是静态网页，没任何得交互功能。 CSS：…
-
Shopify Payments综合指南（是什么、优缺点及设置教程）
Shopify Payments是商家搭建Shopify跨境电商独立站时，经常听到的一个支付选项。那么Shopify Payments是什么、它的优缺点有哪些以及怎么设置呢？下文将依次围绕这三个问题展开解释，帮助各位商家对Shopify Payments有一个清晰的了解。 一、Shopify Payments是什么 Shopify Payments是Shopify平台内部的跨境支付方式，可以充当Shopify商店的默认集成支付网关。从客户填写信用卡信息的那一刻起，它就负责管理所有步骤，直到资金已…
