问题标签 [webflow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
81 浏览

javascript - Eventbrite 与 Webflow 表单的集成

我有一个单页 Webflow 网站:

https://bam-training-2020.webflow.io/

该网站底部有一个表格,供人们注册参加免费的在线流媒体活动。我们希望使用该表单来获取姓名和电子邮件等常规信息,以及实际地址和 T 恤尺寸,以便向他们发送带有赃物的欢迎箱。我们通过 Zapier zaps 将表单与 google 表格和 mailchimp 集成在一起。一切都很顺利...

但客户也希望通过 eventbrite 来举办活动,以使用他们的营销工具。我已经能够嵌入“stock” eventbrite 小部件,但它不符合网站的风格,并且它完全绕过了我们需要使用的注册表单,以便捕获我们需要获取的所有信息。

这是问题:

有没有办法对表单上的当前“注册”按钮进行编码,以将表单中的信息也传递给 eventbrite?我看过 webhook,但我从未使用过,也不知道从哪里开始。

我希望完全删除 eventbrite 小部件,并使用我们将在现有表单上捕获的信息在 eventbrite 中创建(免费)购买。

eventbrite 小部件的代码都在 JS 中,所以我真的看不出发生了什么。

0 投票
2 回答
154 浏览

ghost-blog - 带有自托管幽灵博客的 Webflow

有没有办法同时运行 webflow 和 ghost - https://example.com/ * 由 webflow 提供服务,而https://example.com/blog/ * 由我的自托管 ghost 服务器提供服务。

如何将幽灵服务器的 IP 放入域的 DNS 记录中?

或者有没有其他方法可以做到这一点?

0 投票
1 回答
381 浏览

webhooks - 将 Webflow 表单结果发布到 Slack 通道

我正在尝试使用 webflow 和 slack 应用程序将表单结果发布到 Slack 频道。所以我创建了一个 Slack 应用程序,它公开了用于将数据发布到通道的 webhook URL。我已将 webhook URL 添加到操作字段,方法类型设置为发布并发布更改。

当我将数据输入表单并触发表单提交按钮时,我收到消息:invalid json payload.

那么如何将数据转换为字符串或更改数据格式以便将其发送到 Slack?

0 投票
0 回答
272 浏览

javascript - 如何获取验证码 ID (opt_widget_id)

我在一个页面中集成了两个表单的验证码 v2 复选框,我在提交表单之前在客户端验证验证码,但是当我验证第二个验证码时,它在以下代码中为我提供了第一个验证码的值

var captchaValue=grecaptcha.getResponse().length;

我检查了文档https://developers.google.com/recaptcha/docs/display#js_api,他们提到了“opt_widget_id”,我不使用我应该如何获取验证码。我正在为我的网站使用 webflow 框架,它允许我通过拖放来使用验证码,因此无需为验证码编写代码。

任何人都可以请帮助我如何获得验证码 ID(“opt_widget_id”)

0 投票
0 回答
137 浏览

javascript - 有没有一种已知的方法可以在 Angular 中包含 Webfow JS 动画?

我们目前正在使用 Angular 8 和 Webflow 来创建我们的前端设计。Webflow 将代码导出为易于实现的 HTML 和 CSS 文件。动画以包含大量不可读代码的 Webflow.js 文件导出。基本问题是:我们如何在 Angular 中使用这些动画?

我们尝试按照以下问题的答案将动画实现为外部 JS 脚本文件:如何在 Angular 中包含 JavaScript 脚本文件并从该脚本调用函数?

我们想在 Angular 6+ 中使用 Webflow 动画。有人知道如何正确使用 Webflow.JS 文件吗?

0 投票
1 回答
131 浏览

animation - 为什么 bodymovin 结果动画看起来比源帧更拉伸

我正在制作一些产品的动画,它会倾听你的声音并做出相应的反应,但是,我想将我的动画上传到我的 webflow 项目

我的动画分辨率是 1080x720,但是我将关键帧导出为 PNG 图像(如 webflow 教程推荐)然后我将这些图像导入到一个新的 After Effects 项目中,然后我导出动画(我想说我完全按照本教程的每个步骤进行操作)但是当我在 LottieFiles 预览器中测试我的结果 json 时出现了问题,动画看起来很紧张(我无法解释,所以我上传了 2 张图片来显示问题)

原始帧是bodymovin序列中使用的png图像

json输出帧是base64图像(动画的第一帧)存储在bodymovin动画结果data.json中

上面两张图片分辨率相同,但看起来不同,我想知道为什么以及如何解决它

提前致谢

链接到我遵循的原始 webflow 教程

0 投票
1 回答
326 浏览

html - Horizo​​ntalScrollView 内的粘性 div

我正在构建一个基于水平滚动视图的网站,这是由移动交互和粘性部分组成的。在此粘性部分中,我想放置一个粘性 div,然后,当您水平滚动时,一个 div 保持粘性,同时您水平滚动。

有一个例子: https ://studiochevojon.com/

在这个网站中,您可以水平滚动并在确定的时刻拥有一个粘性 div。

有我的 webflow 项目: https ://preview.webflow.com/preview/designfeelings?utm_medium=preview_link&utm_source=dashboard&utm_content=designfeelings&preview=1bd0bbb81feac58ef0d75e3ee82d61d0&mode=preview

有人可以解释一下这是如何工作的吗?我尝试了所有水平滚动教程,但我不知道如何使它工作。

谢谢你们。

0 投票
0 回答
112 浏览

javascript - 使用 javascript 在 webflow 中不工作的情况下更改图像

我已经尝试了很多不同的方法来写出来,并以不同的方式获取我的新图像 URL,但似乎没有任何效果。我只想在您单击其他图像时能够更改图像。当页面加载时,我将初始图像设置为隐藏,直到您按下按钮查看它。在您按下按钮之前,我无法显示图像,因为它是一种可定制的产品类型。'addEventListener' 中的所有内容都在接受图像更改,这是我的代码 - 我声明的所有变量都是嵌套在 div 中的图像元素,接受顶部的布尔值,我还没有使用。就像问题说的那样,我正在自定义代码部分的 webflow 中工作。谢谢你的帮助!

0 投票
2 回答
40 浏览

javascript - 将 12 件套产品添加到购物车

您好,我的代码有问题我想做同样的事情,但使用 12 的倍数而不是数字 12

例如 12 杯啤酒、24 杯啤酒等,但不包括 13、14 或 15 杯啤酒。

抱歉,我的英语很不好。

https://bcambre-eshop.webflow.io/test

谢谢

0 投票
3 回答
101 浏览

angular - 如何将 webflow 导入 Angular > 9

我尝试将 webflow 生成的单个页面导入到我的 angular 应用程序中,一旦在子页面中访问,它将被延迟加载。

我创建了一个子页面,将 webflow 的 html 部分导入其中example-webflow.component.html并将 css 直接绑定到example-webflow.component.scss. 我试图导入js,angular.json但似乎没有用。

有人已经做了这样的进口吗?

我看到它正在使用这个库freeformjs与 angular <= 6 一起工作,但似乎不再工作了