用户在使用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添加JS和CSS样式表

    WordPress教程:WordPress添加JS和CSS样式表

    对于一些使用WordPress进行外贸建站的商家来说,大部分人会通过在WordPress中添加JS代码和CSS样式表,以增强网站的交互性和观赏性,但对于一些不了解代码知识的商家可谓是天方夜谭,所以本文接下来将为大家讲解WordPress添加JS和CSS样式表的具体教程。 一、WordPress添加JS和CSS样式表的常见错误 许多WordPress插件和主题开发人员都犯了直接将脚本或内联CSS添加到插件和主题中的错误,有些人错误地使用wp_head函数来加载脚本和样式表。 <?php ad…

    开发教程 2024年 9月 11日
  • HTML、CSS、JS和PHP之间的关系

    HTML、PHP、CSS和JS之间的关系

    在外贸建站的过程中,要想进行独立站的开发,不可避免的会遇到网站搭建常见的四种技术,分别是HTML、PHP、CSS和JS,一提到这四种技术语言时,不少技术小白会一脸懵,所以接下来本文将为大家梳理这四种语言之间的关系,为大家外贸建站提供一些技术支撑。 HTML:HTML(Hypertext Markup Language)即超文本标记语言,是用于描述网页文档的一种标记语言。HTML其实是文本,它只是客户端语言,所以需要浏览器的解释,而且只用HTML做出来的网页是静态网页,没任何得交互功能。 CSS:…

    开发教程 2024年 9月 4日
  • 根目录找到.htaccess文件

    301重定向怎么设置?

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

    开发教程 2024年 9月 13日
  • PHP

    如何安装并配置PHP集成开发环境?

    各位开发人员既可以通过手动安装PHP开发环境,也可通过XAMPP、WAMPServer等一些IDE进行配置。PHP集成开发环境又被称为PHP编辑器,极大地简化了Web开发的流程,通过在一个平台进行编辑、测试、调试等操作,实现了代码开发效率和质量的提高。而本文接下来将为大家介绍如何进行PHP集成开发环境的安装,帮助各位外贸建站的开发人员更好的实现代码的编写。 一、安装PHP集成开发环境的方法 1、手动安装PHP及相关服务器环境 Apache或Nginx:Apache和Nginx是最常用的Web服务…

    开发教程 2024年 7月 25日
  • WordPress教程菜鸟教程

    WordPress教程菜鸟教程

    WordPress作为市场上最受欢迎的建站平台,越来越多的商家选择基于WordPress进行外贸独立站的搭建工作,但是又因为其建站技术的门槛,许多人想选择WordPress进行外贸建站又不知道如何下手,所以下文价格基于此为大家具体介绍WordPress外贸建站如何从零开始,快速搭建一个独立站。 一、域名注册 域名是网站在网络上的“住址”,相当于一间房子的门牌号,用户只有知道网站的住址,才能通过域名访问到网站。域名注册是外贸独立站建站的第一步,任何一个网站都不能例外。域名注册其实非常简单,只需要确…

    开发教程 2024年 10月 16日
  • CSS网站设计

    如何进行CSS的网站设计与开发?

    各位站长在外贸建站时,可以通过变换生成、掌握Calc()函数、Box-Sizing等方式设计出更丰富的网站页面。CSS作为与HTML相辅相成的网站开发工具,可以极大程度上,减少前端技术人员代码编写的负担,帮助网站形成一个良好的网站布局。所以,本文接下来将和大家分享在CSS设计中存在的一些巧思,让各位站长更好的进行Web开发工作。 一、图像必须匹配站点的颜色方案 颜色方案使得管理工作流程变得复杂。站长可能会使用高分辨率,如灰度PNG,并使用CSS滤镜添加色调。该方式可以将肖像匹配到事件方案,并且可…

    开发教程 2024年 7月 10日
联系我们

联系我们

0551- 62586667

邮件:service@spiderltd.com

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

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