Skip to content

How To Use

How To Use Panorama Viewer

Display the Panorama Viewer

From your admin dashboard, click on Add New under the Panorama menu.

  1. Give the title of the post. (optional).
  2. Select Panorama Type.
  3. Add/Upload a source file.
  4. Copy the shortcode. (you can also copy the shortcode after published)
  5. Now publish/save the post.
Panorama- Add New
Panorama- Add New

Paste the shortcode in post, page, or text widget content. Save and view the content, you will see the Panorama is showing.

Panorama- Preview
Panorama- Preview

Configure

Image

After adding Panorama. There are 6 Panorama Types: Image, Image 360°, Video, Gallery, Tour 360°, and Google Street View. Select Image player type.

Add Image Source. Set Width and Height. Enable/Disable Auto Rotate. Also, Show/Hide Default Control.

Panorama- Configure Image
Panorama- Configure Image

Configure- Image 360°

After adding Panorama. There are 6 Panorama Types: Image, Image 360°, Video, Gallery, Tour 360°, and Google Street View. Select Image 360° player type.

Add 360º Image Source.

Panorama- Configure Image 360° Source
Panorama- Configure Image 360° Source
Layout

Set the Width and Height of the Panorama Viewer.

Panorama- Configure Layout
Panorama- Configure Layout
Options

For the options, enable/disable Auto Rotate, Custom Control, Auto Load, Draggable, show/hide Default Control, Compass, and set Initial View.

Panorama- Configure Image 360° Options
Panorama- Configure Image 360° Options
Title & Author

Enable Title & Author to display the Title and Author on 360º Image.

Panorama- Configure Image 360° Title & Author
Panorama- Configure Image 360° Title & Author

Configure- Video

After adding Panorama. There are 6 Panorama Types: Image, Image 360°, Video, Gallery, Tour 360°, and Google Street View. Select the Video player type.

Add Video Source.

Panorama- Configure Video Source
Panorama- Configure Video Source
Layout

Set the Width and Height of the Panorama Viewer.

Panorama- Configure Layout
Panorama- Configure Layout
Options

Enable/Disable Autoplay, Mute, Loop, and show/hide Control Bar.

Panorama- Configure Video Options
Panorama- Configure Video Options

Configure- Gallery

After adding Panorama. There are 6 Panorama Types: Image, Image 360°, Video, Gallery, Tour 360°, and Google Street View. Select the Gallery player type.

Add the Gallery item and for each item add the source file.

Panorama- Configure Gallery Source
Panorama- Configure Gallery Source
Options

Set Gallery Limits, and Load More Button Text, Color, Background, Hover Background.

Panorama- Configure Gallery Options
Panorama- Configure Gallery Options

Configure- Tour 360°

After adding Panorama. There are 6 Panorama Types: Image, Image 360°, Video, Gallery, Tour 360°, and Google Street View. Select the Tour 360° player type.

Add Tour 360º item and for each item add Name, Image. For the option:

  • Enable Title & Author to display the Title and Author.
  • Enable HotSpot to target another Tour 360° item. Also, set Text and Target ID.
  • Enable Default to display as a first item.
Panorama- Configure Tour 360°
Panorama- Configure Tour 360°
Layout

Set the Width and Height of the Panorama Viewer.

Panorama- Configure Layout
Panorama- Configure Layout

Configure- Google Street View

After adding Panorama. There are 6 Panorama Types: Image, Image 360°, Video, Gallery, Tour 360°, and Google Street View. Select the Google Street View player type.

Enter the Panorama ID of Google Street View.

Panorama- Configure Google Street View
Panorama- Configure Google Street View
Layout

Set the Width and Height of the Panorama Viewer.

Panorama- Configure Layout
Panorama- Configure Layout

WooCommerce

To show panorama in WooCommerce, install the WooCommerce plugin first. Go to the product edit page, there will be a settings panel called Panorama Settings.

In Panorama Settings, you will see the shortcode to implement on your product template. Select Panorama Type, Set Position, and Add Source to show panorama on the product page.

Add Panorama- Image

For the Image type, add the Image Source, enable/disable Auto Rotate, and show/hide Default Controls, Title, and Author.

Panorama- WooCommerce Image
Panorama- WooCommerce Image

Add Panorama- Video

For the Video type, add the Video Source, enable/disable 360º Video, Autoplay, Video Muted, Video Loop, set Initial Values, and show/hide Video Controls.

Panorama- WooCommerce Video
Panorama- WooCommerce Video

That’s all.

Was this page helpful?

Last updated 04/13/2026

Badge Icon Save 90%