嵌入一个 Matterport 3D 模型

 

虽然您始终可以共享一个导向 Matterport 3D 模型的链接,甚至可以自定义该链接,但您还可以选择将模型直接嵌入到您的网站上

这样,您的 Matterport 模型将出现在您的网页中间,如同 YouTube 视频一样。 例如:

说明

  1. 将模型设置为公开 (Public)。
  2. 确定要添加模型的网页。 
  3. 将以下 HTML 源代码添加到网页上。 
    • <iframe width="853" height="480" src="https://my.matterport.com/show/?m=xxxxxxxxxxx" frameborder="0" allowfullscreen allow="xr-spatial-tracking"></iframe>
    • 确切的说明取决于您网站的特定代码。
  4. 替换 src 属性中的 URL。 
  5. 嵌入时,将“允许全屏”(allowfullscreen) 包含到 iframe 代码中。 

使用第三方 CMS(Wordpress、Drupal、Wix、Zendesk、Medium)

如果您使用第三方内容管理系统来管理您的网站,则需要打开该页面的 HTML 源代码,然后按照以下说明操作。 

  1. 登录您的 CMS 后端。
  2. 查找要编辑的帖子/页面/文章。 
  3. 切换 CMS 视图以查看源代码。 
    • 一般单击 CMS 中的 </> 按钮即可 — 见下图。zendesk-open-source-code.png
    • 您需要了解一些基本的 HTML 知识,以便浏览代码并确定在何处粘贴 <iframe>。
    • 某些 CMS(如我们使用的 Zendesk)可能需要您选择“允许使用不安全的 HTML”(Allow unsafe HTMLs),以便 iframe 能正常运行。

Wordpress CMS

Wordpress.com 不允许使用 iframes,这意味着您不能将 Matterpor 3D 模型嵌入 Wordpress 帖子中。 但是,使用 Wordpress CMS 的网站确实允许使用 iframes,也就是说,您可以将 iframe 代码直接粘贴到任何给定的页面中。 您可以使用以下 WP 插件来做到这一点:

  1. Embed.ly 插件
  2. Matterport 支持的 Embed.ly 插件
  3. iframe 插件
  4. WP3D 模型

Wix

按照以下说明,将 Matterport 模型嵌入您的 Wix 页面中

  1. 打开需要嵌入代码的 Wix 页面。
  2. 单击“添加”(Add) > “更多”(More) > 嵌入网站 (Embed a Site)。 
  3. 拖动显示的灰色框,调整嵌入代码在页面上的位置。 
  4. 单击“输入网站地址”(Enter Website Address)。
  5. 将 URL 粘贴到字段中 — 您可以看到框中显示的 3D 展示。Wix_Example.png

Medium 博客帖子

按照以下说明,将 Matterport 模型嵌入到您的 Medium 博客帖子中。

  1. 打开需要嵌入代码的 Medium 页面。
  2. 点击“+”按钮以添加新部分。
  3. 点击 <> 以指定要嵌入代码。 
  4. 粘贴您 3D 模型的 URL。MediumEmbed123.png

Placester

按照以下说明,将 Matterport 模型嵌入 Placester 中。 

  1. 打开需要嵌入代码的 Placester 页面。
  2. 单击 HTML 图标“<>”。open-html-code-on-placester.png
  3. 粘贴 iframe 嵌入代码。
  4. 单击 HTML 图标“<>”,返回可视化编辑器。 
    • 现在您应当可以直接看到嵌入的 iframe。 
  5. 保存您的更改,使嵌入代码在网站上运行。 

Placester 支持页面了解该过程的更多信息。

直接访问 HTML 源代码

如果您的 CMS 不允许您进行更改,则需要联系网站的管理员并请求获得权限 — 如果您确实有权编辑网站的 HTML,请将 <iframe> 代码直接添加到 HTML 源代码中。 

还有其它问题?提交请求