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
Option #1 - Find a 3D Tour Photographer Map
We Get Around Network Find a Pro Service
Matterport Service Provider? Join We Get Around Network
Option #2 - Book a Matterport Pro in 60 Seconds
We Get Around Network Instant Booking Service
Powered by Koaware. Matterport Service Provider (USA)? Join KoaWare Free! Register Now
Last 30 Days: 49,934 Page Views | 12,673 Visitors | 77 New Members
WGAN Knowledge Base | Total Posts: 61,584  |  Total Topics: 9,583
5,313 WGAN Members in 129 Countries
We Get Around Network Forum
WGAN-TV Training U in Matterport
WGAN-TV Channel
How to Make Money in the AEC Space with
Matterport with MSP ToPa 3D CEO Paul Tice
WGAN-TV: Coming Up
Thursday, 7 November 2019
Live at 5 | 5 pm ET (GMT -4)
Tomer Poran, Director, Business Dev., Head of Partnerships and New Market Development
More Info WGAN-TV Program Schedule | Need Help? | Podcast
BrandingCAPTUR3DCode

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

WGAN Forum
Founder
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
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
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
62339 6 6
Log in or sign up to compose a reply.
destitute