用户在使用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的网络性能?

相关文章

  • 选择WP Optimize中的图片

    WP Optimize图片优化怎么做

    WP Optimize图片优化怎么做?通过安装插件后进入“WP Optimize-图片”页面,选择压缩模式,批量或单独压缩图片,并可启用自动压缩新上传图片功能,免费版已支持基础压缩,高级版则额外提供懒加载、多站点支持等优化选项。接下来本文将手把手教大家如何设置压缩选项、管理备份,并实现新图自动优化,让你的WordPress站点又快又稳! 一、WP Optimize图片优化免费还是付费 WP Optimize两个套餐都包含图片压缩,但在页面加载速度和SEO方面,每一点点都很重要。 高级功能包括“懒…

    开发教程 2026年 2月 16日
  • 访问Shopify设置和付款

    Shopify独立站建站教程:Stripe收款设置

    Stripe是一个使用范围和覆盖范围较广的支付平台,多数商家在搭建Shopify跨境电商独立站时会选择将Stripe添加到店铺中作为Shopify收款的一部分。为了帮助各位商家了解Shopify独立站建站过程中Stripe收款的设置步骤,下文将围绕该问题,具体介绍单独添加Stripe收款和通过Shopify Payments添加Stripe付款的过程。 一、通过模块设置Shopify Stripe收款 将 Stripe 集成到 Shopify 商店中的最快、最有效的方法是通过模块安装,下面是详细…

    开发教程 2025年 10月 29日
  • 锚链接

    WordPress锚链接怎么设置

    WordPress锚链接怎么设置?WordPress锚链接可通过编辑器设置锚点ID+关联#ID链接、纯HTML手动创建、插件辅助等方式实现。锚链接与超链接不同,前者仅在同一页面跳转定位,后者可指向内外网页面,对优化外贸建站导航体验、提升海外访客浏览效率尤为关键。下文将从编辑器操作、代码设置等维度,拆解外贸建站适配的锚链接实操方案,一起看看具体步骤。 一、锚链接和超链接的区别 超链接是什么 在详细讨论WordPress锚链接之前,需要先了解什么是超链接。 可能已经知道这类链接:带有彩色或下划线的文…

    开发教程 2026年 5月 8日
  • 跨境独立站504错误代码

    跨境独立站504错误代码含义、产生原因及解决方法

    跨境独立站504错误代码是网站显示为“504 Gateway Time-out”的一种HTTP状态代码,在搭建跨境电商独立站时,如果服务器或者是网站插件发生错误,就会发生这种问题。504错误代码的产生不仅会导致网站不能及时响应用户请求,还会阻止搜索引擎的对网站的爬取,长此以往,网站甚至可能会从搜索结果中完全消失。 因此及时处理和解决 504 错误以保护网站安全和进行SEO优化至关重要,下文也将基于此展开跨境独立站504错误代码的含义、产生原因及解决方法的内容,供大家参考。 一、跨境独立站504错…

    开发教程 2025年 8月 20日
  • 根目录找到.htaccess文件

    301重定向怎么设置?

    301重定向使用户在外贸建站时经常会遇到的一种重定向技术,站长通常会通过编辑.htaccess文件或者return语句等方法来实现网页地址的迁移,以避免404错误的出现,诚然了解301重定向的相关设置有利于网站的正常运行,进而提升用户访问体验和提高网站搜索排名,所以下文将为大家介绍如何设置301重定向,为大家搭建外贸网站提供一些准备。 一、Apache网站服务器301重定向 在网站的根目标找到如下这个文件: 如果没有找到这个文件?有以下两种可能: 网站没有.htaccess文件。可以使用 Not…

    开发教程 2024年 9月 13日
  • 单击添加新

    WordPress怎么添加视频

    WordPress怎么添加视频?WordPress添加视频有两种方式,分别是通过WordPress后台-媒体库中直接添加,另一种是借助块编辑器( 古腾堡编辑器)将视频添加到指定文章/页面中。本文接下来将围绕以上WordPress添加视频的方式讲解具体的操作过程,助力各位站长顺利进行WordPress外贸网站建站和推广的工作。 WordPress怎么添加视频一:WordPress直接上传 可以将视频文件直接上传到 WordPress 媒体库,为此请执行以下作: 转到仪表板并选择媒体。 单击“添加新…

    开发教程 2025年 9月 24日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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