How to: Embed a Virtual Tour

One of the strengths of using Firefleye Virtual tours is that it can be displayed anywhere! If you have your own site or page, embedding makes it very easy to display your virtual tour on your own site.

What is embedding?

You can embed a virtual tour in your own page and create a ‘picture-in-picture’ effect, displaying the virtual tour in a page of your choice. You don’t have to worry about what is displayed in the code, that’s what Firefleye takes care of!

Only 1 line of code!

The only thing that you need to do is include only 1 line of code in your website.

<iframe src="https://www.firefleye.be/embedvirtualtour/?tourId=31" allowfullscreen style="border-style:none;" height="600px" width="100%"></iframe>

That’s it! Copy paste the line above and your good to go.

Parameters

Customize the virtual tour to your needs and change some of the parameters:

tourId: the Id of your virtual tour which you can find in the administration

height:Set the height in % or pixels. You can adapt it to your needs to make it fit perfectly in your layout.

width: Set the width in % or pixels. You can adapt it to your needs to make it fit perfectly in your layout.

Example

If we would paste the code of line in our html page, this would be the end result.

How to: Embed a Virtual Tour
Tagged on: