你好,

我创建了一个自定义表单并上传到github,

我怎样才能将它嵌入我的网站在webflow?

该表单是HTML、js、CSS的混合。

我不能直接把它放在webflow中,因为在自定义代码中有10,000个字符的限制。


这是我的网站只读:链接
如何分享你的网站只读链接

@Maher你可以把你的网站和你的表单链接起来,这样我们就可以看到你在尝试做什么,并提供一些指导。一般来说,答案是“可能还没有”,但最好的方法取决于具体情况。

选择1 -使用JSDELIVR.CSS和JS很简单。对于HTML,您可能必须IFRAME它,或ajax -嵌入它。您需要处理自己的表单数据捕获。

选项2 -只对CSS和JS使用JSDELVR,然后在Webflow中重建你的表单HTML。这为您提供了更多的样式控制、断点等。你可以获得你所有的CSS和JS功能,如果你想,你也可以使用Webflow内置的表单数据捕获。

这是我网站的一个只读链接Webflow -主类


这里是如何实现的代码,我的github仓库也是公开的。
由于某种原因,它不起作用

@memetican你觉得呢?

我猜你是想在这里实现你的脚本
https://masterclass1.webflow.io/lead-page

然而,我没有看到你的脚本引用登台或在你的设计器。

测验在这里

/测试在这一页我试图添加自定义代码

我不知道你想做什么也不知道我应该看到什么。
我也不熟悉您正在使用的库,或者它们是如何配置的。

但值得注意的是,我没有看到任何脚本错误,或404 url,所以似乎没有明显的设置问题。

< div >你的设置似乎已经扩展了,我假设通过animatedModal脚本。我会假设一切都按照你设定的那样运行。最可能的情况是,您需要一些按钮来触发模态的出现。

您将需要深入研究库文档,以找出该配置应该如何工作。

图像

@Maher波:欢迎参加论坛。

我过去通过在想要使用的页面上添加定制代码来解决这个问题。自定义代码是一个Javascript标记,带有指向您提到的Github代码的源代码链接。我链接到“原始”代码。

当Webflow页面加载时,Github托管的Javascript也会加载。

1像

谢谢我修好了它!我用jsdeliver

太棒了@Maher

我想自己玩JS交付一点,所以我用它做了一个快速构建,并截图我一路上做的一切。

也许它会帮助那些偶然发现这条线索的人: star_struck:

步骤1

我创建了一个包含20000个字符的tmp文件。我想真正地测试一下极限: rofl:

步骤2:

我创建了一个Javascript文件,并将这20k个字符添加到一个常量中。然后添加一个简单的JS警告弹出后,它。

然后我在Github上托管它

步骤3:

转到JS交付,并查找我应该使用的URL。

我爱JS交付。我不需要上传任何东西或链接我的Github帐户。当它被调用时,它只是为我捕获代码,并在他们的CDN分发它,很好!

这是我的URL看起来的样子:

https://cdn.jsdelivr.net/gh/NoCodeQuest/webflow-10k-limit-bypassed/hello-20k.js

步骤4:

将JS Deliver URL捆绑到Javascript标签中:

步骤5:

将JS标签添加到我的Webflow页面。我喜欢把这些放在< /身体>标签,所以网站的其余部分首先加载。

你可以看到,如果我不使用JS标签,而只是粘贴原始的Javascript到Webflow,我得到可怕的错误:

步骤6:

发布了我的Webflow项目,打开了现场网站:

繁荣:繁荣!

没有好工作笑脸:

为了让开发变得更好,你还可以做很多事情。但这是一个很好的开始!再次感谢Maher鼓励我这么做,希望它能帮助到别人。