Skip to main content

工作流元素

工作流元素是一个预构建的 UI 组件,提供最快捷且最简便的方式,将您的 Zapier 集成直接展示在您自己的产品中。

借助工作流元素,您可以为用户打造无缝体验,让他们在您的应用中轻松自动化和管理工作流。无论您希望在产品中展示预构建的 Zap 模板、让用户从您的产品管理他们的 Zap、为您的应用启用数千种集成,还是让用户无需离开您的产品即可构建工作流,该组件都能根据您的特定需求进行自定义,并在几分钟内轻松集成到您的产品中,且无需任何工程资源!

开始使用工作流元素

功能

工作流元素是让用户体验自动化的最简单、最优方式,配备可自定义功能,让用户无需离开您的产品即可发现、使用、创建和管理自动化。

发现

利用 Zapier 广泛且领先业界的应用目录,通过嵌入 Zapier 应用目录的自定义版本,让用户搜索数千个可用应用,以与您的应用配对,并快速浏览热门工作流。我们的生成工具允许您自定义显示的应用数量,并按应用名称或类别排除特定应用。

让您的用户即时访问超过 7000 个集成

使用

轻松在您的产品中展示预构建的 Zap 模板,供用户使用。您可以突出与您的应用最相关的热门 Zap 模板,或选择特定模板进行展示。

在用户流程中展示预构建的 Zap 模板

创建

当用户点击模板或应用列表时,一个模态窗口将在您的网站中弹出,提示用户登录或注册(如果他们尚未拥有 Zapier 账户)。启用快速账户创建功能,可进一步简化此过程。一旦完成,Zap 编辑器将在同一模态窗口中打开,用户即可创建 Zap。

让您的用户在不离开您的产品的情况下创建和编辑 Zap

管理

用户创建 Zap 后,他们可以直接在您的产品中查看这些 Zap,并一目了然地查看其状态,而无需离开您的产品。

让您的用户直接在您的应用中管理他们的 Zap

查看我们的合作伙伴如何使用工作流元素的更多示例,请访问我们的嵌入库

先决条件

要在产品中嵌入工作流元素,需要满足以下条件:

  • 您的应用必须已通过审核流程,并在 Zapier 应用目录中发布,即处于 Beta 或公开阶段。
  • 您已为您的应用创建 Zap 模板,并已对其进行审核并公开。

如何嵌入工作流元素

1. 添加您的域名

工作流元素使用 iframe,默认因安全原因被阻止。请提供您计划嵌入的域名列表,我们将为此类特定域名授予权限。请转到 Zapier 开发者平台,找到您的应用并选择设置以开始。

Platform UI vs CLI comparison

添加域名是必需的安全措施。

2. 导航到开发者平台中的工作流元素

您可以配置您的嵌入 并选择您的应用。

3. 自定义您的嵌入

使用工具中的侧边栏面板自定义您的嵌入。准备就绪后,点击生成代码。

Platform UI vs CLI comparison

使用左侧面板上的选项自定义您的嵌入。

预览将显示已登录 Zapier 的用户看到的嵌入内容。只有未登录 Zapier 的用户才会看到“Zapier 简介”。因此,如果您切换为显示“Zapier 简介”,它不会在预览中出现,但您的未登录用户会在嵌入顶部看到一个简短的 Zapier 说明部分。

4. 复制代码并将嵌入放置到您产品的任意位置 ✨

Platform UI vs CLI comparison

如示例所示,您可以从各种代码样本和指南中选择,直接复制到您的产品中。

5. 查看我们的安全实践

为了确保用户获得一致体验并避免常见问题,建议阅读我们的安全实践

考虑添加快速账户创建 — 这将使用户注册 Zapier 更顺畅。用户可通过点击按钮绕过注册和 onboarding 流程,直接使用您的集成创建 Zap。请注意,快速账户创建仅在您的嵌入位于登录墙后时有效。

我们不支持 iframe 中的 iframe。如果您尝试在 iframe 中嵌入工作流元素,链接将以弹出窗口形式打开,而不是在 iframe 中。