3D Home STL

(314)441-6373

  • Home
  • prices
  • Gift
  • Portfolio
  • Instructions
  • More
    • Home
    • prices
    • Gift
    • Portfolio
    • Instructions

(314)441-6373

3D Home STL
  • Home
  • prices
  • Gift
  • Portfolio
  • Instructions

HOW TO USE THE LINK to the 3D tour

WEBSITE

  

You can directly embed the 3D model onto your website. This way your 3D model will appear in the middle of your webpage, just like a YouTube video does. 

  1. Identify the webpage where you want to add your 3D model. 
  2. Add the following HTML source code to the webpage. 

  • <iframe width="853" height="480" src="https://my.matterport.com/show/?m=xxxxxxxxxxx" frameborder="0" allowfullscreen allow="xr-spatial-tracking"></iframe>
  • Exact instructions depend on your website's unique code.

3. Replace the URL in the src attribute. 

Example: Instead of https://my.matterport.com/show/?m=xxxxxxxxxxx (as shown above), use the URL to your specific 3D model.   

FACEBOOK

  1. Create a Post (Open Facebook. Copy and paste the link to the 3D model. Click Post).
  2. Click the Link

When people click on the post, a new tab opens with the 3D model in full screen. Currently, it is not possible to navigate through a 3D model directly from Facebook.

USING A THIRD PARTY CMS (WORDPRESS, DRUPAL, WIX, ZENDESK, MEDIUM)

  

If you're using a third party content management system to manage your website, you'll need to open the HTML source code for that page, then follow the instructions below. 

  1. Log into your CMS backend. 
  2. Find the post/page/article you want to edit. 
  3. Switch your CMS view to look at the source code. 

  • This is almost always by clicking the </> button in your CMS.
  • You will need some basic HTML knowledge in order to navigate the code and determine exactly where to paste the <iframe>.
  • Certain CMSs (like Zendesk, which we use) may require that you select "Allow unsafe HTML"s in order for the iframe to properly run. 

WORDPRESS CMS

  

Wordpress.com does not allow iframes, meaning you can't imbed a 3D model into a Wordpress post. Websites that use the Wordpress CMS, however, do allow iframes, meaning you can paste the iframe code directly into any given page. You can use the following WP plug-ins to do this: 

  1. Embed.ly plugin 
  2. Embed.ly's Matterport support plugin 
  3. iframe plugin
  4.  WP3D Models

WIX

  

Follow the instructions below to imbed a 3D model into your Wix page. 

  1. Open the Wix page where want to embed the code. 
  2. Click "Add" > "More" > Embed a Site. 
  3. Drag the gray box that appears to reposition the embed on the page. 
  4. Click "Enter Website Address". 
  5. Paste the URL in the field - you will see the 3D Tour appear in the box. 

Medium Blog Post

  

Follow the instructions below to imbed a 3D model into your Medium blog post. 

  1. Open the Medium page where you want to embed the code. 
  2. Click the "+" button to add a new section. 
  3. Click <> to specify that you want to imbed a code. 
  4. Paste your 3D model's URL. 

Placester

  

Follow the instructions below to imbed a 3D model into Placester. 

  1.  Open the Placester page where you want to imbed the code. 
  2. Click the HTML icon "<>".
  3. Paste the iframe embed code. 
  4. Click the HTML icon "<>" to return to the visual editor. 

  • You should now see your iframe embedded directly. 

5. Save your changes to make the imbed live on the site. 

Learn more about this process at Placester's support page.

DIRECT ACCESS TO THE HTML SOURCE CODE

 If your CMS doesn't allow you to make changes, you'll need to contact your site's webmaster and ask for access - if you do have access to edit your site's HTML, add the <iframe> code directly to the HTML source code.  


Copyright © 2023 3D Home STL - All Rights Reserved.

Powered by GoDaddy

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

DeclineAccept