You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 21:51:28