用户在使用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添加JS和CSS样式表
对于一些使用WordPress进行外贸建站的商家来说，大部分人会通过在WordPress中添加JS代码和CSS样式表，以增强网站的交互性和观赏性，但对于一些不了解代码知识的商家可谓是天方夜谭，所以本文接下来将为大家讲解WordPress添加JS和CSS样式表的具体教程。 一、WordPress添加JS和CSS样式表的常见错误 许多WordPress插件和主题开发人员都犯了直接将脚本或内联CSS添加到插件和主题中的错误，有些人错误地使用wp_head函数来加载脚本和样式表。 <?php ad…
-
WordPress字体设置 WordPress怎么改字体？
在进行WordPress独立站自定义设置时，有些商家为了追求网站的个性化，会更改WordPress的默认字体，对于一些不熟悉WordPress后台操作的用户来说想要实现该功能，可能会有一些困难，所以下文将为大家介绍使用WordPress主题定制器、全站编辑、插件和CSS代码来更改字体的具体操作以供大家参考。 WordPress怎么改字体一：使用主题定制器 1、登录 WordPress 仪表板。 2、导航到 外观- 自定义打开主题定制器。 3、进入定制器后，单击 Fonts。 4、可以单独设置站点…
-
Elementor编辑器怎么用 WordPress Elementor编辑器教程
Elementor编辑器怎么用？使用WordPress Elementor编辑器可以帮助商家实现构建页面和超级菜单等目标，此外借助编辑器Pro版本，用户还可以通过使用其内置的AI功能实现文本和代码的自定义创建。为了让各位使用Elementor编辑器进行外贸建站的站长，更加熟练地使用该编辑器，下文将围绕以上所说的Elementor编辑器怎么用的三个方面，为大家介绍具体的图文操作教程。 Elementor编辑器怎么用一：创建页面 如何创建新页面取决您是使用 Elementor Hosting 还是带…
-
WordPress子主题作用 WordPress子主题如何制作？
在使用WordPress主题时，多数用户会遇到主题设置导致文件丢失甚至是网站崩溃的情况，这时对于外贸建站的商家来说，通过插件或者functions.php函数制作一个WordPress子主题显得尤为重要。因为WordPress子主题可以完全继承父主题的特点和功能，以保证网站父主题发生更改时，数据或者是网站的正常运行，所以下文将基于此为大家介绍WordPress子主题作用及其如何制作的有关内容。 一、WordPress子主题作用 1、WordPress子主题优点 （1）高度自定义：通过WordPr…
-
WordPress锚链接怎么设置
WordPress锚链接怎么设置？WordPress锚链接可通过编辑器设置锚点ID+关联#ID链接、纯HTML手动创建、插件辅助等方式实现。锚链接与超链接不同，前者仅在同一页面跳转定位，后者可指向内外网页面，对优化外贸建站导航体验、提升海外访客浏览效率尤为关键。下文将从编辑器操作、代码设置等维度，拆解外贸建站适配的锚链接实操方案，一起看看具体步骤。 一、锚链接和超链接的区别 超链接是什么 在详细讨论WordPress锚链接之前，需要先了解什么是超链接。 可能已经知道这类链接：带有彩色或下划线的文…
-
WP Optimize图片优化怎么做
WP Optimize图片优化怎么做？通过安装插件后进入“WP Optimize-图片”页面，选择压缩模式，批量或单独压缩图片，并可启用自动压缩新上传图片功能，免费版已支持基础压缩，高级版则额外提供懒加载、多站点支持等优化选项。接下来本文将手把手教大家如何设置压缩选项、管理备份，并实现新图自动优化，让你的WordPress站点又快又稳！ 一、WP Optimize图片优化免费还是付费 WP Optimize两个套餐都包含图片压缩，但在页面加载速度和SEO方面，每一点点都很重要。 高级功能包括“懒…
