求助:如何在WooCommerce单品页添加带自定义链接的More Info按钮
解决WooCommerce单品页添加自定义「More Info」按钮的方案
步骤1:给产品添加供应商链接自定义字段
- 打开WooCommerce产品编辑页面,点击右上角的选项(三个点图标),在弹出菜单里勾选「自定义字段」,页面底部会出现自定义字段区域。
- 点击「添加自定义字段」,设置:
- 名称(键):
supplier_url(可自行命名,需记住该名称后续使用) - 值:填入对应产品的供应商详情页URL
- 名称(键):
- 仅为需要显示「More Info」按钮的产品添加并填写该字段。
步骤2:在Elementor Pro产品模板中添加按钮并绑定动态链接
- 打开Elementor Pro的WooCommerce单品模板编辑器,找到「Add to cart」按钮位置,添加一个Button组件放在其旁。
- 设置按钮文本为「More Info」,点击「链接」选项旁的动态标签图标(小闪电),选择「自定义字段」。
- 在字段名称输入框中填入之前设置的
supplier_url,按钮将自动调用对应产品的供应商链接。
步骤3:设置按钮显示条件(仅在有链接的产品显示)
- 选中「More Info」按钮,切换到「高级」标签页,找到「条件」选项。
- 点击「添加条件」,选择「自定义字段」→「存在」,输入字段名称
supplier_url。 - 完成后,仅填写了
supplier_url字段的产品会显示该按钮,未填写的产品自动隐藏按钮。
补充:用ACF插件优化字段管理(可选)
若觉得原生自定义字段不够直观,可使用Advanced Custom Fields(ACF)插件:
- 安装激活ACF后,创建新字段组,字段类型选「URL」,命名为「供应商详情链接」,将字段组位置设置为「产品」。
- 后续产品编辑页会出现专属URL输入框,填写更便捷。在Elementor绑定链接时,动态标签选择「ACF字段」,直接选中创建的字段即可。
内容的提问来源于stack exchange,提问作者usman kashif
相关产品推荐
相关产品推荐

