Embedding NockNock’s immersive tour on your website

Recently, a user asked me how to embed a NockNock virtual tour into your own website. This is very useful for those who run websites, so I thought I share this quick blog post for anyone else looking to do the same.

Essentially, we’ll use an <iframe> to embed the entire site within <body>. An iframe has a few useful parameters you can adjust such as height and width. If your site needs to be responsive, think about using a percentage value so that it will resize depending on screen size. By default, frameborder is set to 1px, if you don’t like the border styling just set it to 0. And lastly, don’t forget to change the src so that it’ll point to your tour. Here’s an example of what that looks like.

<iframe src=”http://tour.nocknock.io/show/5a6d765bbf7318aeec9a6e78″ width=”100%” height=”640px” frameborder=”0″></iframe>

 

broody

Leave a Reply

%d bloggers like this: