跳过到主内容

选择起始布局或创建空白自定义标签。

独立于其各个区块的设置,配置完整的标签容器。

将动态标签插入到兼容的标签区块中。

选择标签使用的产品数据。

单个产品布局构建器中的产品标签元素。

产品循环项构建器中的产品标签元素。
Mloun 外贸建站知识库
< 返回
当前位置:
打印
自定义标签构建器
创建于
上次更新时间
由Mloun
目录
自定义标签构建器允许您创建可重复使用的、基于区块的产品标签,并将其显示在产品卡片和单个产品页面上。标签可以包含静态或动态内容,并可通过产品、分类、库存、客户等条件进行分配。
启用并创建自定义标签
- 导航至 仪表盘 → 主题设置 → 商店 → 产品标签,启用 自定义标签,然后保存主题设置。
- 导航至 仪表盘 → 产品 → 自定义标签,点击 添加新标签。
- 输入标签名称并选择预定义布局,或从空白标签开始。
- 点击 创建标签。
- 添加所需的区块,配置标签设置,然后点击 发布。

构建标签并设置样式
无论网站使用哪种页面构建器,自定义标签都是在 WordPress 区块编辑器中创建的。添加区块以构建标签内容,然后从编辑器工具栏或编辑器选项菜单中打开 自定义标签设置。
- 常规 — 控制宽度、高度、方向、对齐、区块间距和响应式可见性。
- 样式 — 控制内边距、背景、边框、框阴影及相关视觉设置。
- 高级 — 包含标签显示条件。
如果 自定义标签设置 侧边栏被隐藏,请点击编辑器右上角的三个点菜单,然后选择 自定义标签设置。要将其保留在编辑器工具栏中,请激活侧边栏顶部的星形图标。

配置显示条件
打开 自定义标签设置 → 高级 → 条件。每个条件可以包含或排除匹配的产品。当标签需要多个定位规则时,请添加更多条件。
条件可以针对所有产品或特定产品、产品分类和子分类、标签、属性及属性术语、产品类型、配送类别、有评论的产品、库存状态、用户角色、促销或特色产品、新产品、畅销品以及低库存产品。
使用动态内容
兼容的文本和图像控件会显示一个数据库图标,点击可打开可用的动态标签。这些标签会自动渲染当前产品数据,例如产品名称、品牌、分类、价格、折扣百分比、图像或自定义字段值。
动态标签可以与常规区块和静态内容结合使用。有关完整工作流程和可用数据源,请参阅 动态内容。


在产品布局中显示标签
使用标准的 WoodMart 产品卡片和单个产品布局时,已发布的自定义标签会在其条件匹配时出现在默认的标签位置。
当使用产品循环项或单个产品布局时,请在所需位置添加以下元素之一:
- 产品标签 — 显示一个选定的默认或自定义标签。
- 产品标签组 — 显示一组匹配的标签,并提供选择、对齐和布局的控制选项。
当多个自定义标签一起显示时,它们的 排序 值决定顺序。数值较低的标签会先渲染。


视频教程
观看以下教程,了解完整的自定义标签构建器工作流程。
创建于
上次更新时间
-
一般设置
-
产品管理-B2B展示站
-
主题设置
-
商店设置
- Abandoned cart弃购挽回/购物车跟踪设置
- B2C商店设置向导
- Paypal付款设置
- Size guide table尺码表设置-针对服装和鞋
- Stripe支付设置
- Tax 税率设置
- 产品详情页侧边栏设置
- 优惠券设置
- 促销倒计时设置
- 促销弹窗设置
- 商店基础设置
- 已售出数量/库存进度条设置
- 物流设置及订单发货流程
- 虚拟销售通知信息提示
- 虚拟销售量/虚拟当前访问量
- 设置-满XXX元包邮
- 设置PDF Invoice发票/装箱单
- 货币设置
- 运费设置
- 运费设置案例1
- 邮件模板设置
- 隐藏checkout结账页面的Ship to a different address
- 页眉横幅设置
- 显示所有 (13) 折叠
-
幻灯片教程
-
其它
- B2B添加自定义产品起批量
- CSS-自定义渐变背景
- Facebook Meta Pixel 像素代码安装
- Google Merchant Center
- Mailchimp邮件订阅功能
- Mailgun邮件订阅功能
- PDF账单的中文字符问题
- PHP远程下载文件
- Polylang 多语言
- VPS网络回程线路一键测试脚本
- VPS高负载排查流程
- woocommerce Checkout Field结账条件显示姓名及身份证号码字段
- woocommerce添加自定义字段
- Woodmart自定义功能代码
- Wordpress网站被黑修复
- 为背景图添加遮罩效果
- 产品导入CSV文件转码UTF-8
- 关于隐藏PayPal Standard 标准支付
- 删除外观->菜单->产品类别的分页
- 商店订单列表添加自定义列
- 如何使用 phpMyAdmin 创建新的 WordPress 管理员用户
- 如何使用Google网站管理员 (Google Search Console)提交网站
- 如何申请reCAPTCHA验证码
- 嵌入Youtube视频播放结束后不要显示其它推荐
- 常用插件
- 插入自定义Html block 简码
- 显示 WooCommerce 下载文件列表
- 添加Buy now 按钮-针对simple产品
- 添加自定义销售量
- 火车头采集产品导入woocommerce+SEO yoast
- 禁止Wordpress通知信息
- 移除Nitropack页脚标志
- 简单产品和可变产品添加buy now
- 给woocommerce Order by加on sale排序
- 给Wordpress后台页面添加自定义CSS
- 自定义Add To Cart按钮文字
- 自定义CSS代码
- 表格隔行显示背景
- 隐藏掉woocommerce Product data里面的选项卡
- 显示所有 (29) 折叠
-
站内优化
-
产品管理-B2C商城
-
SEO设置
-
B2B2C设置
-
页面设计
-
多语言
-
页头构建器
-
商店
-
操作指南
- 暂无
-
布局构建器
- 暂无
-
WoodMart 轮播
- 暂无
-
弹出层与浮动块
- 暂无
-
文章类型
- 暂无