在Wix站点通过Velo实现点击按钮触发HelpScout Beacon聊天框

Velo运行环境默认无法直接识别挂载在浏览器全局window下的第三方对象，可通过以下两种方案实现功能：

• 方案1：直接通过window对象调用
  把原有调用代码明确指定从window对象读取Beacon即可，同时增加存在性判断避免Beacon未加载完成时报错，直接绑定到「联系我们」按钮的onClick事件即可：

  if (window.Beacon) {
    window.Beacon('open')
  }
  

• 方案2：通过自定义事件桥接触发
  如果方案1仍无法调用，可通过全局自定义事件实现桥接：
  1. 进入Wix后台「设置」-「自定义代码」，在站点正文末尾区域注入如下全局脚本：

  document.addEventListener('triggerBeaconOpen', () => {
    window.Beacon?.('open')
  })
  

  2. 在Velo的按钮点击事件中触发该自定义事件即可：

  document.dispatchEvent(new CustomEvent('triggerBeaconOpen'))
  

内容的提问来源于stack exchange，提问作者Christian Gossain