如何创建并添加可触发Zap的Zapier Zap动作链接？

完全可以创建直接触发Zap的链接，具体操作流程如下：

第一步：配置Zap触发端 #

在Zapier后台新建Zap时，选择Webhook作为触发事件，触发类型选择Catch Hook，完成基础配置后即可获取专属的Webhook调用地址，这个地址就是你需要的触发入口。

第二步：绑定到按钮 #

根据使用场景选择对应的实现方式：

• 【适用富媒体邮件/简单网页场景】直接把Webhook地址作为按钮的跳转链接，无需额外代码，邮箱环境也能正常触发，示例代码：

  <a href="此处替换为你的Webhook地址" target="_blank">
    <button>触发Zap动作</button>
  </a>
  

  注意这种方式会打开新标签页加载Webhook地址，加载完成后会显示空白页，属于正常情况。

• 【适用自定义网页场景】用JavaScript绑定点击事件实现静默触发，不会跳转页面，用户体验更好，示例代码：

  <button id="zapTriggerBtn">触发Zap动作</button>
  <script>
    const zapBtn = document.querySelector('#zapTriggerBtn')
    zapBtn.addEventListener('click', async () => {
      zapBtn.disabled = true
      try {
        // 若需要传递参数，可添加body字段或在URL后拼接查询参数
        await fetch('此处替换为你的Webhook地址', {
          method: 'POST',
          mode: 'no-cors'
        })
        // 可自行添加触发成功的提示逻辑
      } catch (e) {
        // 可自行添加触发失败的处理逻辑
      } finally {
        zapBtn.disabled = false
      }
    })
  </script>
  

注意事项 #

• 触发时需要传递自定义参数的话，可以直接拼接在Webhook地址的查询字符串中，或者放到POST请求的body里，Zap的Webhook触发端会自动解析所有参数，供后续动作调用
• 不要随意公开你的Webhook地址，避免被恶意调用产生不必要的触发次数
• 绝大多数邮件服务商都会屏蔽邮件内的JavaScript代码，因此富媒体邮件场景只能使用第一种跳转链接的实现方式

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