合肥百度排名优化之代码重要不重要？ 答案是非常重要的。很长时间以来，我想将这种功能添加到我的Webflow网站。我会检查论坛并在互联网上寻找解决方案。最后，去年，我决定将这个功能实现到我正在研究的新站点中。期。我正想办法。

我承认。我有瘾。甜茶？检查一下 狗在Instagram上做可爱事情的视频？检查一下 爱？好吧，你知道这首歌的去向。但是我长期以来的嗜好之一是产品狩猎。

我喜欢那个网站，而且没有一天我不会检查它。当您考虑它时，从技术的角度来看，有很多事情使该站点与众不同，实际上非常简单。您单击一个按钮，然后添加一个投票。当然，这里有登录和评论功能，但是从本质上讲，该站点是关于投票的。

我花了很多时间吃糖，阅读API文档，并将测试提交发送到Zapier。我差点承认失败，然后从客户支持团队联系Waldo。Waldo知道我需要一些有关API的帮助，他为我指出了出色的Bartosz Kustra。Bart在Webflow质量检查团队中工作，并帮助我弄清楚了如何实现这一目标。它在Webflow和Zapier中都包含了许多自定义代码，但最终，我赢得了这场战争。

然后，当将Webflow电子商务支持添加到Zapier时，团队还添加了一些几乎没有引起注意的内容：更新实时项目。

这是使用Zapier's Zaps更新收藏集所需的功能。这使创建自己的升级系统变得更加容易。

你是怎么做到的？让我们开始吧！

在Webflow中创建自己的Upvote系统

您需要做的第一件事是创建一个Webflow项目并添加CMS集合和一些项目。

该集合包含的内容取决于您，但是您需要几个字段才能使upvote系统正常工作：

一个数字字段，用于容纳您的项目有多少票

纯文本字段用于保留商品ID（您可以使用其他字段类型，例如数字，但纯文本更灵活-毕竟ID可以包含字母！）

现在已经完成设置，请转到项目设置，然后转到“集成”选项卡。向下滚动，直到进入标题为“ API访问”的部分。

webflow生成api令牌

现在，生成一个API令牌，然后将其复制。您需要将该API令牌保存在某个地方，因为它本质上是读写站点数据库（即集合）的密码。

接下来，您将不得不使用一个名为Postman的应用程序。

合肥百度排名优化之代码重要不重要？ 使用Postman获取Zapier的Webflow项目ID

当您获取商品的ID时，您也将想获取您收藏的ID。

现在您已经有了商品ID，请返回我们的收藏集，并将这些ID添加到上述文本字段中。该ID是Zapier的实时更新与Webflow CMS配合使用的原因。

网络流项目ID

另外，您也可以使用传奇人物Matthew Munger的方法。在下面的视频中，他向您展示了如何使用Integromat批量更新集合ID。

添加完这些项目后，就该讨论如何构建网站了。我的看起来像这样：

办公室狩猎

在此处查看实时网站

这是我投票支持的项目的我的收藏列表。该列表按包含投票数的字段排序。我将清单放在网站的首页上。

为了使这项工作有效，您需要添加一个按钮，用户可以单击以进行投票。但是要记住的一件事是，您将使用表单提交作为Zapier触发器。因此，无需添加按钮，而是将表单添加到收集项中。

Webflow的默认表单包含两个字段-名称和电子邮件。每个字段都有一个标签。您将删除表单块中除“提交”按钮之外的所有内容。

合肥百度排名优化之代码重要不重要？ 网络流导航

现在，将HTML嵌入元素放入与“提交”按钮相同级别的该Form Wrapper中：

表格块

在这个embed元素中，为输入添加一些代码。这是我的代码的屏幕截图。请注意，我正在将来自集合的动态数据作为值传递给表单。这意味着当表单提交时，集合中的数据可在Zapier中使用。

扫描二维码与小二CMS创始人沟通：

小二CMS专注于高端网站定制、系统开发、商城开发、外贸网站建设、公众号开发、小程序开发、网站优化推广、安全运维等技术领域。是高端定制网站领域著名服务商！