Add Multimedia to a Mattertag™ Post

You can easily add external website links to your Mattertag posts - but that's not all. You can also add multimedia - saved and published on the web - to your Mattertag posts as well. Multimedia types include:

  • Images 
  • Audio 
  • Videos  

To get a general idea of what this looks like, reference the example 3D model below.

Add Multimedia to Mattertag Post 

  1. Create a Mattertag post.
  2. Add a title, description, and link to external websites if desired.Screen_Shot_2019-06-24_at_2.56.22_PM.png
  3. Add multimedia.
    • For this example, we're going to add an image of a similar-looking cabinet.
  4. Find an image attached to the product you want to promote. 
  5. Right-click the image and select "Open Image in New Tab". Screen_Shot_2019-06-24_at_2.59.36_PM.png
  6. Copy the website's URL in the new tab.
    • Press "Control + C" to copy the link on PC. 
    • Press "Command + C" to copy the link on Mac. 

In order for the link to work, you must ensure the URL ends in JPG, JPEG, PNG, or GIF. Reference the URL in the image below.Screen_Shot_2019-06-24_at_3.01.43_PM.png

      7. Return to the Editor, and click the Mattertag icon in the toolbox to the right.

      8. Click the Media icon in the visual interface. Screen_Shot_2019-06-24_at_2.56.22_PM.png

      9. Paste the URL in the "Media link" URL field, and press the Enter (return) key.

  • Press "Control + V" to paste the link on PC. 
  • Press "Command + V" to paste the link on MacScreen_Shot_2019-06-24_at_3.03.29_PM.png

If the URL leads to an image, that image will appear in the window once pasted.

If the URL leads to a sound file, that song or sound will appear (with a play button) in the window once pasted.

If the URL leads to a video, that video (with a play button) will be embedded inside the window once pasted.

      10. Click "Done" to save your changes.

  • The image should appear in the Mattertag post visual interface, along with the title, link, and description. See below. Screen_Shot_2019-06-24_at_3.12.01_PM.png

Supported Formats and Recommendations 

Image Support

  • JPG
  • JPEG
  • GIF
  • PNG 

Website Support (for image hosting)

  • Flickr 
  • Instagram
  • Imgur 
  • Dribble

See the full list of supported websites here.

We support images at any size or resolution, but the best quality images historically use aspect ratio. If users click the image, the Mattertag post will expand to fill the entire screen so they can take a closer look.

Video Support

  • YouTube 
  • Vimeo 
  • Hulu 
  • UStream 
  • Brightcove

See the full list of supported video platforms here.

Audio Support

  • SoundCloud 
  • Spotify 
  • Rdio 
  • NPR
  • RadioReddit

See the full list of supported audio platforms here.

Recommendations:

  1. Ensure both formats are hosted on a third-party provider.
  2. If you're linking to audio and video, both formats must be hosted on a third-party provider like YouTube or SoundCloud - upload to the provider and use the link they provide. We can't directly add audio or visual files that are hosted on your personal website.
  3. Use short audio and video clips - this keeps the overall experience tight and focused.We support other types of media including:
  • Google Maps 
  • Polls 
  • PDFs

See the full list of supported multimedia here. 

Test Your Multimedia Before Launching 

You can test your multimedia for debugging purposes before you attach the pieces to your Mattertag post - though testing can help streamline the process, there is no guarantee that it will work for all providers. Follow the steps below to test your multimedia before launching.

  1. Open the multimedia you want to include.

    • For this particular example, we're going to use Google Maps to look specifically at the the University of California Medical Center in San Francisco.
  2. Click on the UCSF Medical Center label on the map. 
  3. This will drop a red pin, and open a side bar to the left. 
  4. Copy the Google Maps URL.Screen_Shot_2019-06-24_at_3.17.52_PM.png
    • Press "Control + C" to copy the link on PC. 
    • Press "Command + C" to copy the link on Mac. 
  5. Open a new browser tab. 
  6. Go to maps.google.com
  7. Paste the Google Maps URL into the Explore Embed URL bar.Screen_Shot_2019-06-24_at_3.19.14_PM.png
    • Reference the html row at the end of the embed.ly page above.
    • The image to the right of the html row will be added to your Mattertag post.

In this particular example, the iframe is working properly. This means we can move around the map and zoom in and out. Because everything is functional, we can assume the link and the embed will work with the Mattertag post.

While this tool can help, there is no guarantee that the embed will work in your Mattertag post. If the centering in Google Maps is off, for example, the embed will not function properly. Additionally, providers like LinkedIn and Amazon may work in the tool, but not work at all in a Mattertag post. We recommend experimenting to find the best solution for your needs.

If a certain provider is unable to embed their tools or services into a Mattertag post, contact us directly and let us know!

Common Media URL Issues 

It's important to remember that when you add multimedia, you are linking to external content on the internet. In other words, you are not uploading content to Matterport servers. This simple concept can lead to issues with external media URLs. Here are some common issues you may run into, and some concise solutions.

A. The URL contains a typo or the media does not exist

Check every letter, number, and symbol in your URL - if there is a single typo, no media will display. Furthermore, if you've uploaded an image that's been removed from the third party site, that image will no longer show up. 

Troubleshoot:

  1. Find the media you want to include.
  2. Copy the URL from your web browser's address bar. 
  3. Open a private or incognito window.
  4. Paste the URL into the incognito window's URL bar.
    • If the page loads and works as intended, it will likely work for the public.

B. The URL leads to a HTML page or unsupported media

The key to adding media to Mattertag posts is isolating individual pieces of media - as such, if your media links to a site like https://www.amazon.com (which has far more than one piece of media), nothing will display in the Mattertag post.

C. The URL leads to private or non-shared content 

Certain images, videos, and audio files on the internet may exist, but are set to private. YouTube, for example, features videos that can be set to "Public", "Unlisted", or "Private". Make sure your media is set to "Public" or "Unlisted" or it will not appear in your Mattertag post.private.png D. The URL leads to a restricted domain

In certain rare cases, the entire web domain may be restricted (meaning it requires a username and password to log in). This will stop the Mattertag post from accessing the media, and nothing will appear. As mentioned above, we recommend pasting the media URL into a private or incognito browser window - this will confirm whether the site is restricted or not.

Have more questions? Submit a request