用户在使用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独立站建站教程:产品上架

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

    开发教程 2026年 1月 6日
  • WooCommerce多语言设置

    WooCommerce多语言设置教程

    WooCommerce作为一款WordPress外贸建站不可或缺的商城构建插件,其自身也拥用一系列强大的WooCommerce附加组件,例如构建WooCommerce多语言商城会使用到的Webis Multilingual插件,而下文将围绕此插件为大家展示WooCommerce多语言的设置过程,希望可以为各位提供一个多语言网站的设计思路。 一、安装插件 从WooCommerce帐户下载.zip文件,转到WordPress Admin-插件-添加新插件和上传插件,使用下载的文件,选择 Choose…

    开发教程 2024年 10月 24日
  • WordPress

    WordPress管理栏如何隐藏

    WordPress管理栏如何隐藏,一般可以通过用户资料设置、插件设置或代码方式实现。如果只是单个用户不想在前台看到管理栏,可以直接在个人资料中关闭;如果想对所有用户隐藏WordPress管理栏,可以使用插件或在主题functions.php文件中添加代码。 对于跨境电商独立站、企业官网和内容站来说,隐藏WordPress管理栏可以让前台预览更接近真实访客看到的效果,也能避免管理栏影响页面布局判断。本文主要为大家介绍一下如何对所有用户隐藏WordPress管理栏。 一、WordPress管理栏是什…

    开发教程 2026年 8月 14日
  • 点击外观中的小部件

    WordPress添加小工具图文教程

    在WordPress外贸建站过程中,灵活使用小工具能显著提升网站的功能与用户体验。本文将为大家带来一份详尽的WordPress添加小工具图文教程,手把手教大家如何通过仪表盘轻松管理与配置各类小工具。接下来大家一起看一下具体的操作步骤吧! 1、登录WordPress仪表盘。 2、从主左侧菜单向下滚动到外观,点击小部件。 3、在这里可以用WordPress主题查看当前的小部件。 4、点击下箭头按钮进入现有的小部件,这样可以自定义小部件。 5、点击左上角的插入器+按钮即可添加新控件。 6、然后向下滚动…

    开发教程 2026年 2月 2日
  • 单击“图标”旁边的单选按钮

    WordPress设置社交媒体图标教程

    在WordPress外贸建站的过程中,不少商家为了实现多渠道的品牌营销,会在WordPress独立站上添加社交媒体图标,以提高用户粘性。通常WordPress独立站的社交媒体图标设置有两种方法,一种是通过插件实现,另一种则是通过主题实现,不过第二种方法仅适合使用区块主题的用户。为了在帮助大家更好的进行WordPress社交媒体图标的设置,本文将以Menu Image插件为例,为大家具体展示WordPress设置社交媒体图标的详细教程。 将社交媒体图标添加到 WordPress 菜单的最简单方法是…

    开发教程 2025年 2月 5日
  • 进入Google Search Console

    如何让谷歌收录网站?谷歌收录网站教程

    提到外贸建站工作,大家会自然而然的想到网站SEO的优化,网站SEO的优化又离不开网站的的收录工作。谷歌作为当前全球最大的搜索引擎,在独立站的运营推广方面发挥了不可或缺的重要作用,那么如何让谷歌快速收录自己的网站呢?商家可以通过等方法实现,接下来本文将为大家介绍谷歌收录网站的具体教程,以供大家参考。 一、如何让谷歌收录网站 1、使用GSC的“网址检查” 谷歌搜索控制台有一个功能叫做“网址检查”。在这里可以输入页面网址查看网页收录情况。如果收录情况显示网页未收录状态,可以点击“请求编入索引”请求谷歌…

    开发教程 2024年 11月 1日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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