用户在使用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建站的商家，都会选择借助WooCommerce来搭建购物网站。WooCommerce是一款电子商务插件，使用WooCommerce可以轻松实现销售数据、库存和客户数据的一站式管理，所以本文将教大家如何借助WooCommerce将 WordPress网站变成在线购物网站。 WordPress搭建购物网站一：前提准备 从头开始创建 WooCommerce 网站需要以下三件事： 需要一个 WordPress 托管帐户，所有网站文件都将存储在此处 域名，这是网站的 Inter…
-
WooCommerce产品图像尺寸如何设置
WooCommerce产品图像尺寸如何设置？WooCommerce产品图像尺寸通过网站后台的图片编辑功能即可完成。在搭建跨境电商独立站时，图片占据网站的大半部分内存，因此优化图片大小并进行正确合适的WooCommerce产品图像尺寸设置，是提高网站加载速度的重要手段。接下来将详细介绍WooCommerce产品图像的标准尺寸、如何设置以及如何评估图像大小的有关内容。 一、WooCommerce标准图像尺寸 以下是 WooCommerce 建议的图像尺寸细分。 主图：产品页面上的大图，通常为 800…
-
Shopify A/B测试如何进行
Shopify A/B测试如何进行？首先需要确保创建Shopify A/B测试SMART假设，之后还要有效安排测试时间，不可过短，最后还需要确保A/B测试具有统计显着性。本文并在文末向大家推荐了三款Shopify A/B测试工具，供大家测试Shopify跨境电商独立站使用。 一、A/B测试是什么 A/B测试也称为分割测试，是比较同一网页、电子邮件或其他数字资产的两个版本，以确定哪个版本在用户行为方面表现更好的过程。 这是改善营销活动表现和更好理解目标受众转化的有用工具。A/B测试能够回答重要的商…
-
Shopify怎么添加自定义HTML代码
Shopify添加自定义HTML代码首先需要备份主题，然后打开Shopify独立站的主题代码编辑器选择想要自定义的部分，这决定了商家是打开layout中的theme.liquid文件，还是Sections或Templates文件，亦或者是新创建一个liquid文件，接着把HTML代码粘贴到自己希望它出现的位置，最后点击保存并预览即可。 第一步：备份Shopify主题 在向主题文件添加HTML进行Shopify二次开发之前，务必先备份主题。 为了备份Shopify主题，执行的操作有： Shopif…
-
WordPress侧边栏怎么设置添加
在进行WordPress外贸建站的过程中，站长会通过添加设置侧边栏来丰富网站的结构，以优化用户体验。通常来说，站长可以借助定制器和Widgets页面实现WordPress侧边栏的设置和添加，为了和大家具体分享WordPress侧边栏的相关知识，下文将以此为大家呈现为什么要添加WordPress侧边栏、怎么设置、删除WordPress侧边栏的内容。 一、为什么要设置添加WordPress侧边栏 1、侧边栏提供了对WordPress独立站重要部分的快速访问，使即时探索变得直观。 2、WordPres…
-
外贸独立站建站教程：联系我们页面创作步骤
联系我们页面是外贸独立站的“沟通桥梁”，直接影响访客信任度与转化效率。对于一些行业而言，简洁真诚的欢迎语搭配核心联系信息，能快速打消访客顾虑。精准呈现电话、多用途邮箱、实体地址（如有）、营业时间及社交媒体链接，是建立沟通基础的关键。下文将详细拆解必备信息清单与WordPress平台联系表单的实操步骤。 一、创建联系我们页面时必须包含的重要信息 一般来说，可以先说欢迎词，解释为什么访客应该联系你，并说明你如何帮助解决访客的问题。不需要很长，只要加几句简短的话就够了。 假设你为男性定制钱包。在页面开…
