Panorama 360° Gallery

Panorama 360° Gallery

Welcome to the “Panorama 360° Gallery” documentation. Looking to integrate a panorama 360° gallery into your website? Our widget enables you to immerse users in interactive panoramic experiences, providing a captivating visual journey all within a single frame. In this guide, we'll show you how to use the editor to customize your panorama 360° gallery widget.

Step 1 : Open The Editor
Step 2 : Customize The Content
Step 3 : Configure Settings
Step 4 : Choose Colors
Step 5 : Preview      


Step 1: Open the Editor
1. Go to Panorama 360° Gallery template.
 2. Click on "Edit" after choosing your template.




Step 2: customize the content

1. In this panel, you can easily add, remove, or rearrange your images as needed.





2. For each image, you can upload the panorama image and select its cover.
Additionally, you have the option to add a descriptive text to it and manage the hotspots within the panorama image.





3. Each hotspot can be customized by adjusting its position using the pitch and yaw degree.
You can include a link to direct users to a website, and also specify the content that will be displayed when hovered over.






Step 3: Configure settings

Here, you'll handle the settings:
1. Start by the view section where you can decide whether to display the header or not. You can also select the height and width of your 360° panorama gallery widget.





2. you can opt to activate the auto-load feature, choose whether to show or hide controls, and set the auto-play speed. Additionally, you have the option to add a watermark.





3. For the small images, you can customize their position and the gap between them. You can also adjust their width and height, select their roundness, modify the border, apply an overlay, and choose the text size for captions.






Step 4: Choose Colors

  Within this panel, you can select colors that match your website's design.





Step 5: Preview

Lastly, you can click on “Preview” to see how your panorama 360° gallery widget looks on both desktop and mobile devices. After this, you can proceed to the next step.


Related Articles:
Before/After Slider Product Image 360°