合肥百度排名优化之代码重要不重要? 答案是非常重要的。很长时间以来,我想将这种功能添加到我的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中使用。