用户在使用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]的代码设置表单页面。
推荐阅读：
相关文章
-
外贸网站建设必备的HTTP状态代码大全
在外贸建站过程中经常会遇到网站出现以数字开头的状态代码的情况，这些状态代码为独立站的正常运行提供丰富的指导条件，例如1xx 和 2xx 代码代码搜索引擎可以顺利地访问和索引内容，4xx 和 5xx 代码则会阻止搜索引擎抓取和索引网站页面。对于小白来说这些状态代码不仅数量庞大而且难于记忆和理解，所以本文为了帮助大家更好的了解外贸网站建设过程中的HTTP状态代码，接下来将呈现HTTP状态代码的有关内容。 一、HTTP状态代码是什么 HTTP 状态代码是 Web 服务器使用的标准化响应，用于告诉 HT…
-
Shopify导航栏怎么添加子菜单
Shopify导航栏怎么添加子菜单？进入Shopify跨境电商独立站后台，在“导航”-“添加菜单”中，点击“+ 添加菜单项”按钮即可按需求添加Shopify导航栏的子菜单。下文展示了Shopify导航栏怎么添加子菜单的具体步骤，及Shopify导航栏添加子菜单的相关问题汇总，以供大家参考。 一、Shopify导航栏怎么添加子菜单 1、转到 Shopify 后台中的“导航”。 2、在Shopify“菜单”部分，单击右上角的“添加菜单”按钮。 3、在“添加菜单”屏幕中，在“标题”字段中输入菜单的标题…
-
WordPress建站教程：WordPress伪静态设置方法
在WordPress外贸建站过程中，对于一些想追求网站速度优化的用户来说，会选择进行WordPress伪静态设置，使得原本复杂的网站参数变得清晰明了，让搜索引擎更易于理解和抓取，让访问者易于记忆，进而提高网站优化效果。所以将基于此为大家介绍WordPress伪静态的设置方法，以供大家参考。 WordPress伪静态设置方法一：使用插件 当用户满足以下条件时，可以使用WordPress插件WordPress Static Site Generator： 网站变化不大 不依赖动态内容（如果想使用 W…
-
Shopify如何开店
Shopify如何开店？想要使用Shopify开店的商家，首先需要创建Shopify账户、添加产品、选择主题，之后要自定义商店、添加域名、配置配送支付方式、添加页面、连接应用程序，最后则需要创建测试订单并正式启动网站进行Shopify开店。对于小白商家来说，Shopify跨境电商独立站的开店步骤会有点繁琐，所以接下来将围绕Shopify开店的具体操作过程为大家展开介绍。 Shopify如何开店一：创建Shopify帐户 访问Shopify并完成帐户设置。Shopify Basic计划从三天免费试…
-
WordPress设置社交媒体图标教程
在WordPress外贸建站的过程中，不少商家为了实现多渠道的品牌营销，会在WordPress独立站上添加社交媒体图标，以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法，一种是通过插件实现，另一种则是通过主题实现，不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置，本文将以Menu Image插件为例，为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…
-
WordPress建站教程：WordPress幻灯片设置
在外贸建站的过程中，有些商家会选择使用WordPress幻灯片为网站页面增加一定的动感和可观性，进而提高网站与访客的互动性，那么这一步骤对于一些新手用户或者不懂代码的小白来说，可能过于生涩难懂，所以下文将为大家介绍一种简易的方法为大家介绍WordPress幻灯片设置步骤。 一、安装WordPress幻灯片插件 首先进入WordPress独立站的仪表板并在左侧菜单上找到“插件”选项卡，然后单击“添加新”，然后在搜索栏中输入滑块的名称“Smart Slider 3”。 单击“立即安装”，然后单击“激…
