与 Webflow 集成

无需编写代码即可使用交互式 3D 场景说明您的网站。

1. 在导出之前，请确保将你的场景组成你希望它在加载时的样子。
2. 按工具栏上的导出，从_Type_ 下拉菜单中选择 “Public URL”，然后点击导出。
3. 复制以 iframe 开头的 Embed 链接。它看起来像这样👇

<iframe src='https://my.spline.design/characterbunny-d30b2f8b151dc0f1a12829ea09489efc/' frameborder='0' width='100%' height='100%'></iframe>

6. 在 Webflow 上，点击左上方的 “+” 按钮，添加一个嵌入组件。简单地将嵌入组件拖放到你的容器内。该容器很可能是一个 div。
7. 将 iframe 代码粘贴到 Webflow 的 HTML 嵌入代码编辑器中并保存。
8. 改变你的容器的宽度和高度，以你想要的尺寸显示你的场景。
9. 发布你的网站。