Overview

In order to get the most out of your CloudTour it is recommended to have it easily accessible on your website.

Below we have shown how to add your CloudTour using HTML code (Wordpress details coming soon).

Adding to a website (using HTML code)

1. Button or hyperlink (easiest)

Add a button to your website pointing to your CloudTour link

<button type="button" target="_blank" href="<https://cloudtour.cc/YourTour>">View Virtual Tour</button>

Add an <a> tag to your website pointing to your CloudTour link

<a target="_blank" href="<https://cloudtour.cc/YourTour>">View Virtual Tour</a>

2. Add an iframe (works well on desktop, harder to get working well on mobile devices)

Add an iframe to show your CloudTour inline within your website.

<iframe src="<https://cloudtour.cc/YourTour>" width="750" height="500" frameborder="0" style="border:0"></iframe>

3. Add a lightbox (recommended)

Add a lightbox to show your CloudTour when viewed from a desktop, and open in a new tab when viewed on a mobile device. The following instructions use the jQuery lightbox plugin Featherlight, though you could use any type of lightbox.