Embedding a NockNock tour on your website

Recently, a user asked me how to embed a NockNock virtual tour into your own website. This is totally legitimate and useful, 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://nocknock.io/show/5756de1881162ba60be2cd87″ width=”100%” height=”480px” frameborder=”0″></iframe>

 

broody

Leave a Reply Text

Your email address will not be published. Required fields are marked *