Step 1: Log in to your account here

Step 2: Allow Panoee to send notifications

Manage your profile easily with a few clicks:

STEP 1: LOGIN TO YOUR ACCOUNT

1. Type your email and password.

2. Click login.

3. Using Facebook or Google account to login faster.

STEP 2: OPEN YOUR PROFILE

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

2. Select “My Profile”.

STEP 3: EDIT YOUR PROFILE

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 your password is easy with a few steps:

STEP 1: LOGIN

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

2. Click “Login”.

STEP 2: OPEN MY PROFILE

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

2. Select “My Profile”.

STEP 3: CHANGE YOUR PASSWORD

1. Click “Change Password”.

2. Type your current password.

3. Change your password.

4. Click “Save changes”.

Your password is changed successfully.

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

1. Click “Forgot Password?”.

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

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

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”.

6. Retype your new password and submit.

Now your password is recovered successfully.

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.com/

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.

1. You can log in to your Facebook account

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

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

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/:

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

1. REGISTER WITH EMAIL

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

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.

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:

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

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:

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:

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:

Step 1: Enable the feature

Step 2: Choose the Tour Description type

Step 3: Select a Post you created in the CMS

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.

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

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 

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

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. 

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

Watch the full tutorial here:

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

Step 1: Access the Media tab

Step 2: Choose the Pano section

Step 3: Select the 360 images you want

Step 4: Delete

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

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

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

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

6. You can adjust your Embedded Code here.

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.

You need to access Editor to set default view:

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

2. Name your project.

3. Click “Let’s go”.

4. Click “+Scene”.

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:

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”

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

1. Create your new project.

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

4. Click “+Scene”.

5. Upload your image(s).

6. Select/Deselect your image(s).

7. Click “Submit”.

Introduction of Tour Editor about controlling scene view

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.

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

STEP 1: CREATE A NEW PROJECT

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 Scene

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

• 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 is so easy with just 2 click; first click the pink button on the top-right

… 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.

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 :

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.

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.

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

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.

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.

Change the Background color

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

Change the Background color (hovering)

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

Change the Border color

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

Change the Border color (hovering)

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

Adjust the Border width

Adjust the thickness of your Polygon hotspot

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

Step 1: Access the Design tab

Step 2: Choose the Hotspot section

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

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

Step 1: Access the Design tab

Step 2: Choose the Hotspot section

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

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

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

What is a Media Text hotspot?

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

Step 2: Create a new hotspot

Step 3: Fill the text

Step 4: Adjust the hotspot position

You can use the Distort button to make it more perspective

Step 5: Edit and Improve the appearance

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

And here is the result when your customer view your tour

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

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

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

Step 3: Fill in your content

Fill your content here

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

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

Add a Tour Guide hotspot

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

Upload your mp4 file

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

Config

• 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” is helpful because you can save tons of time instead of styling again. Follow these simple steps:

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

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

3. Style your hotspot and apply the style.

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

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 and hotspots are the same functionally, but Polygon allows you to draw the line in a creative way to impress visitors better.

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

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

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

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

Step 1: Switch to the “Design” tab.

Step 2: Open the “Hotspot” section.

Step 3: Choose the color you want

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

1. Drag and drop sound hotspot to your preference.

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

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

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.

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.

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

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

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

1. Drag and drop sound hotspot to your preference.

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.

ADD THE AUDIO

1. Drag and drop sound hotspot to your preference.

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”.

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

1. Drag and drop article hotspot to your preference.

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

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

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

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

2. Click hotspot icon to open the hotspot panel.

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”.

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

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

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

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

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

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”

2. Select your favorite display type:

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

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:

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.

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.

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

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

2. Drag and drop the hotspot to the destination.

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

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

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.

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

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

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.

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

5. Interaction

6. Delete the hotspot.

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

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

2. Drag and drop hotspot icon into the destination.

3. Click dragged hotspot to open hotspot panel.

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

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

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

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

Step 3: Choose the Ratio of your Snapshot

Step 4: Capture the best moment

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

Hide the Snapshot Watermark

Step 1: Access the Marketing tab

Step 2: Enter the Snapshot section

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

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.

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

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)

Step 4: Finish your form

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

• Access the Marketing tab
• Choose the Form section
• Click “Add Form Config”

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

Step 3: Select your form

Step 4: Choose how to display the form

• Project: Display your form whenever customers view the virtual tour

• Scene: Display your form when customers view a specific scene

• Hotspot: There options below

Step 5: Adjusting the time will display the form

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

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.

Step 2: Config your Facebook Messenger

You need to access your Meta Business

Step 3: Copy the plugin code

Step 4: Add the code to your virtual tour 

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

1. Title

2. Meta description

2. Add Title and Meta description to your virtual tour

1. Enter your virtual tour’s name

2. Enter your virtual tour description briefly

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.

2. Re-generate your SEO thumbnail

Step 1: Choose your initial Scene

Step 2: Generate your new SEO thumbnail with other scene

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).

3. Delete your SEO thumbnail

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.

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

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”

Step 2: Fill in your information

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

Note: You can create multiple CTA for a virtual tour

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.

Step 1: Access the Marketing tab

Step 2: Enter the SEO section

Step 3: Choose your image from Album or Upload it

Follow these steps to set up your own brand logo:

1. Switch to the “Setting” tab.

2. Open the “Content” section.

3. Enable the brand logo.

4. Click “Change” to add the logo.

5. Hit upload to upload your own logo.

6. Select your uploaded logo.

7. Click “Submit”.

8. Adjust the width of the logo.

9. Add the logo URL link.

10. Select the position.

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

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

2. Customize and optimize the slug.

3. Publish your virtual tour.

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

5. Copy the virtual tour link.

Step 2: Set up Google Analytics

1. Open your Google Analytics and hit the setting button

2. Click “+ Create Property”

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”.

8. Choose web data stream.

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

10. Set your stream name.

11. Copy your measurement ID.

Step 3: Sảt your measurement

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

2. Paste your Google Analytics’ measurement ID.

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

Step 1 – Create your AWS Credential

Create your AWS Account

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

Setup AWS S3

{
    "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.

Step 2 – Setup on Panoee Hosting

Authenticate with panoee.com

Enter your AWS Credential

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

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.

Step 1: Create 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

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

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

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.

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.

Here is few steps to make your own virtual tour copyright

Step 1: Access the Setting tab

Step 2: Select the Contest section

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

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:

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

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

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.

That’s it. Easy right? 😀 

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:

• How to add Virtual Tour to website (step-by-step)
• Self-hosting your Virtual Tour

Sample embeded Virtual Tour with iframe code.

(This is Premium feature, you might need to purchase or subscribe to use it.)

First, you need to go to tab Publish > Public > Domain.

Step 1: Activate the Service.

Step 2: Fill your preferred domain / subdomain

This is your preferred domain to access your Virtual Tour, instead of the default Panoee URL (which starts with tour.panoee.com/[…]).

Basically there is 2 steps:

1. Verify your Domain / Custom Domain
2. Point your Domain / Custom Domain to Panoee platform

In this example below, I’m gonna configure the Subdomain vanmieu.starfruit.com.vn. The same workflow applies for Domain. So for the above Subdomain, we gonna have:

• The sub-part: vanmieu
• The original / root Domain: starfruit.com.vn

Step 3: (Click the button) to start verifying your Domain / Subdomain

This step to make sure you are the owner of the Domain / Subdomain.

Step 4: Collect the configuration information to verify your Domain / Subdomain

The actual configuration will be made in your Domain management Portal (or DNS Portal). There are thousands of providers in the world, but they operate (almost) in the same way. The below guidance is the standard and you can apply it to any Domain Provider.

Don’t forget to take note the information provided for following step – Just write it down first.

For example, in this sample:

• Type: CNAME (just remember the name)
• Name / Host: _b5ca1aa8b830434dc05418221eb97375.vanmieu.starfruit.com.vn.
• Point to / Value: _861321e238af3a15017b401942398931.fyysydvyhk.acm-validations.aws.

Now you can see in the Host field, we have:

• Sub-part: _b5ca1aa8b830434dc05418221eb97375.vanmieu (notice the add-on prefix)
• Original / root Domain: starfruit.com.vn

Step 5-1: Find way to configure the Domain / Subdomain

In your Domain management Portal, go to the section to configure your specific Domain. The interface below is from Matbao – a local Domain provider, and it will look different to others providers. You might need to read the documentation of your provider to find the way.

However, the general flow might be the same in all providers:

1. Login to your account
2. Find section to manages Domain (not Hosting or other things, but Domain)
3. From list of your bought Domain, find the one you want to configure. (in this sample is starfruit.com.vn)

Step 5-2: Configure the DNS record with information provided in Step 4

In your Domain configuration section, you need to find the section to setup the RECORD / or DNS RECORD – remember this word.

You might see the listing of all the Record has been pre-configured before, now create a new one, and fill all information required:

1. Select Type: (must be) CNAME
2. Host – this is the trickiest part, you might need to try several times or learn in the documentation of Domain provider
   • (most of the time) you will strip the original / root domain, just keep the sub-part. In this example it would be _b5ca1aa8b830434dc05418221eb97375.vanmieu
   • But sometimes, you might try the full path “_b5ca1aa8b830434dc05418221eb97375.vanmieu.starfruit.com.vn” – this depends on your Providers
3. Value (full-path): _861321e238af3a15017b401942398931.fyysydvyhk.acm-validations.aws

Step 6: Check if your verification is completed and do the last step

Panoee will regularly check the DNS to see if the configuration is successfully made.

You can test the configuration in this site https://dnschecker.org

Step 7: Like Step 4, collect the information to point your Domain / Subdomain to Panoee

Now it should be easier for you ????????????

Don’t forget to take note the information provided for following step – Just write it down first.

For example, in this sample:

• Type: CNAME (just remember the name)
• Name / Host: vanmieu.starfruit.com.vn.
• Point to / Value: tour.panoee.com

Now you can see in the Host field, we have:

• Sub-part: vanmieu
• Original / root Domain: starfruit.com.vn

Step 8: Complete configuration to point Domain / Subdomain to Panoee

Same like step 5, you need to configure the DNS Record in Domain management portal.

You might see the listing of all the Record has been pre-configured before, now create a new one, and fill all information required:

1. Select Type: (must be) CNAME
2. Host – same like above, but a little bit tricky.
   • If you configure the original Domain, (most of the time) you will fill: “@” in the box (for example if you want to configure custom domain is starfruit.com.vn instead of vanmieu.starfruit.com.vn)
   • If you configure the Subdomain, (most of the time) you will strip the original / root domain, just keep the sub-part. In this example it would be vanmieu
   • But sometimes, you might try the full path vanmieu.starfruit.com.vn” – this depends on your Providers
3. Value (full-path): tour.panoee.com

Step 9: Wait & Test again.

Same like Step 6 – you can regular use website https://dnschecker.org to check if the configuration is successfully made.

After this step, you can access your Virtual Tour via your preferred Domain / Subdomain instead of Panoee subdomain (start with tour.panoee.com/[slug])

Watch Video Tutorial below for full detail

1. Customize & copy embeded code on Editor.

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

3. Publish the post.

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

Step 2: Choose the Content section

Step 3: Select the Location segment

Step 4: Fill in your new virtual tour Location

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

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:

Step 1: Access the Setting tab

Step 2: Choose the Content section

Step 3: Choose your virtual tour category

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.

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

Step 2: Upload the mp3 from your device

Step 3: Select the mp3 file and Submit

1. Choose the mp3 file you want
2. Submit the file

Step 4: Customize the Background sound

Adjust the volume

Slide the volume bar to adjust the sound

Delete 

Click the Delete button to remove the sound

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.

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

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

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. 

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

Step 1: Create a Post in the CMS tab

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

1. Access the Setting tab
2. Select the “Description tour” section

Step 3: Select the Post you just created

Select the Post that you have created in the Step 1

Enable the Collaboration mode

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

Task’s checklist: Double-click on the Scene

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

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

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

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

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:

Step 1: Access the Setting tab

Step 2: Click the Content section

Step 3: Config the Nadir feature

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:

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

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:

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

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

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

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

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.

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

Step 2: Choose the Control Bar section

Step 3: Customize your Control Bar interface

Hide the icon

Switch the Toggle to hide a specific Icon you want.

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

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

Customizing popup color is easy with a few clicks:

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.

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

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.