Add a 360° virtual tour to a SharePoint space

A 360° tour allows viewers to move through a sequence of 360° images. The tour is built by linking together the 360° images you want to use and then annotating each one to include text, images, video, audio, or files. To create a tour, use the 360° tour web part.

360° tour web part with image of Microsoft visitor center

Add the 360° tour web part

  1. Go to the space where you want to add a tour.

  2. If you’re not already in edit mode, select Edit at the top right of your space.

  3. In the space, select the circled plus sign (+) at the top left of the space, and then select 360° tour from the list of web parts.

  4. Select anywhere on the structure (floor) to place the web part.

  5. Find and select all of the 360° image files you’d like to use, and then select Open.

    You can add more images or remove images later as you're building the tour.

    Notes: 

    • Even if you've selected multiple images, the web part will display only a single image, which is the image that the tour will start with. You can change the starting image later.

    • You can add more images or remove images later as you're building the tour.

  6. Select the web part and then select Edit  Web part edit button  on the web part toolbar.

  7. If you'd like, enter alternative text for the web part in the Alternate text box under Details.

  8. To set the distance between the image and the podium, use the Height from podium slider. (If you don't want to use a podium, slide the Show podium toggle to Off).

  9. If you want, you can add actions to a 360° tour just like other web parts.  This allows you to play audio, link to other spaces or external content, and control primary and secondary actions as described for the 360° image web part.

Use the tour builder to set the starting image and the format for all images

  1. Select Open tour builder.

    Note: All of the images you selected when you added the web part are shown in the image tray at the bottom of the space.

  2. Select the 360° image you want to start the tour with by selecting an option under Start tour with this image.  This will be the first image displayed when viewing the tour and the image displayed for the web part.

  3. To change the image format for all 360 images in the tour, select one of the options under Select format for all 360° images in this tour.

    360 image format dropdown

    If the camera you used to capture the 360° image was a single lens camera which was placed on a rig or ring formation to make a circle, select Monoscopic. If the camera you used to capture the 360° image was two cameras for each field of view, select Stereoscopic

Move between the 360° images in your tour

  1. While in the tour builder, hover over the image tray at the bottom of the screen to show all the images in your tour.

  2. Select an image so you can go to it and set the starting view, link it to other images, and add annotations to the image.

Set the starting view for each image in your tour

  1. While in the tour builder, press + hold left mouse button or track pad button, and drag the cursor left, right, up, or down to pan the image and adjust to the desired starting view.

  2. Select Set as starting view of this image.

    Image starting view button

    You can select the compass icon at any time to go to the existing starting view for the image.

  3. Move to each image in your tour and repeat steps 1 and 2 to set all starting views.

Add links between 360° images in your tour

  1. While in the tour builder, use the image tray at the bottom to move to the image where you want to add a link.

  2. Press + hold left mouse button or track pad button, and drag the cursor left, right, up, or down to pan the image to the location you want to place your link.

  3. While the + icon is showing, select the location in the image where you want to place your link.

  4. Select Link a 360° image to place a link at this location.

    Select a 360 Link menu
  5. Select the image you want to link to from the image tray below.

  6. If you'd like, enter a Description to describe the image you are linking to, then make sure the Show description toggle is set to On. If you don't want to show a description, slide the toggle to the Off position.

    Tip: It may help your users to include in the description that they can select the link to go to the image.

  7. Repeat steps 1-6 for any other links you want to add to your tour.

Add annotations to images in your tour

  1. While in the tour builder, use the image tray at the bottom to go to the image where you want to add a link.

  2. Press + hold left mouse button or track pad button, and drag the cursor left, right, up, or down to pan the image to the location you want to place your link.

  3. While the + icon is showing, select the location in the image where you want to place your annotation. .

  4. Expand the Annotate this image menu and select the annotation type from the menu.

    360 tour annotation menu   

  5. Repeat steps 1-4 for additional annotations you want to add.

Add more images to your tour

  1. While in the tour builder, select Add more 360° images in the image tray.

  2. Select the 360° images you’d like to use, and then select Open.

Delete images from the tour

  1. While in the tour builder, use the image tray to select the image(s) you want to delete.

  2. Select Delete.

  3. Confirm that you want to remove the image from your tour by selecting Yes in the confirmation dialog. This will remove the image and any links or annotations you have added to it from your tour but will not delete the image from its source location (such as a SharePoint document library or OneDrive).

Note: You can't delete the starting image from your tour. If you want to delete that image, first select a different image to be your starting image.

Tips

  1. Put the 360° images for your entire tour into a single folder or document library for easy access.

  2. Use meaningful file names for 360° images. Consider starting file names with a number in the order you want so they will appear in that order in the image tray.

Expand your Office skills
Explore training
Get new features first
Join Office Insiders

Was this information helpful?

Thank you for your feedback!

Thank you for your feedback! It sounds like it might be helpful to connect you to one of our Office support agents.

×