Embedding two or more Matterport models on a single webpage can affect the performance of your website - in the worst case, multiple embedded models can make your browser become unresponsive, or crash altogether.
That being said, if you want to include multiple Matterport models on a single page (similar to the layout of the Matterport Gallery), we recommend utilizing lightboxes with third party apps like Fancybox, or using the WP3D Models plugin with Wordpress. If you have coding experience, you can also create your own gallery from scratch - we'll outline each of these options below.
Lightboxes are, well, boxes that open on top of webpages. You can use these to directly embed a Matterport model, thus creating an entirely new window that lessens the strain on your main page.
To see what this looks like, check out matterport.com/aec and click the orange "EXPLORE A 3D SPACE" button.
As mentioned above, this opens the model in a new window that is simple and easy to use:
- To open the model, press the "Play" icon in the center of the window.
- To return to the main page, simply click the "X", or click anywhere outside of the lightbox.
Wordpress WP3D Models plugin
WP3D Models is a Wordpress plugin designed specifically for Matterport - you can read more about how WP3D Models work in their help center.
Get Started on Develop your Own Gallery
With the right amount of web design experience, you can create your own gallery - below are some tips that will help you get started on building your gallery
You can use thumbnail images from your Matterport model
- Open your model in the Matterport Cloud.
- Click the "Photos" icon under the "Media" tab.
- At the top-right corner of each thumbnail, click the "Share thumbnail" icon.
- This will provide you with a URL you can copy and use for each model featured in your gallery.