Embed Matterport 3D Spaces as Galleries with cached thumbnails, titles and addresses that open in a lightbox!  Responsive, 1 - 4 columns.

Sébastien SERRE

BSA Web

Alexandre Buffet

Embed Block for Matterport

Adds Matterport oEmbed support and provides a new Embed block variation.

Julien Berthelot

Chris Hickman

Easily embed Matterport Spaces with preview image and a pop-up. Easily include address information and # of scans sourced directly from your Matterport tours. Optimized with information caching to make a portfolio page load fast! Includes a great admin page for refreshing cached information and quick access to your models @ MyMatterport.com.
New in v2.0 – MPEmbed.com enhancements including Minimaps, Image Enhancement Filters and deep integration of Google Analytics!
<h4>Examples</h4>
Single Tour:
<pre><code>[matterport src="uKDy9xrMRCi" width="900"]
</code></pre>
Tour Gallery:
<pre><code>[matterport cols="3" src="uKDy9xrMRCi,wV4vX743ATF"]
</code></pre>
Embed without Pop-Up:
<pre><code>[matterport embed="true" src="uKDy9xrMRCi" width="900"]
</code></pre>
Embed with Labels:
<pre><code>[matterport cols="3" src="uKDy9xrMRCi,wV4vX743ATF" showdate="true" address="1" showstats="1"]
</code></pre>
Embed with Parameters:
<pre><code>[matterport cols="3" src="uKDy9xrMRCi,wV4vX743ATF" qs="1" hhl="1" title="2"]
</code></pre>
Embed with MPEmbed Parameters:
<pre><code>[matterport cols="3" src="uKDy9xrMRCi,wV4vX743ATF" qs="1" minimap="1" filter="oversaturate"]
</code></pre>
<h4>Required</h4>
src (required)
<ul>
<li>uKDy9xrMRCi – (Single Tour by ID)</li>
<li>uKDy9xrMRCi,uKDy9xrMRCi,uKDy9xrMRCi – (Multiple tours by ID separated by commas)</li>
<li>https://my.matterport.com/show/?m=uKDy9xrMRCi – Full URL (unnecessary, but supported)</li>
<li>https://mpembed.com/show/?m=uKDy9xrMRCi – Full MPEmbed URL (if you’re using Mattertags to set options or MPEmbed Premium)</li>
</ul>
<h4>Display</h4>
cols
<ul>
<li>1 (default) – Show tour(s) in single column</li>
<li>2, 3, 4 – Show tour(s) in multiple columns</li>
</ul>
embed
<ul>
<li>false (default) – Display tour in lightbox popup on click</li>
<li>true – Replace thumbnail with tour on click</li>
</ul>
height
<ul>
<li>540 (default) – Thumbnails load at 540 height and display responsively</li>
<li>360 (default for cols=2 or greater)</li>
<li>### – Set alternate height — IT IS NOT NECESSARY TO SET BOTH WIDTH AND HEIGHT.</li>
</ul>
width
<ul>
<li>960 (default) – Thumbnails load at 960 width and display responsively</li>
<li>640 (default for cols=2 or greater)</li>
<li>### – Set alternate width</li>
</ul>
window
<ul>
<li>NULL (default) – Open tours in an overlay</li>
<li>_blank – Open tours in a blank tab/window</li>
<li>customname – Open tours in an embedded iframe by id</li>
</ul>
<h4>Customize</h4>
address
<ul>
<li>NULL (default) – Do not show address</li>
<li>1 – Show caption beneath thumbnail with Street, City, State ZIP</li>
</ul>
label
<ul>
<li>NULL (default) – Source titles from Tour</li>
<li>“My Tour” – Use shortcode defined title on tour</li>
<li>“My Tour;My Second Tour;My Third Tour” – Use multiple titles separated by semicolons for multiple tours</li>
<li>“hidden” – Do not show titles or any information below tour.</li>
</ul>
showdate
<ul>
<li>NULL (default) – Do not show date.</li>
<li>true – Show date of upload to my.matterport.com in caption</li>
<li>modified – Show last modified date in caption</li>
</ul>
showstats
<ul>
<li>NULL (default) – Do not show # of Scans</li>
<li>1 – Show # of Scans after address in caption</li>
</ul>
welcome
<ul>
<li>Explore 3D Space – Replace ‘Explore 3D Space’ message with custom message.</li>
</ul>
<h4>Matterport Showcase Configuration Parameters</h4>
All parameters are fully supported as of 02/01/19.
<a href="https://support.matterport.com/hc/en-us/articles/209980967-URL-Parameters" rel="nofollow ugc">Matterport URL Parameters Reference</a>
With MPEmbed, you also can set &lang=it for the UI in Italian.
<h4>MPEmbed Premium Parameters</h4>
mpembed
<ul>
<li>1 – Force MPEmbed. This is only useful if you are using MPEmbed Premium or MPEmbed Hidden Settings Mattertags and are not using other parameters. Otherwise, using any of the MPEmbed parameters will automatically set this space to use MPEmbed.</li>
</ul>
mpu
<ul>
<li>Premium User ID – Loads an MPEmbed Premium Space via your User ID</li>
</ul>
mpv
<ul>
<li>Premium Space Version – Loads an MPEmbed Premium Space with Version #</li>
</ul>
<h4>MPEmbed (Free) Parameters</h4>
MPEmbed.com is a service created by the author of this plugin! It uses the Matterport SDK to provide new features for your Matterport Spaces.
For a list of all supported MPEmbed Parameters, please visit the MPEmbed Documentation Page:
<a href="https://mpembed.com/docs/" rel="nofollow ugc">MPEmbed Documentation</a>
pin
<ul>
<li>0 – Disable 360 Placement Pins in Dollhouse / Floorplan Mode (undocumented)</li>
</ul>
portal
<ul>
<li>0 – Disable 360 Placement Portals in Walkthrough Mode (undocumented)</li>
</ul>

Matterport Shortcode

As the author, I certainly like the plugin.  I'm using it on my own site, metroplex360.com and thought that it would be a great tool to provide my customers as well as other Matterport Users!  I'd love feedback!



Alternatives to Matterport Shortcode

Top alternatives