Zapier(↗)让你连接超过1000个应用程序与Webflow API。一旦你连接你的Webflow帐户到Zapier，你可以自动执行以下任何操作:

• 更新项目
• 更新生活物品
• 创建项目
• 创建生活项目
• 履行订单
• Unfulfill秩序
• 退款订单
• 更新订单

您还可以使用以下触发器创建Zapier操作:

• 表单提交——当发生新表单提交时触发
• 新订单-当一个新订单被下达时触发
• 已更新订单—当订单更新时触发

在本教程中

1. 了解Zapier是如何工作的
2. 连接你的Webflow帐户到Zapier
3. 发送Webflow表单提交到另一个应用程序
4. 通过Zapier备份表单文件提交
5. 使用Zapier导入Collection内容
6. 排除Zapier问题

了解Zapier是如何工作的

Zapier中的连接称为“Zap”。每个Zap有两个组件触发，这是一个应用程序中的事件，然后启动一个行动这是Zapier在另一个应用程序中自动执行的功能。例如，如果你想从电子表格导入CMS项目，Zap的工作原理如下:

• 触发:每次添加一个新的电子表格行…
• 行动: Zapier将创建一个新的Webflow CMS项

了解更多Zapier的工作原理[xxx]．

连接你的Webflow帐户到Zapier

首先,创建一个Zapier账号[xxx]如果你没有的话。然后将你的Webflow账户添加到Zapier的连接账户中[xxx]．

您需要授予Zapier访问您的Webflow帐户的权限。

Zapier使用oAuth来连接你的Webflow账户(就像Facebook和谷歌连接他们的账户一样)。如果您在集成Zapier时已经登录到您的Webflow帐户，Webflow将不需要您重新输入您的密码，并将立即显示一个授权屏幕。

Zapier无法访问你的任何账户信息，包括你的密码。

发送Webflow表单提交到另一个应用程序

你可以将Webflow表单数据发送到Zapier，自动路由表单提交到数百个应用程序，包括Gmail, MailChimp, Salesforce，谷歌Drive等。不再需要手动将表单提交从仪表板复制粘贴到不同的服务中。

以下是一些功能强大的预先配置的“zaps”(预先配置的集成)，你可以将它们直接添加到你的Webflow站点中:

• MailChimp的-添加某人到电子邮件订阅列表
• 推特-推出提交的数据
• Facebook页面-在你网站的Facebook页面上发布提交的数据
• 谷歌表-将数据添加到一个新的电子表格行
• 松弛-将数据管道到聊天通道，如#customerservice，或作为直接消息
• Trello-用提交的数据创建一个新的Trello卡
• LinkedIn-触发LinkedIn更新
• Toggl-创建一个新的项目来跟踪
• Evernote-在你的公司账户上创建一个新的笔记本
• 体式-创建一个新项目
• 大声抱怨说-使用表单数据发送一个新消息
• Pushbullet-发送一个链接到表单数据，以获得即时通知
• Sendwithus-发送包含表单数据的电子邮件

通过Zapier发送表单提交到这些其他应用程序:

1. 登录到您的Zapier帐户
2. 点击Make a Zap
3. 选择Webflow作为触发应用程序
4. 选择Form Submission作为Webflow触发器
5. 选择您的Webflow帐户
6. 设置Webflow表单提交，选择要接收通知的网站和表单名称
7. 点击获取和继续测试Webflow连接。在测试连接之前，请确保您至少创建了一个最近的表单提交或在您的网站上提交一个新的表单提交。如果连接有问题，请用Zapier对Webflow连接进行故障排除(见下文)。
8. 选择一个动作应用程序，然后继续按照Zapier指南设置你的Zap动作．
9. 一旦创建了Zap，给它起一个名字并打开它。
   

通过Zapier备份表单文件提交

你可以收集通过表格提交的文件并使用Zapier集成将它们直接存储在您的在线存储系统中。例如，如果您希望将表单文件上传到谷歌驱动器:

1. 通过Zapier集成Webflow和谷歌Drive．选择Webflow表单提交触发。选择上传文件到谷歌驱动器作为行动。

2. 如果您还没有这样做，请按照上面的指南将Webflow连接到Zapier，并选择希望从中收集数据的项目和表单
3. 将您的谷歌Drive帐户连接到Zapier如果你还没有这么做的话
4. 的映射来设置模板文件的URL场的文件字段。

5. (可选)指定一个谷歌驱动器文件夹，你想要保存的文件，以保持您的谷歌驱动器文件夹有组织
6. 保存Zap并通过发送包含文件的新表单提交进行测试

要使这个Zapier集成工作，请禁用上传文件的登录安全性项目设置→表单→需要登录访问文件．如果收到错误，请确保关闭登录，再次发布站点，并发送新表单提交以进行测试。

专业技巧

我们建议您在Zapier模板中使用表单中的其他数据指定文件名，以便轻松地识别文件。例如:设置上传的简历文件名为{name}的简历。通过这种方式，所有résumés都将与提交者的名字一起保存:John Doe的简历、Jannette Dawson的简历等等。

使用Zapier导入Collection内容

你可以通过在Zapier中建立连接从外部应用程序向你的Webflow CMS添加内容——不需要编码。

让我们看一个例子，看看它是如何工作的。在本例中，每当向谷歌Sheet添加新行时，我们将向Webflow CMS添加一篇新的博客文章。

注意，下面的示例Zap并不发布内容，它只是将内容添加到CMS Collection中，以便稍后进行检查和发布。要发布内容，可以使用Zapier中的“创建活动项目”Webflow操作。

创建一个集合

在Zapier中开始设置之前，需要在站点上设置一个Collection。在我们的例子中，博客文章有以下字段:

在站点上有了Collection作为Zapier将要添加的内容的“目的地”之后，您需要创建一个可以导入的电子表格。

创建一个电子表格

现在创建一个电子表格，其结构与您的集合相对应。我们添加的每一行都将成为一个CMS项。

对于某些字段，您需要检查我们的CMS API文档格式化的指导。例如，日期的格式应该是:2016-10-24T19:41:52.325Z。第一部分表示日历日期，第二部分表示一天中的时间。

创建一个攻击

我们将要制作的Zap将在每次向电子表格添加新行时向Blog posts Collection添加新项。

1. 选择你想用于触发器的应用程序。在本例中，是谷歌Sheets。
2. 选择你想要发射的扳机。在本例中，为新建电子表格行。
3. 选择要从中提取内容的电子表格、工作表和触发器列

4. 为Action应用程序选择Webflow。这告诉Zapier，当触发器设置好后，你将在Webflow中进行更改。
5. 选择“创建CMS项目”作为操作后，将电子表格中的字段映射到CMS集合中的字段。请确保将“存档”或“草稿”字段设置为继续。

6. 点击“Create & Continue”创建Zap并开始迁移内容。

一旦内容迁移，您将需要刷新Designer以在CMS面板中看到新内容。

需要知道

• 目前，你还不能将CMS参考字段和多参考字段映射到Zapier字段．
• 目前，任何通过API发送到CMS的视频链接(包括Zapier)都不会立即呈现。相反，您需要打开新的Collection项，单击进入视频字段，然后单击退出。从这里，您将看到视频预览如期加载。我们的团队计划在未来改进这个限制。
  

排除Zapier问题

如果一开始你没有成功，试一试再试。一般来说，由于Zapier的用例变化非常广泛，要使Zap正确工作可能需要一些试验和错误。但保持耐心!一旦你让Zapier为你的网站工作，你就可以做一些了不起的事情。

对连接的Webflow帐户进行故障排除

如果在Webflow到Zapier的集成中遇到问题，可以从连接帐户(↗)页面。

您可以测试、重命名、重新连接或断开现有的Webflow帐户。如果需要，您还可以连接一个新的Webflow帐户。学习如何从Zapier连接和删除账户[xxx]．

排除Zaps的问题

如果你在使用Zapier或Zaps时遇到了其他问题，请查看Zapier故障排除指南(↗)．你也可以阅读常见错误信息[xxx]以及如何排除故障。要想找到应用常见问题的解决方案，可以去Zapier’s应用程序目录(↗)，找到你有问题的应用程序，然后到“帮助”选项卡浏览解决方案。

还在和Zapier闹矛盾吗?

Zapier集成的帮助是外部的Webflow支持的范围但是，如果你不能解决你的问题，请联系我们我们会尽我们所能帮忙的。