1. Once your tour has been published, head to that tour's standalone webpage and click Share at the bottom of the property description.

2. In the pop-up that appears, copy the HTML code.

3. Paste the embed code into your website HTML. Please note that depending on your site the code may need to be adjusted for proper display. Iframes can be resized in a variety of ways:

Pixels:  width="1280" height="720"
Example:

<iframe width='1280' height='720' src='http://www.transported.co/t/1U2xWpfR?embeddable=true' allow-fullscreen></iframe>


Percentage of the page:
 width="100%" height="46%"
Example:

<iframe width="100%" height="46%" src='http://www.transported.co/t/1U2xWpfR?embeddable=true' allow-fullscreen></iframe>


Combination of both:
 width="100%" height="600"
Example:

<iframe width="100%" height="600" src='http://www.transported.co/t/1U2xWpfR?embeddable=true' allow-fullscreen></iframe>


Note that when using percentages, it refers to the percentage of its parent element. Therefore if the iframe is not being sized as expected, check that its parent element isn't constrained.

Did this answer your question?