隆重推出 Vectary Canvas,一个用于 AI 加速创意构思的新空间。 → Canvas

如何将交互式 3D 或 AR 设计放入 Squarespace 网站

如何将交互式 3D/AR 设计嵌入到 Squarespace

Vectary 网页嵌入是把交互式 3D 元素添加到你的博客或网站的简单方法。这项技术被称为 WebAR。类似于 YouTube 的嵌入过程,Vectary 3D/AR 查看器会生成一段代码,你只需将其粘贴到网页编辑器中。任何拥有 iPhone 或 Android 设备的用户都可以直接在网页上获得增强现实 (AR) 体验,无需安装任何应用。

如何将交互式 3D/AR 设计嵌入到 Squarespace

  1. 将你的 3D 模型导入 Vectary Studio,或从零开始创建自己的模型。
  2. 点击 Publish 标签和 Generate 按钮。
  3. 前往 Squarespace 中的主题编辑器。点击 Pages。现在,点击你想要编辑的版块,或点击 + 创建一个新版块。
  4. 点击 Edit,然后点击右上角的 + 图标。
  5. 添加代码块。了解更多关于使用 Squarespace 上的代码块.
  6. 删除默认文本,并粘贴生成的 Vectary 嵌入代码。
  7. 预览网站,如果你需要进行修改,只需重新生成代码,查看器就会自动更新。
  8. 发布你的网站。
    ‍

如何在你的 3D 网页查看器中进行修改

假设你想更改 3D 模型的颜色、视图或整个形状。Vectary 编辑器就像是网页查看器的即时 3D/AR CMS:

  1. 在 Vectary 上打开你的 3D 项目。
  2. 进行修改。
  3. 再次点击 Publish 标签 and Generate 按钮 —— 无需替换代码。3D 查看器将在你的所有网站上自动更新。

开始创作

Vectary 3D/AR 查看器示例:

你的 Shopify 页面也可以拥有像这样的交互式元素。在 iPhone 上使用 Safari,或在 Android 上使用 Chrome 打开此网站,还可以体验 AR 效果。