Quick Start Guide to using NockNock

NockNock 3D Virtual Tour Creator

In this post, I’m going to show you just how easy it is to start creating virtual tours with NockNock. Before we begin, let’s make sure we understand what a virtual tour is. Below is an example tour you’ll create following this tutorial.

Let’s start creating a tour. If you don’t have a 360 camera, download the sample pack here. It contains a few images for you to use.

Click here to sign up for an account. It’s free!

Step 1 – Create a New Project

After logging in, the main page is kind of blank. Go ahead and click on the button “Create New Project”. Give the project a name and click submit.

Step 2 – Upload Panoramas

The next screen takes you to the Editor. Here is where you will spend the bulk of your time creating the tour. Click the Upload Panorama button to start uploading your pictures.

  1. Preview area – Where your panorama images will render.
  2. Upload Panorama – Click on this to start uploading images.

When multiple panoramas are uploaded, it is easier to keep track of them by giving them meaningful names. For example, “Entrance”, “Bedroom”, or “Bedroom 2”. Click on the “Rename” button to rename.

Rename Panoramas for easier tracking

Step 3 – Choose Home and Initial View

  1. Set Initial View – Sets the initial view direction when the tour is first loaded.
  2. Home Indicator – Indicates which panorama is the first to display when the tour is loaded. Click on “Set Home” button in other thumbnails to change home panorama.

Step 6 – Create Links (Hotspots) between Panoramas

This is probably the most important step. Only by linking panoramas together will you have an actual “Virtual Tour”. Otherwise, your viewers will be spinning around stuck in one place. To start the linking process you can choose between a Target Hotspot or Floor Hotspot.

  1. Floor Hotspot is used for panoramas that are within 5 meters of the current panorama. For indoor tours, this is what will be used most often.
  2. Target Hotspot is used for panoramas that are far away or locations that are above/below the current panorama. Like for example stairs, entering doors, traveling to another area.

Let’s start by adding a Floor Hotspot since the sample photos are all indoors. If you have outdoor ones go ahead and use the Target Hotspot. After you’ve clicked Floor Hotspot, a select dialog box will appear. From the thumbnail list on the right, choose the panorama to link to. A red ring appears on the floor. Change its location by looking around. Confirm the location. And now you can click on it to travel to that panorama!

A few things to consider here…

For simplicity, link only panoramas that are adjacent to each other. Don’t create too many hotspots in one panorama.

For every link created to a panorama, make sure to create the respective link to get back. NockNock uses the location of these links to properly align the direction of travel.

To delete a link, simply right lick and select “Delete Link”. You can also delete the panorama itself.

Step 7 – Save Project and Publish

Be sure to save your work frequently so nothing is lost. Once your work is saved you can view the tour by clicking on the link in the top right corner of the screen.

Save your work frequently


And that’s all there is to it! Copy and paste the link to share your tour. Or for the more technically savvy embed the tour within an iframe on your website or WordPress site.

<iframe src="https://app.nocknock.io/show/your-show-id-goes-here" frameborder=0 width="100%" height="500px"></iframe>


Leave a Reply Text

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