Connecting 3D/360° Virtual Tour Buyers to Service Providers powered by
the Most In-Depth, Relevant and Up-to-Date Content and Training for the 3D/360° Community
Join FREE! 50+ Benefits
Find a 3D Tour Photographer Map
We Get Around Network Find a Pro Service
Matterport Service Provider? Join We Get Around Network
Engage an EyeSpy360 Service Provider to
Shoot, Create and Publish the tours for you.
for WGAN Forum Members
One Order  |  One Quote  |  One Contact
Book Multiple USA Commercial Locations
  • ✔  As-Builts
  • ✔  Construction Progress
  • ✔  Facillities Management
Last 24 Hours: 1,482 Unique Visitors
6,294 WGAN Members in 136 Countries
Last 30 Days: 130,722 Page Views | 32,301 Unique Visitors | 190 New Members
We Get Around Network Forum
WGAN-TV Training U in Matterport
WGAN-TV: Now Playing
Show & Tour Property Websites and S&T
Project Delivery Demo with Josh Mais
Virtual Tour Pro Course
by Ben Claremont
to Save 15 Percent, Private Message @DanSmigrod
for WGAN Promo Code
More Info on Virtual Tour Pro WGAN-TV Program Schedule | Need Help? | Podcast
BrandingCAPTUR3DCode

How to add branding (logo) and Video to Matterport 3D Tours9827

WGAN Forum
Founder
Atlanta
DanSmigrod private msg quote post Address this user



23 July 2019

Hi Dan,

Did you know with CAPTUR3D you can add a variety of in-tour overlay features such as branding and video content (and much, much more!) directly into your Matterport scans... for just $7USD / $10AUD.

Our platform is dedicated to helping MSP’s grow their business by adding value to your Matterport models. Check out the following industry links for some live industry examples:

Real Estate Example

We look forward to optimizing your scans soon! Please let us know if I can help with anything in the meantime?

Kind Regards,

[name redacted]



CAPTUR3D
Post 1 IP   flag post
Wingman private msg quote post Address this user
This is a code you can use without Capture3D or any extra overlay. I have rewritten it from the code posted on MOUG as their code is not usable and a logo covers all tour window without any way to open the tour behind it.



<div align="center">
<div style="position: relative; width: 853px; height: 480px">
<img style="width:100px; height:100px; position: absolute; top: 1px; right: 1px; z-index: 1" src="Company-logo.png">
<iframe width="100%" height="100%"
src="https://my.matterport.com/show/?m=GxLp36Ssyrs&hl=1&play=1" frameborder="0"
allowfullscreen></iframe>
</div>
</div>

You can play with a logo position and move it to different corners by changing "top" to "bottom" or "right" to "left".
And I am sure it should not be a problem to turn your logo into a link. Even though the code should be rewritten to include HTML Anchor tag or onclick action added to the image tag with a bit of javascript.

This is what it looks like when teh code above is used.
Post 2 IP   flag post
Wingman private msg quote post Address this user
And the code below is a code for a clickable logo

<div align="center">
<div style="position: relative; width: 853px; height: 480px">
<img style="width:100px; height:100px; position: absolute; top: 1px; right: 1px; z-index: 1" src="mylogo.png" onclick="javascript:goTo()">
<iframe width="100%" height="100%"
src="https://my.matterport.com/show/?m=GxLp36Ssyrs&hl=1&play=1" frameborder="0"
allowfullscreen></iframe>
</div>
</div>

<script>
function goTo() {
var myUrl="https://www.wingmanmedia.com.au";
window.open(myUrl);}
</script>

It does not change a cursor style from a cursor to a hand when you bring a cursor over your logo but it can be added too if needed.

Dan if you think it should be moved to a separate topic please do so.
Post 3 IP   flag post
WGAN Forum
Founder
Atlanta
DanSmigrod private msg quote post Address this user
@Wingman

Much thanks for sharing the code with the WGAN Community.

I re-shared the code in these two WGAN Forum discussions:

Four Ways to add Your Logo to your Matterport 3D Tour
Coding for adding a clickable logo to your Matterport 3D Tours

Best,

Dan
Post 4 IP   flag post
Standard
Member
Charlotte, NC
3SixtyNow private msg quote post Address this user
@Wingman, where are these codes inputted?
Post 5 IP   flag post
Wingman private msg quote post Address this user
Quote:
Originally Posted by 3SixtyNow
@Wingman, where are these codes inputted?


I will answer it in the thread Dan created so all information can be found in one thread.
Post 6 IP   flag post
71135 6 6
This topic is archived. Start new topic?