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

相关文章

  • 安装WordPress幻灯片插件

    WordPress建站教程:WordPress幻灯片设置

    在外贸建站的过程中,有些商家会选择使用WordPress幻灯片为网站页面增加一定的动感和可观性,进而提高网站与访客的互动性,那么这一步骤对于一些新手用户或者不懂代码的小白来说,可能过于生涩难懂,所以下文将为大家介绍一种简易的方法为大家介绍WordPress幻灯片设置步骤。 一、安装WordPress幻灯片插件 首先进入WordPress独立站的仪表板并在左侧菜单上找到“插件”选项卡,然后单击“添加新”,然后在搜索栏中输入滑块的名称“Smart Slider 3”。 单击“立即安装”,然后单击“激…

    开发教程 2024年 10月 18日
  • 进入Google Search Console

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

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

    开发教程 2024年 11月 1日
  • 建站小白必看的320个必备Web开发专业术语

    建站小白必看:30个必备Web开发专业术语

    做外贸建站的商家离不开Web开发,无论是自己学习技术开发网站还是寻找专业的外贸建站公司进行外包建站,用户都有必要了解Web开发的专业术语,不仅可以帮助商家将自己的建站需求精准传达给客户,而且可以进一步丰富自己的网站建站知识,所以接下来将基于此为大家展示建站小白必看的30个必备Web开发专业术语,以供大家参考。 一、什么是Web开发 Web开发与网站设计密切相关,通常用于网站和应用的实际构建和编程,主要是指在互联网上创建网站的过程。Web开发人员通过编写代码,使用各种编程语言来实现这一点,这些语言…

    开发教程 2024年 12月 4日
  • 导航到仪表板中的网站付款

    WooCommerce PayPal设置如何做?

    WooCommerce PayPal设置如何做?首先商家需要在PayPal的账户后台生成一个PayPal身份识别码,之后在PayPal NVP/SOAP API 集成(经典)部分获取API实时凭证,再在WooCommerce后台进行WooCommerce PayPal Payments插件的安装激活与配置,至此便可完成WooCommerce PayPal设置的全部操作了,为了帮助大家更好的进行WooCommerce PayPal外贸建站的设置,所以下文将基于此为大家具体呈现其中的图文设置过程,以…

    开发教程 2025年 1月 6日
  • 注册即梦AI

    DeepSeek、即梦AI和豆包组合使用攻略 跨境电商产品图一键生成

    随着近几年豆包、deepseek、即梦AI等人工智能的爆火,对于跨境电商行业也带来了不少的冲击。AI生成图片、AI构建网站、AI进行网站优化等等,在提升工作效率的同时,也可以简化跨境电商独立站的搭建管理程序。本文接下来将围绕DeepSeek、即梦AI和豆包组合使用攻略,为大家详解如何让它们有效结合,帮助各位商家一键生成跨境电商产品图。 一、DeepSeek即梦AI怎么结合使用 DeepSeek即梦AI怎么结合使用?跨境商家可以通过DeepSeek生成提示词,之后再让即梦AI生成图片,最后可以根据…

    开发教程 2025年 5月 16日
  • 外贸网站推广教程

    外贸网站推广教程

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

    开发教程 2025年 6月 26日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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