用户在使用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编辑器时,单击(+)图标添加新块。然后使用搜索栏浏览短代码块。一旦看到它,只需选择它并在字段中添加短代码,请注意别忘了保存页面。

使用Gutenberg块编辑器

此外可以在单个页面中使用多个短代码,这是通过将短代码与其他短代码结合使用来实现的。例如可以使用类似[woocommerce_my_account]和[woocomerce_order_tracking]的代码设置表单页面。

推荐阅读

WooCommerce是什么?

跨境建站:WooCommerce使用教程

如何测试WooCommerce的网络性能?

相关文章

  • 填写名称、在用的邮箱地址、设置密码

    Shopify企业邮箱Zoho注册登录教程

    在使用Shopify搭建跨境电商独立站的过程中,商家使用企业邮箱进行邮件营销,可以给予用户更高程度的专业感和信任度。目前Zoho邮箱因为免费的价格和较高的送达率在跨境商家中比较受欢迎,所以下文将为大家具体介绍Shopify企业邮箱Zoho注册登录教程,讲解如何注册Shopify企业邮箱Zoho并绑定网站域名。 一、注册Shopify企业邮箱Zoho免费账号 Zoho 也有中文网站,不过不提供免费版注册。所以先访问英文版网站注册账号,注册后将语言改为中文即可。填写名称、在用的邮箱地址(用于接收注册…

    开发教程 2025年 5月 12日
  • 点击添加产品按钮

    Shopify独立站建站教程:产品上架

    Shopify产品上架是商家在搭建Shopify跨境电商独立站极易忽视的优化细节,多数卖家因缺乏系统方法,经常会遗漏SEO优化、库存跟踪等关键环节,导致曝光不足、转化率低。本文聚焦这一痛点,以全流程实操框架,拆解从信息填写到发布的专业要点,帮卖家规避误区、规范流程,既让新手快速上手,也助力老手提高转化! 一、登录Shopify账户 如果还没有Shopify商店,点击查看《Shopify注册流程及注意事项》相关注册教程。 或者如果已经有Shopify账号,登录Shopify管理仪表盘,向商店添加新…

    开发教程 2026年 1月 6日
  • 外贸网站推广教程

    外贸网站推广教程

    有的商家在搭建完一个外贸独立站之后就认为万事大吉了,完全忽视了独立站搭建后的网站推广优化。如果说外贸建站是塑造品牌的基石,那么外贸网站推广则是让品牌长成参天大树的“肥料”。下文从网站定位明确开始为大家具体讲解外贸网站推广的具体教程,让各位商家对该过程有个大致了解。 外贸网站推广教程一:明确网站定位 何谓网站定位?意思是分清楚外贸独立站是做什么的,卖什么的,这一步取决于自己的产品和服务。通常外贸企业网站上一般都有自己公司的图片,所以定位一定不要太杂,要将自己的产品组合在一起,比如卖汽车配件的,就是…

    开发教程 2025年 6月 26日
  • 确保WooCommerce HTTPS 合规性

    WooCommerce谷歌支付怎么开通

    WooCommerce谷歌支付怎么开通?首先商家需要创建Google和Stripe账户、安装Google Pay插件和确保HTTPS合规性,之后需要通过配置WooCommerce对支付网关进行设置,最后则需要激活Google Pay插件。 将 Google Pay 与 WooCommerce 商店集成可简化结账,提高客户的便利性和安全性。Google Pay 是一种可广泛访问的数字钱包,提供快速、加密的交易,从而提高转化率并改善用户体验。本指南涵盖基本内容:设置帐户、安装插件、确保 HTTPS …

    开发教程 2025年 5月 8日
  • 为WordPress子主题创建文件夹

    WordPress子主题作用 WordPress子主题如何制作?

    在使用WordPress主题时,多数用户会遇到主题设置导致文件丢失甚至是网站崩溃的情况,这时对于外贸建站的商家来说,通过插件或者functions.php函数制作一个WordPress子主题显得尤为重要。因为WordPress子主题可以完全继承父主题的特点和功能,以保证网站父主题发生更改时,数据或者是网站的正常运行,所以下文将基于此为大家介绍WordPress子主题作用及其如何制作的有关内容。 一、WordPress子主题作用 1、WordPress子主题优点 (1)高度自定义:通过WordPr…

    开发教程 2024年 11月 12日
  • 添加新插件部分

    WordPress网站模板Astra快速搭建网站入门教程

    本文接下来将围绕Astra WordPress网站模版为基础,讲解网站快速搭建的入门级教程,帮助各位想要外贸建站的站长了解该主题的使用步骤。要想使用WordPress网站模板Astra快速搭建网站,首先需要安装Starter Templates插件,该插件是免费插件,可以导入Astra WordPress网站模版,实现网站的快速搭建。 从 WordPress 仪表板访问插件-添加新插件部分。 在仪表板上搜索并安装 Starter Templates 插件。 安装并激活后,可以在Astra网站模版…

    开发教程 2025年 10月 15日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

工作时间:周一至周日,9:00 - 21:00,节假日不休息

在线客服
微信客服
微信客服
分享本页
返回顶部