Turn on the Panoee notification on your browser

Step 1: Log in to your account here

Step 2: Allow Panoee to send notifications

Untitled 1

Manage Profile

Manage your profile easily with a few clicks:

STEP 1: LOGIN TO YOUR ACCOUNT

zqu1WqnoPW

1. Type your email and password.

2. Click login.

3. Using Facebook or Google account to login faster.

STEP 2: OPEN YOUR PROFILE

R Fpy4E0PU

1. Click dropdown-toggle on the top left of the dashboard.

2. Select “My Profile”.

STEP 3: EDIT YOUR PROFILE

825tglL7CB

1. Click “Profile” to manage your profile.

2. Fill in your first and last name.

3. Get your username.

4. Describe yourself.

5. Change your avatar.

6. Take a look at your email.

7. Save all changes.

Change Password

Change your password is easy with a few steps:

STEP 1: LOGIN

NzQWyw1TZs

1. Fill in the login box your email and password manually.

2. Click “Login”.

STEP 2: OPEN MY PROFILE

jr3islUL3A

1. Click dropdown-toggle on the top left of the dashboard.

2. Select “My Profile”.

STEP 3: CHANGE YOUR PASSWORD

2s8TgtvnRX

1. Click “Change Password”.

2. Type your current password.

3. Change your password.

4. Click “Save changes”.

Your password is changed successfully.

Forgot Password

If you forget your password, you can recover it by following these simple steps:

b6BTrAeVEg

1. Click “Forgot Password?”.

MmNcl7KVYO

2. Fill in your registered email and click “Send request”.

r M2JK7 d

3. When you see the “Success” popup, it indicates that we sent you the recovery mail through your registered email.

oj eL dmvc

4. Access your email to reset your password. You will receive the recovery mail in a moment.

5. Open the recovery mail and click “Reset password”.

7aTSy20mNZ

6. Retype your new password and submit.

Now your password is recovered successfully.

Login

Login your account is pretty simple. First, go to https://studio.panoee.com/ or you can click on “Login” on the top right of the website https://panoee.goterest.com/

er3uJL7ldo

1. Login with your email

2. Just type your registered email and password, then click “Login”

3. Quick login with your Google/Facebook account

Whenever you login with Google or Facebook, it appears a small popup of your chosen platform.

THBhYqseoq
WKKkBZW1is

1. You can log in to your Facebook account

2. Or you can login to a Google account to use with Panoee

T4Sr3imgGz

When you see this dashboard, that means you have logged in successfully.

Register

Register new account would be easy with just 2 clicks. You can create new account with your email or your facebook / google email, first just go to https://studio.panoee.com/:

6AHT1YmCGE
  1. Start register with your email
  2. Quick register with your Facebook / Google

1. REGISTER WITH EMAIL

65ZXQodm2l
  1. Please fill the register form with your email & password
  2. Click register to send request. Once the system return “success”, your account is created successfully & ready to use.
  3. Don’t forget you can always use your Facebook / Google to register.

2. REGISTER WITH SOCIAL

When you click the Facebook or Google button, system will redirect you to the corresponding pages to authenticate with Facebook or Google. Once the authentication finish, you will be redirected back to Panoee

yg7 rgr9I7
  1. Please input your email associated with the Social network.
  2. Just click “Complete” to finish the registration – Once the system return “success”, your account is created successfully & ready to use.

Multi-language virtual tour

Panoee’s Multi-language feature lets you easily translate your tour content and lets your virtual tours reach a global audience.. So whether your viewers speak Spanish, French, India or Mandarin, they can experience your virtual masterpiece in their native language. 

Here is 3 steps to make a Multi-language virtual tour easily:

Step 1: Activate Multi-Language Support 

Navigate to the Settings tab and switch the toggle to activate the Multi-language feature.

Multi-language virtual tour
Enable the Multi-language feature

Step 2: Compile Your Language List 

Head over to the CMS tab, select the List Language section, and compile a list of languages you wish to include in your virtual tour.

Multi-language virtual tour
List language
Multi-language virtual tour
Enter the name of each language as you want it displayed.
Multi-language virtual tour
Select the corresponding country from the dropdown menu.

Upload the flag icon for each language to help users identify them easily.

Step 3: Localize Your Content 

Review your tour and look out for the green symbol—this indicates that the content can be localized to multiple languages. 

Multi-language virtual tour
Spot the green symbol? That’s your cue to translate the content!

Simply click on the symbol to start translating the content for your audience.

Multi-language virtual tour
Real-time content update

Need to manage a large number of translations? The Translation list can help you keep track of them all.

Multi-language virtual tour
Lots of translations? The Translation list has you covered!

Change the Virtual tour Control mode

Virtual tour control modes refer to the various methods that users can employ to explore and move around a virtual tour. These modes enable users to have different levels of control and immersion in the virtual environment. Here are Three main types of virtual tour control modes are widely used:

Drag mode

Simply click and hold the mouse while moving it around – the panoramic image will instantly follow.

Follow mode

As you drag the image, there is a slight delay providing a smooth transition.

Move-to mode

Just drag the mouse in any direction, and watch as the panorama moves along with you. Go as slow or as fast as you like.

Here is how you can chnage the control mode of your virtual tour:

virtual tour control mode
  • Step 1: Access the Setting tab
  • Step 2: Choose the Effect section
  • Step 3: Select the mode that fit your need

Popup Intro

Panoee‘s Popup Intro feature serves as an engaging gateway to your virtual tours, allowing you to greet your audience with a personalized welcome and set the stage for an immersive experience. With three versatile display options – image, video, and description Article – you can tailor your intro to perfectly match your virtual tour’s tone and style.

Image Popup Intro

Please choose an image that embodies the essence of your tour, whether it’s a captivating panoramic view or a close-up of a critical element. Ensure the image is high-resolution and visually appealing to make a lasting impression.

Here is How you make an Image Pop up intro of your virtual tour:

Virtual tour Popup Intro

Step 1: Enable the feature

Step 2: Choose the Image type

Step 3: Upload your Intro Image 

  • Desktop images are horizontal images
  • Mobile photos are vertical images

Step 4: Set up the Effects

You can configure the Time Auto Close and the Text display on the Close button.

Video Popup intro

Craft a short and engaging video that provides an overview of your tour, highlighting its key attractions and unique features and be sure the video is well-produced and visually appealing to enhance the overall experience.

Here is How you make Video Pop up intro of your virtual tour:

Virtual tour Popup Intro

Step 1: Enable the feature

Step 2: Choose the Video type

Step 3: Upload your Intro Video

  • Desktop videos are horizontal videos
  • Mobile videos are vertical videos

Step 4: Set up the Effects

You can configure the Time Auto Close, Text display on the Close button and Mute the video.

Description Article Popup intro

Use concise and engaging language to pique curiosity and provide essential information about your virtual tour. Structure the text effectively, using clear headings and bullet points for easy comprehension.

Here is How you make a Tour Description intro of your virtual tour:

Virtual tour Popup Intro

Step 1: Enable the feature

Step 2: Choose the Tour Description type

Step 3: Select a Post you created in the CMS

Publishing Your Virtual Tours to Google Street View

Step1: Upload your 360-degree images

Panoee makes it easy to create a virtual tour. You only need 360-degree photos of your location. You can use any 360-degree camera compatible with Google Street View to capture these images. Be sure that your photos are well-lit and clear. They should also cover the entire area you wish to show in your virtual tour.

Publishing Virtual Tours to Google Street View

Click on “Create a new project” in the Studio to upload your images. Click on “Upload Media,” enter a project name and description, then click the button. Upload as many images at once as you like. They will appear as thumbnails within the Studio. You can also drag and drop images from your device or computer.

Step 2: Make the connection

Publishing Virtual Tours to Google Street View

After you upload your images, connect them together to create a seamless virtual tour. Drag the Scene to your Scene by dragging it from the left sidebar.

You can also Drag and drop Scenes to arrange them the way you want on your virtual tour.

Step 3: Add a Heading and Locate 

Publishing Virtual Tours to Google Street View

The Scene heading indicates how much it rotates clockwise from north. For example, a heading of 0 degrees means the map points north, while 180 degrees means the map points south. By adding them, you can easily see the orientation of your scene as you rotate it. 

Use the map tool in the GSV tab to adjust the position and its direction. Just click on each marker and rotate it.

Step 4: Publish to Google Street View

Publishing Virtual Tours to Google Street View

After you have connected all the scenes and added their headings, you can publish your virtual tour to Google Street View by clicking on the “Publish to GSV” button. Please be patient, as it may take some time. 

Publishing Virtual Tours to Google Street View

Whenever it’s done, you can click this link to view it.

Watch the full tutorial here:

Virtual Staging: Day to Dusk effect

This can be used for day / night or before / after transitioning effect.

CleanShot 2023 04 21 at 22.01.30@2x scaled
Step by Step to setup effect

Display Google Map

CleanShot 2023 04 19 at 21.32.35@2x scaled
Step-by-Step to integrate Google Map to your Virtual Tour

Virtual Staging: Add Split Screen Effect

CleanShot 2023 04 16 at 23.21.26@2x scaled
Step by Step to enable feature
CleanShot 2023 04 16 at 23.24.18@2x scaled
Display in Public Virtual Tour – Find more here

Flat Scene

Panoee’s brand new Flat Scene option lets you unleash your creativity beyond panoramic vistas. Imagine using any regular image as your canvas – a map, a sketch, even your favorite photo. Now that’s Panoee thinking outside the (spherical) box!

But it doesn’t stop there. Spice up your flat scenes with interactive hotspots – videos, links, images, article, products even sounds! Create a clickable map that guides viewers, add a hidden message with an audio clue, or transform a presentation into a dynamic journey.

Flat Scene isn’t just a tool, it’s a playground. It’s a chance to express yourself, engage your audience, and make your content truly shine. So ditch the limitations, dive into the flatland, and see what amazing experiences you can build.

Here is how you can add a Flat Scene to your tour:

Step 1: Click on “+Scene” button

How to add a Flat Scene in a virtual tour
In the Editor screen, please choose “+Scene” button to add a new Scene

Step 2: Select “Flat image” option

How to add a Flat Scene in a virtual tour
Switch the toggle
How to add a Flat Scene in a virtual tour
Changed the option to help you upload Scenes as 2D images instead of 360 images

Step 3: Upload image from your device

How to add a Flat Scene in a virtual tour
Click on “Upload Media” button and select images from your device
How to add a Flat Scene in a virtual tour
2D Scenes will have a “2D” symbol on their image

Step 4: Add a Flat Scene to your tour

How to add a Flat Scene in a virtual tour
Select the image you want to add to your your tour
How to add a Flat Scene in a virtual tour
You can add multiple hotspots to the Flat Scene

Delete 360-degree images

image

Step 1: Access the Media tab

Step 2: Choose the Pano section

Step 3: Select the 360 images you want

Step 4: Delete

Rename the project

image

Share a Project

To share a project, you need to create a project first

zkPidRE3 u

Open the project and click “Share” in the top left corner. There are various options that you need to know:

tSQ3Uo6tQp

1. Copy virtual tour link to access the tour directly.

2. Share your virtual tour on social media.

3. Share your virtual tour through QR code.

4. Switch to the “Embedded” tab if you want to integrate your virtual tour into websites

eVq9ZVtw9l

5. Copy Embedded Code to show the virtual tour on your website.

6. You can adjust your Embedded Code here.

Publish Projects

Publishing projects are super easy with a click, but you need at least a project beforehand

1. Open your project and switch to the “Publish” tab on the dashboard.

2. Tick “Public” on the publish section.

Or you can publish immediately by turning on the toggle switch on the left corner.

a7S7nPkdMS

Set Default View

You need to access Editor to set default view:

1Ok3o CU4W

1. Create a new project or select your existed project.

fBOtI8JfmD

2. Name your project.

3. Click “Let’s go”.

tGWRoXZKU3

4. Click “+Scene”.

ldb0NQlAT1

5. Upload your image(s).

6. Select/Deselect your image(s).

7. Click “Submit”.

In Editor Panel, there are two ways to set your initial view:

x 5a cB3RX

OPTION 1:

1. Check your ideal Zoom, hlookat (X) and vlookat (Y).

2. Copy and paste it to X, Y, and Zoom lv to set the default view.

OPTION 2:

3. Choose the view that you want to set and click “Save Def. View”

Control The Scene View

Before start controlling the scene view, you need to create a scene:

JgHCv70y5b

1. Create your new project.

0hY 8WKSX0

2. Name your project.
3. Click “Let’s go”.

BaHEQcPktw

4. Click “+Scene”.

XUIYY7qYYJ

5. Upload your image(s).

6. Select/Deselect your image(s).

7. Click “Submit”.

Introduction of Tour Editor about controlling scene view

TkQLCNA6JY

1. Set and change the thumbnail & title.

2. Check and change the scene image.

3. Create information and description of your tour

4. View control is essential to create a great tour:

  • Limit view: Limit view to show only the best corners.
  • Zoom limit: Lock zooming too close or too broad.
  • Default view: Set the first sight of viewers when opening the tour.

Manage Projects

You can manage unlimited projects, and this is the guide on how you do it:

STEP 1: CREATE A NEW PROJECT

a0Sz YsdP7
Fby0Ka tvw

1. Create a new project by clicking “Create new project”.

2. Type the name of your new project.

3. Click “Let’s go”.

STEP 2: MANAGE PROJECTS

After finishing your project, if you want to set it as publish or draft, click the toggle, and click the home icon to return to the dashboard. 

1. Repeat the previous step if you want to create more projects.

2. Now you understand how to create and manage unlimited projects.

3. Classify your draft and published projects to manage them effectively.

Create & Manage Scene

Create Scene

GQhCd3XcHo
urH31XlSsr

1. Upload your panorama with drag-and-drop.

2. Once uploaded, select the panoramas you want to create Scenes.

3. Click the button “Submit” to create Scenes.

(Yellow annotation) There are few tool to make this process easier:

4. You can click “Select all” or “Deselect all” to quickly select / deselect all panoramas at once.

5. You can use Search bar to find the preferred panorama.

6. You can manage panoramas in albums for better organization.

Organize Scene & Scene Group

IPYrOQUdJ4
  • Group is a collection of Scenes.
  • There are default “Uncategory” Group that contain all Scenes which don’t belong to any other Group.
  • The default Group can not be deleted.
  • Once a Group is deleted, all inside Scenes will be move to Uncategory Group.
  • Order of Group and Scenes will be displayed in public Tour.

1. Create Group

2. Collapse / Expand Group for easier management. You can also drag to group name to change the group order

3. Rename / Delete Group

Create new Project

Create new Project is so easy with just 2 click; first click the pink button on the top-right

tGQJ05UNuD

… and second, choose a good name for your project, then click “Let’s go” to make a great Virtual Tour. You will be redirected to the Tour Editor interface.

m7C7Ebrsn4

Manage Products

E-commerce plays a super important role in the virtual tour industry when everything is mainly targeted at increasing sales. The tutorial will guide you on how to manage e-commerce products to distribute throughout the tour effectively :

3bW245C6Rn
  1. Open the project and switch to the “CMS” tab
  2. Open the “Floorplans” section.

ADD A NEW PRODUCT

1. Add product information.

2. Set the title.

3. Set the thumbnail of the product.

4. Upload pictures of the product.

5. Select type of payment.

6. Enter the price.

7. Set the currency.

8. Publish the product.

9. Create the product.

rJu3NnVDhm

EDIT THE PRODUCT

1. Add more products by clicking “+”.

2. Select and manage products.

3. Edit the product information.

4. Update or delete the product.

Manage Posts

Posts are essential for the virtual tour to provide information more actively and interactively as hotspots:

miVeUvLgFU

Step 1: Open the project and switch to the “CMS” tab

Step 2: Enter the Posts section

Step 3: Fill in Information

1. Create a new blank post (You can create and manage many posts).

2. Select one of your created posts to edit or delete.

3. Add information to the post.

4. Set the title.

5. Set the post feature image.

6. Excerpt the short-written text.

7. Publish your post or set as draft.

8. Create the post.

Hotspot: Compact

The Compact Hotspot is ideal for situations where you want to provide more options and content to your viewers without cluttering your panorama with too many hotspots. For example, you can use a it to show a menu of a restaurant, a brochure of a hotel, a gallery of a museum, or a map of a city. You can also use it to create quizzes, surveys, polls, or games to engage your audience.

add a Compact hotspot to your virtual tour, all-in-one hotspot

With the Compact Hotspot, you can create a single hotspot that can contain up to five different types of hotspots: Navigate, Article, Video, Image, and Link.

Here is how you add a Compact hotspot to your virtual tour:

Step 1: Drag the hotspot from the Hotspot panel

add a Compact hotspot to your virtual tour, all-in-one hotspot
Drag a Compact hotspot from the Hotspot panel to the Scene

Step 2: Make an overview description

add a Compact hotspot to your virtual tour, all-in-one hotspot
Add a new article for your Description
add a Compact hotspot to your virtual tour, all-in-one hotspot
You can edit the Article in the CMS tab
add a Compact hotspot to your virtual tour, all-in-one hotspot
Go back the the Editor screen and choose the Article you want it to be the Description

Step 3: Add additional hotspots to the main hotspot

add a Compact hotspot to your virtual tour, all-in-one hotspot
Click on “Add config” button to add some sub hotspots as you wish

Customize the Polygon hotspot appearance in bulk

With Panoee, you can easily change the color of all polygon hotspots at once. Just enter the Config section and choose your desired color from the color picker. This feature saves you time and ensures consistency in your virtual tour.

Customize the Polygon hotspot appearance

Change the Background color

Customize the Polygon hotspot appearance

The default background color when you view it in your scene.

Change the Background color (hovering)

Customize the Polygon hotspot appearance

The background color when you move your mouse (hovering) into the hotspot

Change the Border color

Customize the Polygon hotspot appearance

The default border color when you view it in your scene.

Change the Border color (hovering)

Customize the Polygon hotspot appearance

The border color when you move your mouse (hovering) into the hotspot

Adjust the Border width

Adjust the thickness of your Polygon hotspot

Hide Title on Preview Box (When Hovering) in bulk

Hide Title on Preview Box (When Hovering) in bulk
Before
Hide Title on Preview Box (When Hovering) in bulk
After

Step 1: Access the Design tab

Step 2: Choose the Hotspot section

Step 3: Click on the “Hide Title on Preview Box (When Hovering)” box

Hide Preview Box

Hide Preview Box (When Hovering)

Hide Preview Box
The Preview box appears when you hover on a specific hotspot

Step 1: Access the Design tab

Step 2: Choose the Hotspot section

Step 3: Click on the “Hide Preview Box (When Hovering)” box

Hide Preview Box

Hide the Title on the top of the hotspot in bulk

Totally hide the Title on all hotspots with a single click.

Hide the Title on the top of the hotspot

Step 1: Access the Design tab

Step 2: Choose the Hotspot section

Step 3: Click on the “Hide title on top hotspot” box

Fix the position of your hotspot in bulk

Configure the position of all hotspots at once, saving you time and effort. A simple click on the check box.

image

Lock hotspot

This will make your hotspot stay still when your customers Drag the Scene when they view the tour.

You can see the difference here:

Before:

After:

Keep hotspot position when zooming

This will make your hotspot stick to the Scene so that when you zoom in and zoom out, your hotspot also does the same

You can see the difference here:

Before

After

Hotspot: Media Text

What is a Media Text hotspot?

image

The Panoee’s Media Text Hotspot is a hotspot that displays text directly on a virtual tour scene, as opposed to Article Hotspots, which hide their text behind an icon and only reveal it upon click-through. 

By making text more visible and intuitive for viewers, it will make your text more accessible and intuitive for visitors.

How to make a Media Text hotspot?

 Step 1: Choose the type of hotspot

image

Step 2: Create a new hotspot

image

Step 3: Fill the text

image
image

Step 4: Adjust the hotspot positionLm0itIhTxSpz1zKipy3sWjIeZWIC0ybWc5m0 F3lKllbTaHyu6TnngNDg4hUZNY78eGH94xhpNN3NeJguIp5d

You can use the Distort button to make it more perspective

image

Step 5: Edit and Improve the appearance

image

You can add an outline and change the text color to make the hotspot more good-looking

image

And here is the result when your customer view your tour

image

Hotspot: Article

What is an Article hotspot?

An Article hotspot in Panoee is a powerful feature that enables you to create a Post with text and images for your virtual tour.

Article hotspots allow you to add more depth and context to their scene – for instance, telling a story, showing a product, sharing testimonials or providing instructions. You can customize their appearance and position on your tour – plus, all your Article hotspot content is conveniently organized under the CMS tab, where editing or deletion can easily take place as needed!

How to create an Article hotspot?

Step 1: Create a new Post

Article hotspot virtual tour
  1. Access the CMS tab
  2. Go to the Post section
  3. Click the + button to create a new Post

Step 2: Add your Post info

Article hotspot virtual tour
  1. Post title
  2. Post cover
  3. Post Excerp
  4. Switch your Post status between Publish and Draft

Step 3: Fill in your content

Article hotspot virtual tour

Fill your content here

Article hotspot virtual tour

You can insert your image here

Step 4: Finish creating your Post

Don’t forget to Click on this button to Save your Post

Step 5: Create your Article hotspot

Article hotspot virtual tour

Drag the Article hotspot from the Hotspot panel to the Scene you want to display, and then:

  1. Choose the Post you want to put in the Article hotspot
  2. You can add its name and configure some basics

And now, you can check its appearance in the Preview mode

Article hotspot virtual tour
Article hotspot virtual tour

Hotspot: Tour Guide

Add a Tour Guide hotspot

image
  1. Drag the hotspot into the position you want
  2. Click “Change” to select your mp4 file

Upload your mp4 file

image
  1. Upload your mp4 file from your computer
  2. Select your mp4 file
  3. Submit

Config

image
  • Mask: Choose your color you want to remove
  • Smoothing: smoothen your background blur
  • Threshold: removing the background in a video by comparing the brightness value of each pixel with a certain threshold.
  • Volume: Adjust your mp4 sound volume
  • Width: Adjust the size of the video (WxH)

Use Last Config

“Use last config” is helpful because you can save tons of time instead of styling again. Follow these simple steps:

4R yzpCAYU

1. Add and click the hotspot to open the hotspot panel.

2. See the preview window and recognize the “Use last config” button.

zDMA7P1g83

3. Style your hotspot and apply the style.

7gJXdi3 qq

4. Try “Use last config” on other hotspots from other scenes or projects.

Customize Polygon Color

The polygon color is not monotone when you can customize it to whatever color that you like it would be:

1. Switch to the “Design” tab.

2. Open the “Hotspot” section.

CONFIG SELECTION

  1. Set the background color.
  2. Set the background color hover.
  3. Set the border color.
  4. Set the border color hover.
  5. Set the border width.

This config will apply to all polygons. Switch to Tour Editor to check the result.

Polygon

Polygon and hotspots are the same functionally, but Polygon allows you to draw the line in a creative way to impress visitors better.

RPlppHEm9V

Switch to polygon mode and select any hotspot relating to your objective to draw the polygon:

Z cP Xp0bd

1. Draw the polygon in the way you want. Press [Spacebar] on your keyboard to finish the polygon.

uz tYlPmcS

2. Click the newly created polygon to open the hotspot panel.

3. Set the label for your polygon.

4. Customize the polygon by changing the background color, border color, background color hover, border-color hover, and border width.

5. This interaction depends on the hotspot objective as mentioned above

Change the color of your Hotspot in bulk

The hotspot color is not monotone when you can customize it to whatever you like it would be:

Change the color of your Hotspot in bulk Panoee

Step 1: Switch to the “Design” tab.

Step 2: Open the “Hotspot” section.

Step 3: Choose the color you want

Hotspot: Product

Each hotspot has different objectives. A product hotspot is essential to add your e-commerce products for sales.

y99TCk LMi

1. Drag and drop sound hotspot to your preference.

lsrbplDyhJ

2. Click the hotspot icon to open the hotspot panel.

3. Select the product (You can add a new product).

ADD A NEW PRODUCT

UEa8oybnV3

1. Add product information.

2. Set the title.

3. Set the thumbnail of the product.

4. Upload pictures of the product.

5. Select type of payment.

6. Enter the price.

7. Set the currency.

8. Publish the product.

9. Create the product.

EDIT THE PRODUCT

ZgJHWccDuB

1. Add more products by clicking “+”.

2. Select and manage products.

3. Edit the product information.

4. Update or delete the product.

0lmadAda0u

5. After adding the product, switch to the “Tour Editor” tab.

6. Select the product that you have filled in the information.

Hotspot: Link

Each hotspot has different objectives. A link hotspot is essential to add the URL to virtual tours to navigate visitors:

LZBASJ0yn1

1. Drag and drop sound hotspot to your preference.

P2yKM35TmA

2. Click the hotspot icon to open the hotspot panel.

3. Copy and paste your URL link.

4. Select the opening type when clicking the URL:

  1. New tab: Open the URL in a new tab.
  2. New window: Open the URL in a new window.
  3. Iframe: Open and view the link directly on the tour.

Hotspot: Sound

ADD THE AUDIO

acb42XC932

1. Drag and drop sound hotspot to your preference.

Os5KpKQM a
coiVnh8FlZ

2. Click the hotspot icon to open the hotspot panel.

CONFIG SOUND PROPERTIES

1. Upload your .mp3 file

2. Reach: Set the sound reach to the whole tour. For example: If you set 360, you will hear the sound from every corner through the tour.

3. Volume: Set the volume of the sound.

4. URL music: Use the online music URL instead of uploading the .mp3 file.

5. Autoplay: The sound will be played automatically.

6. Loop: The sound will be looped infinitely.

7. Pause: Click the hotspot to pause the sound.

8. Restart: Click the hotspot to restart the sound from the beginning.

STEPS TO UPLOAD FILE .MP3

1. Click “Upload file .mp3”

2. Upload your .mp3 file to the media library and select the file.

3. Click “Submit”.

Hotspot: Video

Each hotspot has different objectives. Video hotspot is essential to add popup video to your virtual tours.

gbw3ZymEBp

1. Drag and drop article hotspot to your preference.

VnN9g1Hgkt

2. Click the hotspot icon to open the hotspot panel.

3. Copy and paste the video URL that you want to show up.

Hotspot: Image

As you have known about objectives of each hotspot. Image hotspot is important to add images to your virtual tours as a gallery:

YTe0rLXwP7

1. Drag and drop the hotspot image to the specific spot.

AGgDX4HFJJ

2. Click hotspot icon to open the hotspot panel.

8JJENELW l

3. Click “Add image”.

4. Add images that you want to exhibit on the tour.

* Using album to sort photos might be helpful.

5. Click “Submit”.

s4D0HcWL3n

* You can rename or remove the image by clicking the pencil or X button. 

Hotspot: Media Image

As the introduction of interactive hotspots, media image is a super helpful feature:

TEVqn6VlMQ
7HpsmXgWQm

1. Click the toggle-down button and choose “Media Image”.

2. Drag and drop media video hotspot icon to the scene.

3. Click the hotspot to open the hotspot panel.

4. Click “Change” to open Media Library

5. Upload and select your image.

6. Click “Submit”.

OPTIONS ON THE HOTSPOT PANEL

r mJeuhq2p

1. Upload and select your video in Media Library.

2. Two actions: Open post and Zoom.

3. Select your display type.

4. Set the opacity of the image.

5. Set the background color.

6. Resize the image.

7. Distort the image.

8. Resize to fit the scene.

ACTION: OPEN POST

dszqXD 6LK

1. Select “Open post”

2. Open your post list.

3. Add new article or select your created post.

When you add new article, it will switch to the “CMS” tab

CREATE AND MANAGE POSTS

Gv98vvalvG

1. Create a new blank post.

2. Select one of your created posts.

3. Add information to your post.

4. Set the title.

5. Set the post feature image.

6. Excerpt the short-written text.

7. Publish your post or set as draft.

8. Create the post.

4. Select your favorite display type:

  • 9. None.
  • 10. Fill the image frame.
  • 11. Fit the image frame.
  • 12. Stretch the image frame.

ACTION: ZOOM

1. Select “Zoom”

LHqJ7oGsMB

2. Select your favorite display type:

  1. None
  2. Fill the image frame.
  3. Fit the image frame.
  4. Stretch the image frame.

Hotspot: Media Video

As the introduction of interactive hotspots, media video is a super helpful feature:

1. Click the toggle-down button and choose “Media Video”.

2. Drag and drop media video hotspot icon to the scene. Click the hotspot to open the hotspot panel:

OPTIONS ON THE HOTSPOT PANEL

Click the hotspot to open the hotspot panel:

7nf9vu3j1B

1. Upload and select your video in Media Library.

2. Two actions: Play / Pause (12) & Zoom (13).

3. Set the volume of your video.

4. Tick to turn on autoplay.

5. Tick to turn on video loop.

6. Display Type: None (14), Full container (15), Fit container (16), and Stretch container (17).

7. Set the opacity of the video.

8. Set the background color.

9. Resize the video.

10. Distort the video.

11. Resize to fit the scene.

3. Open the hotspot panel.

4. Upload and select your video.

5. Click submit.

LRcid ZVz9

6. Set your action:

12. Play / Pause: Click play / pause on the scene directly.

13. Zoom: Open the video popup.

7. Select your display type:

14. None: Keep original size of the video.

15. Fill the video frame.

16. Fit the video frame.

17. Stretch the video frame.

Hotspot: Street Direction

Let’s focus on the “Street Direction” hotspot on how to use it step by step:

8y9Bjyo5Xy

1. Click the toggle-down button and choose “Street Direction”.

2. Drag and drop the hotspot to the destination.

rfQ1Sw1VmL

3. You need other scenes to set as the destination.

4. Click the hotspot to open the hotspot panel. Select your destination.

KA8s7O2Xs5

5. Set target view for your next destination.

6. Hit “Submit”.

*Optional: You can add the transition to the destination by ticking “Transitioning” and choose your preference.

Manage Hotspots

First, you need to create scenes. Then you can manage hotspots with a few clicks:

IwRe1CL6js

Click the hotspot icon on the scene that you want to manage, or open the scene and click “Hotspot” in the left corner.

5ATV0wlCvI

1. Now you see the hotspot manager.

2. If you want to edit the hotspot, click then you will open the panel with (4), (5), and (6).

3. You can delete the hotspot quickly.

zYap2oROp8

4. Styling: Where you can edit your hotspot icon. Click “Back” when you have done everything.

5. Interaction

6. Delete the hotspot.

Link Scenes with Navigation Hotspot

You need to create a project or open existed project and add scenes before linking scenes with navigation hotspot:

M6c vPOuyr

1. Click the toggle-down button and choose “Point”.

2. Drag and drop hotspot icon into the destination.

rUANgWFQHW

3. Click dragged hotspot to open hotspot panel.

wP61R7J ov

4. Select your destination scene (You need to add other scenes first).

NmncuCCd9

5. Click “Set target view” and choose your initial view for the next destination. Click “Submit”.

Gfjrh4yC4J

*Optional: Tick “Transitioning” to add the transition to the next destination

Snapshot

The snapshot feature of Panoee is a powerful tool that allows you to capture and share memorable moments from your virtual tour experience when you are in the Preview mode. It is easy to use, and it can be used to create stunning images that can be shared on social media, in marketing materials, on your website or download it to your device.

Capture and share the Snapshot

Step 1: Open a tour

Step 2: Click on the “Snapshot” button

Virtual tour Snapshot

Step 3: Choose the Ratio of your Snapshot

Virtual tour Snapshot

Step 4: Capture the best moment

Virtual tour Snapshot

Step 5: Share your image or download it to your device

Virtual tour Snapshot

Hide the Snapshot Watermark

Virtual tour Snapshot

Step 1: Access the Marketing tab

Step 2: Enter the Snapshot section

Step 3: Switch the”Hide watermark” toggle to “Enable”

Add a Form to your virtual tour

1. Make a Form for a virtual tour

Panoee’s form feature allows you to add a form to a virtual tour quickly and embed them in virtual tours with fields like text, email address, phone number, checkbox, radio button, dropdown menu, etc. You can also customize their appearance and behaviour, such as colour, size, position, etc.

To use Panoee’s Form feature to add a form to a virtual tour, firstly you need to make a form for it first, follow these simple steps:

Step 1: Create a Google sheet

Firstly you need to create a new Google spreadsheet to store your collected data from customers.

Add a Form to a Virtual Tour
Use the blank spreadsheet
Add a Form to a Virtual Tour
Rename your spreadsheet (1) and share it (2)
Add a Form to a Virtual Tour
Give access to Everyone as Editor and make sure that you are the only one who can have the link to avoid data stolen.

After copying the link, let’s go to the next step ????

Step 2: Add the Google sheet ID to Panoee’s CMS

The link format is https://docs.google.com/spreadsheets/d/GOOGLE-SHEET-ID/edit?usp=sharing

Let’s save your Google sheet ID somewhere to use in the next step

Step 3: Fill in the information on your form

Add a Form to a Virtual Tour
Panoee’s Form feature CMS

This is how you fill in your information:

Title: Your form name

Description: Describe the form intention

Button text: Your text in the button (Example: Submit now, Done,etc.)

Google sheet ID: The ID you have saved in Step 2

Add field: There are 5 types of fileds:

  • Email: For customers to fill their email
  • String: A short sentence and it suitable for Customers’ name, phone number, Address,etc.
  • Number: A field to fill in the Quantity of product or somthing that require amount
  • Text area: Customers can write longer here. Example: Note for seller
  • True/False: Ask customers if it’s true or false (suitable for Yes/No quesion)
Add a Form to a Virtual Tour
Example

Step 4: Finish your form

Add a Form to a Virtual Tour
Choose the “Public” to active your form (1), then click “Update” to save (2)

2. Add a Form to your Virtual Tour

You can add a form to a virtual tour after creating a form with Panoee’s form feature by following these steps:

Step 1: Add your form config

How to Add a Form to a Virtual Tour
Add your form config
  • Access the Marketing tab
  • Choose the Form section
  • Click “Add Form Config”

Step 2: Enable “Closable” your Form in your virtual tour

Add a Form to a Virtual Tour
You can allow can close the form or not

Step 3: Select your form

Add a Form to a Virtual Tour
Choose the exactly form you want to use

Step 4: Choose how to display the form

Add a Form to a Virtual Tour
  • Project: Display your form whenever customers view the virtual tour
  • Scene: Display your form when customers view a specific scene
Add a Form to a Virtual Tour
  • Hotspot: There options below
Add a Form to a Virtual Tour


Step 5: Adjusting the time will display the form

Add a Form to a Virtual Tour
The delay time until the form appears

That’s it. So now you can achieve the data from your customers

Add a Form to a Virtual Tour
The Form result
Add a Form to a Virtual Tour
Here is the sheet when a customer submits their form

Add Facebook Messenger plugin to your Virtual Tour

Step 1: Create a Facebook page for your business (if you don’t already have one)

All you need is to click here and fill in your business information. It also has a preview section so that you can see what your page will look like.

How to Add Facebook Messenger Chat to a Virtual Tour
Create your own facebook page
How to Add Facebook Messenger Chat to a Virtual Tour
Fill in your information 😀

Step 2: Config your Facebook Messenger

You need to access your Meta Business

How to Add Facebook Messenger Chat to a Virtual Tour
Access the “Messaging”
How to Add Facebook Messenger Chat to a Virtual Tour
Start config your Plugin chat
How to Add Facebook Messenger Chat to a Virtual Tour
Choose the Standard Method
How to Add Facebook Messenger Chat to a Virtual Tour
Choose your language
How to Add Facebook Messenger Chat to a Virtual Tour
Enter “https://panoee.goterest.com/” so that you can use the Plugin on your virtual tours

Step 3: Copy the plugin code

How to Add Facebook Messenger Chat to a Virtual Tour
Copy the code
How to Add Facebook Messenger Chat to a Virtual Tour
The code is like this which number 1 is HTML and number 2 is the Script

Step 4: Add the code to your virtual tour 

How to Add Facebook Messenger Chat to a Virtual Tour
Access the Panoee’s Script chat feature
How to Add Facebook Messenger Chat to a Virtual Tour
Enter the code in here. Don’t forget cho save it
How to Add Facebook Messenger Chat to a Virtual Tour
Woalaaa

SEO: Title and Meta description

Title and meta description meta tags provide vital information to search engines and users about your web page, appearing as clickable headlines (title) and summaries (description) in search results pages.

1. Title and Meta description

Title and Meta description
When you search a tour on Google
Title and Meta description

1. Title

2. Meta description

Title and Meta description
It also can be displayed in the URL preview

2. Add Title and Meta description to your virtual tour

Add Title and Meta description to your virtual tour

1. Enter your virtual tour’s name

2. Enter your virtual tour description briefly

SEO: Customize SEO thumbnail

1. What is the SEO thumbnail?

SEO thumbnails are small images used in search results to catch the user’s eye and provide a visual preview of the content, such as web pages, videos, images or any other media type. By making results more appealing and relevant to a search query’s criteria, thumbnails can increase click-through rates significantly and boost SEO presence and click-through rates.

SEO thumbnail
In the default setting, Panoee automatically uses your first scene and your Title to make the SEO thumbnail

2. Re-generate your SEO thumbnail

Step 1: Choose your initial Scene

SEO thumbnail

Step 2: Generate your new SEO thumbnail with other scene

SEO thumbnail

SEO thumbnail
It may take a while, about 5 minutes, to be done

2. Personalize your SEO thumbnail

If you want to personalize your SEO thumbnail, you can upload it to Panoee and use it as a new custom SEO thumbnail. The ideal size of it is 1200×628 (Width x Height).

SEO thumbnail

3. Delete your SEO thumbnail

SEO thumbnail
It may take a while to be done

4. Check if your SEO thumbnail is working or not

There are several tools on the Internet, but Panoee recommends this link to check it immediately without a cache issue.

Check SEO thumbnail
Submit your link in here
Check SEO thumbnail
The result

Add a Call to action (CTA)

1. What is a Call to action (CTA)

A call to action is a short statement that asks people to do something. It is used in marketing and sales to get customers to take the next step. For example, a call to action can ask people to click a link, buy a product, or contact the seller for advice

 Call to action (CTA)

2. How to add a Call to action (CTA) to your virtual tour

Step 1: In your project, access the Marketing tab. Then choose the Call to Action section and click “Add field”

 Call to action (CTA)

Step 2: Fill in your information

 Call to action (CTA)
  1. Title
  2. The type of your CTA appearance: You can choose the icon or image
  3. Choose the icon of your CTA if your appearance selection above is an icon or upload an image for the image selection.
  4. Choose your type of CTA you want: Telephone, Link, Mail, Whatsapp, Viber
  5. Fill in the content of CTA. For example, if you choose the Telephone, you need to fill in your phone number

Step 3: Click Update if you want to save or Delete if you want to remove

You can also change the CTA’s design in the Design tab

image

Note: You can create multiple CTA for a virtual tour

Update Favicon

A favicon is a small icon that appears next to the title of your website in browser tabs, bookmarks, and search results pages – giving visitors an immediate visual reference when browsing your virtual tour website. Favicons help your virtual tour stand out and create lasting memories for visitors; additionally, they improve virtual tour SEO by increasing brand recognition and trustworthiness among your audience.

Update Favicon virtual tour
Favicon
Update Favicon virtual tour

Step 1: Access the Marketing tab

Step 2: Enter the SEO section

Step 3: Choose your image from Album or Upload it

Setup Brand Logo

Follow these steps to set up your own brand logo:

4LrUo 0XOn

1. Switch to the “Setting” tab.

2. Open the “Content” section.

3. Enable the brand logo.

4. Click “Change” to add the logo.

V E49asEC

5. Hit upload to upload your own logo.

6. Select your uploaded logo.

7. Click “Submit”.

ab62u0EUCt

8. Adjust the width of the logo.

9. Add the logo URL link.

10. Select the position.

Setup Google Analytics for your virtual tour

Setting up Google Analytics for your virtual tour is not too complicated, but it will take you more small steps than usual:

Step 1: Copy link on the Dashboard

f L1pdpIBY

1. Open Panoee Studio and switch to the “Publish” tab.

2. Customize and optimize the slug.

3. Publish your virtual tour.

ZG552FoHAl

4. Click “Share” to get the virtual tour link.

5. Copy the virtual tour link.

Step 2: Set up Google Analytics

z LhLpIHjD

1. Open your Google Analytics and hit the setting button

2. Click “+ Create Property”

j0LZ4ND72L

3. Fill in your property name.

4. Set your preferences.

5. Click “Next” to go to the next step.

6. Set your preferences.

7. Click “Create”.

SL5gI QqRd

8. Choose web data stream.

9. Paste your virtual tour URL and delete “https://”

10. Set your stream name.

I5sAAbkY 4

11. Copy your measurement ID.

Step 3: Sảt your measurement

z2NBzb5P6

1. Open Panoee Studio and switch to the “Marketing” tab.

2. Paste your Google Analytics’ measurement ID.

a29LRl0uPf

3. Switch to your Google Analytics virtual tour property and start measuring.

Panoee S3 Hosting Guide

Step 1 – Create your AWS Credential

Create your AWS Account

CleanShot 2023 11 17 at 23.06.25%402x scaled
1.1.1. Click button “Create an AWS Account”
CleanShot 2023 11 17 at 23.07.37%402x scaled
1.1.2. Follow AWS guide to create new account with your email address.

1.1.3. After signing up, please login AWS console with your account.

Setup AWS S3

CleanShot 2023 11 17 at 23.10.27%402x scaled
1.2.1. In AWS Console, search for service “S3”
CleanShot 2023 11 17 at 23.11.27%402x scaled
1.2.2. Click button “Create bucket” to create your very first Bucket – Bucket is the Storage where you create & manage folders. Each folder can be used to host one Virtual Tours.
Create S3 bucket S3 Global create bucket scaled
1.2.3. Following all above steps to create & intial setup your bucket. Please notice that your bucket needs to be set “public” & allow enough permission so we can manage it remotely & viewers can access files in your project to view the Virtual Tours.
CleanShot 2023 11 17 at 23.20.30%402x scaled
After create new bucket, you will be redirect back to Bucket listing page. Please notice that your bucket should display like above.
CleanShot 2023 11 17 at 23.23.37%402x scaled
1.2.5. Click the Bucket to go inside, switch to tab “Properties” and click button “Edit” in panel “Static website hosting”. This options allows files in bucket can be served under specific URLs so viewers can view your Virtual Tours via file “index.html”.
Edit static website hosting S3 bucket mypanoeesample S3 Globa
1.2.6. Follow steps above to setup “Static Website Hosting” options.
CleanShot 2023 11 17 at 23.24.54%402x scaled
After config, you will see above information in panel “Static website Hosting”
mypanoeesample S3 bucket S3 Global scaled
1.2.7. Follow steps to configure Bucket Policy & CORS rule in tab “Permission”. For each section, you need to click button “Edit” to start editing. Please copy below code and paste into corresponding area.
{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:DeleteObject",
                "s3:GetObject",
                "s3:ListBucket",
                "s3:PutObject"
            ],
            "Resource": [
                "arn:aws:s3:::mypanoeesample/*",
                "arn:aws:s3:::mypanoeesample"
            ]
        }
    ]
}

For bucket policy, please notice that you needs to insert your bucket name in codeblock “Resources”

[
    {
        "AllowedHeaders": [
            "*"
        ],
        "AllowedMethods": [
            "PUT",
            "POST",
            "DELETE",
            "GET"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "x-amz-server-side-encryption",
            "x-amz-request-id",
            "x-amz-id-2",
            "ETag"
        ],
        "MaxAgeSeconds": 86400
    }
]

Setup AWS IAM

After setup S3 service, you need to setup IAM service to create the Credential.

CleanShot 2023 11 17 at 23.28.36%402x iam scaled
1.3.1. In AWS console, search “IAM” and find the service “IAM”
CleanShot 2023 11 17 at 23.30.03%402x scaled
1.3.2. In IAM dashboard, click area “Users” to go to users management, in which you will create new user.
CleanShot 2023 11 17 at 23.30.40%402x scaled
1.3.3. Click button “Create user”
CleanShot 2023 11 17 at 23.31.06%402x scaled
1.3.4. Specify the user name and click button “Next”
CleanShot 2023 11 17 at 23.32.30%402x scaled
1.3.5. Now you need to setup permission for this user. Please select “Attach policies directly”, then find and check “AmazonS3FullAccess” rule. Finally click button “Next”
CleanShot 2023 11 17 at 23.33.29%402x scaled
1.3.6. Click to the new user to start creating necessary credential.
CleanShot 2023 11 17 at 23.34.06%402x scaled
1.3.7. Switch to tab “Security credentials”, then click button “Create access key”
CleanShot 2023 11 17 at 23.35.12%402x scaled
1.3.8. Please choose the option “Third-party service” – because you will grant the permission for website hosting.panoee.com to use the credential to access & manage your S3 resource.
CleanShot 2023 11 17 at 23.35.54%402x scaled
1.3.9. Your Credential is finally created. Please store the key pair in safe place.

Step 2 – Setup on Panoee Hosting

Authenticate with panoee.com

CleanShot 2023 11 17 at 23.37.54%402x scaled
2.1.1. Go to website https://hosting.panoee.com and click button “Enter S3 Credential Key”
CleanShot 2023 11 17 at 23.38.20%402x scaled
2.1.2. You will need to be Panoee user in order to use this Hosting service (for free of course). You can login with Google or Facebook to fasten this process.

Enter your AWS Credential

CleanShot 2023 11 17 at 23.39.57%402x scaled
2.2.1. After authentication, now you can enter your Credential to start using Hosting service. In the mean time, you can test with our demo Credential. Please notice that your Credential is stored in your browser locally and it will never be sent anywhere else.

Step 3 – Managing your Virtual Tours

After enter the proper AWS Credential key pair, you can now upload & manage your Virtual Tours easily via the software.

Create your Project & upload Virtual Tour

CleanShot 2023 11 17 at 23.41.19%402x scaled
3.1.1. Select your bucket to manage all the folder (projects) inside. If you don’t have one, just click button “New Project” to create one.
CleanShot 2023 11 17 at 23.42.26%402x scaled
3.1.2. Set your project name (folder name), choose the upload method & just drag your folder or .zip file into the uploading area…
CleanShot 2023 11 17 at 23.44.08%402x scaled
3.1.3. After uploading succeeds, you can see all files in your folders. Now you can preview the file or image, manage your folders with supporting tools and click button “View Tour 360” to go to your published Virtual Tours.

Manage your Projects

The dashboard is super clean & simple to user. You can switch to any bucket or manage all the projects / folders in any bucket.

CleanShot 2023 11 17 at 23.45.56%402x scaled

How to Export a virtual tour?

Step 1: Create a virtual tour 

Export a virtual tour

The first step is to create a virtual tour using Panoee’s Studio page. You can upload your own 360° images. You can then edit your panoramas, add hotspots, choose a theme, and customize your virtual tour as you like.

Here are some few tips to enhance your virtual tour stand out competitors:

Step 2: Double-check the virtual tour the last time

image

Step two is previewing your virtual tour and verifying all works as expected and looks good. Panoee offers its Preview mode to preview how your tour will appear across devices and browsers before exporting, plus sharing it with others and collecting feedback through Panoee’s Share feature. Another reason you must double-check the virtual tour is it can’t be edited when you export successfully.

Step 3: Access the Publish tab

image

Once completed, accessing the Publish Tab on the Studio page’s top right corner will enable you to export your tour.

Step 4: Choose the type of Export

Export a virtual tour

The fourth step is selecting the type of Export that best meets your needs. There are two types: Front-end Export and Full Export.

Front-End Export is a free option that will download your virtual tour as a ZIP file with all its default settings and quality settings but only includes front-end files like HTML, CSS, JS and XML – meaning it still relies on Panoee’s server to load images and resources for loading your virtual tour.

Full Export is an optional paid feature that lets you download your virtual tour in a ZIP file with all its settings and quality options, including images and resources that make up its virtual tour. By taking this route, your virtual tour can become independent from Panoee’s servers, running faster and smoother overall.

Full Export has two sub-options for the Root domain and Sub-directory exporting.

The Root domain will let you host your virtual tour on your website, such as www.yourwebsite.com.

Subdirectory hosting allows you to host your virtual tour on an independent subdomain of your own website – for instance, www.yourwebsite.com/yourname

The full Export costs $10 per Export with unlimited bandwidth and storage capabilities.

Step 5: Export 

Once complete, Panoee generates and downloads your ZIP file depending on its size and quality – this may take one to two business days, depending on its complexity.

Step 6: Download the Export file

The final step involves downloading your virtual tour ZIP file. You should find this in your Downloads folder or wherever your browser configures to save downloaded files.

Author name and Copyright

Copyright is intellectual property that gives you the legal right to control how others use, distribute, modify, or reproduce your virtual tour. It also protects your virtual tour from being stolen, copied, or misused by competitors or malicious actors.

Copyright

Here is few steps to make your own virtual tour copyright

Copyright

Step 1: Access the Setting tab

Step 2: Select the Contest section

Step 3: Enable the Copyright feature and fill in your information

Copyright

Custom slug

A slug is the part of a URL that identifies a particular page on a website in an easy-to-read form. For example, in the URL https://tour.panoee.com/slug, the slug is ‘slug’. Slugs can help optimize your virtual tour for SEO by making them more user-friendly and relevant.

Here are few steps to customize your slug:

Custom slug virtual tour
  1. Access the Publish tab
  2. Select the Public section
  3. Fill in the slug as you wish

Add a password to your virtual tour

With Panoee, you just need A SECOND to protect your virtual tour with a password. Here is how you do it:

Add a password to your virtual tour
Add a password to your virtual tour
  1. Access the Publish tab in your Panoee’s project
  2. Enable the Password feature
  3. Enter your personal password
  4. Enable “Always ask” or not: If you enable this when you reload the browser tab, it will require your password. On the other hand, If you turn off this function, you won’t need to enter the password again when you reload the browser tab.
Add a password to your virtual tour
Add a password to your virtual tour

That’s it. Easy right? 😀 

Embed Virtual Tour to website via iFrame

Using iFrame is one of the most popular and easiest way to “publish” the Virtual Tour in your website. The embeded Virtual Tour works like any Youtube video.

This method is supported by any website platform like WordPress, Wix, Webflow,…

? Learn more:

CleanShot 2023 04 18 at 01.20.10@2x scaled
Step by Step to get the embeded code (iFrame)

Sample embeded Virtual Tour with iframe code.

Setup Custom Domain

Let’s face it, these long and complex tour links are difficult to remember, even for you. How can you expect your customers to recall them? Introducing Panoee’s Custom Domain feature, your virtual tour becomes easier to remember and share, leaving a lasting impression on your audience and strengthen your brand identity

Step 1: Activate the Service

How to Use Your Own Domain as a Virtual Tour Link

Once you have activated the feature, you can enter your domain name in the box. Please note that you need to buy a domain name from a domain provider before you can use it on Panoee.

How to Use Your Own Domain as a Virtual Tour Link
The Screen when you finished the Step 1

Step 2: Verify your domain

How to Use Your Own Domain as a Virtual Tour Link

Access your domain provider site and Create a DNS record. Depending on each Provider, you will have some different ways to verify it. 

How to Use Your Own Domain as a Virtual Tour Link
Click this multiple time to Refresh
How to Use Your Own Domain as a Virtual Tour Link
Click the Search button multiple times

After verifying your domain, you need to check it with dnschecker.com. The reason is to be sure that the domain has the same value as the DNS record. After a few times refresh, you will see it has the same value

Step 3: Connect your domain

How to Use Your Own Domain as a Virtual Tour Link
All you need to do is click on the Connect button on Panoee and wait for a message that says you did it.
How to Use Your Own Domain as a Virtual Tour Link
After a while, you can open your own domain as your a tour link.

Watch Video Tutorial below for full detail

Integrate Tour 3D in WordPress

1. Customize & copy embeded code on Editor.

2. Paste the code inside “Custom HTML” block in WordPress Editor.

3. Publish the post.

Show / Hide Scene from Scene List

CleanShot 2023 04 19 at 21.37.22@2x scaled

Set up Default Projection

Panoee’s innovative Projection feature lets you tailor how viewers experience your virtual tours. Choose between the standard Normal projection for a classic 360° view, or the creative Little Planet projection, which wraps the image around a sphere for a miniature planet effect. Little Planet is perfect for showcasing smaller spaces like bathrooms, toilets, and closets, offering a wider mobile view without needing to zoom. 

Set up Default Projection virtual tour
Panoee’s Projection mode

Step 1 Open the Setting tab

Step 2: Choose the Effect section

Step 3: Choose your default Projection

Change the virtual tour location

Changing your virtual tour location on Panoee is a simple process that can be done in a few steps. This is useful if you want to use the Google Street View feature or all features using Google Maps on Panoee. For example, if you have a virtual tour of a business that has moved to a new location, you will need to change the tour’s location in order for it to appear in the correct search results.

Here are some steps that let you change your virtual location easily:

Step 1: Access the Setting tab

Change the virtual tour location

Step 2: Choose the Content section

Change the virtual tour location

Step 3: Select the Location segment

Change the virtual tour location

Step 4: Fill in your new virtual tour Location

Change the virtual tour location

When you finish choosing the Location, Panoee will save automatically it.

Change the virtual tour Category

If you have created multiple virtual tours with Panoee, organizing them into categories may simplify the management and finding of these virtual tours. Categories allow you to group virtual tours based on their content – such as museums, real estate and more. 

This Article will show you how to change your virtual tour category in some simple steps:

Change the virtual tour Category

Step 1: Access the Setting tab

Step 2: Choose the Content section

Step 3: Choose your virtual tour category

Add Background Sound to your virtual tour

Background sound can add a new dimension to your virtual tour, making it more immersive and engaging for viewers. It can also help to set the tone and atmosphere of the tour, and create a more memorable experience for viewers.

Add Background Sound to your virtual tour

In this article, we will show you how to add the background sound to your virtual tour.

Step 1: Access the Background Sound segment

  1. Go to the Setting tab
  2. Choose the Content section
  3. Select the Background Music segment
  4. Click on the “Upload file .mp3” button
Add Background Sound to your virtual tour

Step 2: Upload the mp3 from your device

Add Background Sound to your virtual tour

Step 3: Select the mp3 file and Submit

Add Background Sound to your virtual tour
  1. Choose the mp3 file you want
  2. Submit the file

Step 4: Customize the Background sound

Adjust the volume

Add Background Sound to your virtual tour

Slide the volume bar to adjust the sound

Delete 

Add Background Sound to your virtual tour

Click the Delete button to remove the sound

Set up the initial view of your virtual tour

The initial view is the first thing that your visitors will see when they open your virtual tour, so it is important to make a good impression. It should be visually appealing and capture their attention while also giving them a good sense of the tour and why they should take it.

Set up the initial view of your virtual tour

So, How to set up the initial view of your virtual tour? Let us show you

Set up the initial view of your virtual tour

Step 1: Access the Setting tab

Step 2: Choose the Content section

Step 3: Click on the “Initial Scene”

Step 3: Select the Scene you want

Make a Virtual Tour Description pop up

A virtual tour description gives you a brief overview of what you’ll see and learn during your tour. It outlines the major subjects, the unique features, and relevant examples of the virtual tour. For instance, a virtual tour description for museums will inform you about their history, location, and exhibits. 

Make a Virtual Tour Description pop up
Make a Virtual Tour Description pop up

Now, I will guide you in creating a description for your virtual tour with Panoee.

Step 1: Create a Post in the CMS tab

Make a Virtual Tour Description pop up
  1. Access the CMS tab
  2. Fill in some Basic info
  3. Paste your content in
  4. Click “Upgrade” to save

Step 2: Enter the “Description tour” in the Setting tabs

Make a Virtual Tour Description pop up
  1. Access the Setting tab
  2. Select the “Description tour” section

Step 3: Select the Post you just created

Make a Virtual Tour Description pop up

Select the Post that you have created in the Step 1

Collaboration mode: Team-working Virtual Tour

Enable the Collaboration mode

image
  1. Choose the Setting tab.
  2. Choose Collaboration section
  3. Enable the Collaboration mode.
  4. Copy your Collaboration mode link and share it with your co-worker (You can share it with Everyone or some specific people by entering their emails which have registered to Panoee)

Some operations with Collaboration mode

Make a task: Double-click on the position you wish

image

Task’s checklist: Double-click on the Scene

image
image

Reply to your co-worker: Click on their feedback and write something

image

Mark as done (for tour owner’s only): Tick the completed tasks

image

Edit and Delete task (for tour’s owner only)

image

That’s all about Panoee’s Collaboration mode ?. Easy, right?

Add Nadir Logo at bottom of Virtual Tour

A nadir hole is a visible or distorted pattern at the bottom or top of your 360-degree image, where the camera or lens failed to capture the scene. Nadir holes can ruin the beauty and realism of your virtual tour and make it look like it isn’t of employees. But don’t worry, Panoee’s nadir patch tool will make it easier than ever to create high quality and beautiful 360-degree images.

Here are some few steps show you how to add a Nadir Logo to your virtual tour:

Add Nadir Logo at bottom of Virtual Tour

Step 1: Access the Setting tab

Step 2: Click the Content section

Step 3: Config the Nadir feature

Setup Auto Rotate effect

The auto rotate effect is a great way to give your virtual tour a more dynamic and engaging feel. It allows the panorama to rotate automatically, without any user input required. This can be especially useful for showcasing large or complex spaces, as it allows viewers to see everything without having to manually pan around.

You can automatically rotate the scene with a few clicks:

lEiKwY7pKW

Step 1: Open the project and switch to the “Setting” tab

Step 2: Select the “Effect” section

Step 3: Enable “Auto rotate”

Step 4: Set the wait time and speed

Setup Auto Change Scene effect

Make your virtual tour even more engaging with our Auto Change Scene feature. Simply set the wait time and your tour will automatically switch to the next scene, showcasing your property or space in a dynamic and immersive way.

You can automatically change the scene with a few clicks:

0JD2RUGAsR

1. Open the project and switch to the “Setting” tab

2. Select the “Effect” section

3. Enable “Auto change scene”

4. Set the wait time

Manage Floorplans

Floorplans are important for the virtual tour when it can navigate visitors easier like following the map:

oLMkqJ1bE5

1. Open the project and switch to the “CMS” tab.

2. Open the “Floorplans” section.

3. Set the name of the floorplan.

4. Upload the floorplan.

5. Set the floorplan as a draft or publish it.

6. Manage your scenes better by using the “Group” feature

FrBN2Tau62

7. Drag and drop scenes to the floorplan at the right spot

8. IMPORTANT: Please drag and drop to the right spot, and do not move the point to another spot. If you drop it to the wrong spot, remove it and drag & drop it again. After dragging and dropping, these scenes must have a fade-black color to be valid.

9. Click “Create” to add the floorplan to the project.

Edit the floorplan or add more floorplans

IIZr4aMCW1

1. Choose any created floorplans on the list that you want to edit.

2. Edit or delete the floorplan.

3. Add more floorplans to the list.

Customize the Control bar interface

Tailor the Control bar to your liking, arranging and resizing its elements to suit your workflow. Gain quick access to the tools you use most, and hide those you don’t. Create a Control bar that’s uniquely yours.

Step 1: Access the Design tab

Customize the Virtual tour Control bar interface

Step 2: Choose the Control Bar section

Customize the Virtual tour Control bar interface

Step 3: Customize your Control Bar interface

Hide the icon

Switch the Toggle to hide a specific Icon you want.

Customize the Virtual tour Control bar interface

Change the Icon

  1. Click on the Text box, you can write to find the Icon you want (E.g house, car, etc)
  2. You can choose various icon categories
  3. Choose the Icon you want
Customize the Virtual tour Control bar interface
Customize the Virtual tour Control bar interface
Before
Customize the Virtual tour Control bar interface
After

Change icons to images 

  1. Click on the “Type” box
  2. Choose the “Image” section
  3. Upload your image. You can even upload GIF to make your control bar more stunning
Customize the Virtual tour Control bar interface
Customize the Virtual tour Control bar interface
Before
Customize the Virtual tour Control bar interface
After

Customize Popup Color

Customizing popup color is easy with a few clicks:

X86gHwL 0n

1. Switch to the “Design” tab.

2. Open the “Popup” section.

CONFIG: Set the background color and text color as your preference.

This customization will only help you to change color of text information popups.

Select Theme & Customize Color

Theme and color are crucial for virtual tours to identify the characteristic of tour creators and match the concept of the tour context:

zIIlHdiCYK
  1. Open the project and switch to the “Design” tab.
  2. Open the “Theme” section.

CONFIG SELECTION

1. There are three themes to select: Default, Solid, and Base.

2. Customize the color of the tour and the theme.