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

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.

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.

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 Auto Rotate

You can automatically rotate the scene with a few clicks:

lEiKwY7pKW

You can automatically rotate the scene with a few clicks:

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

2. Select the “Effect” section.

3. Enable “Auto rotate”.

4. Set the wait time and speed.

Setup Auto Change Scene

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.

Customize Polygon Color

The polygon color < Read more: https://panoee.tawk.help/article/polygon > 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.

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.

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 < Read more: https://panoee.tawk.help/article/add-more-interactive-hotspots > 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, and here are detailed tutorials for each of them:

1. Point: https://panoee.tawk.help/article/link-scenes-with-navigation-hotspot

2. Image: https://panoee.tawk.help/article/hotspot-image

3. Article: https://panoee.tawk.help/article/hotspot-article

4. Video: https://panoee.tawk.help/article/hotspot-video

5. Link: https://panoee.tawk.help/article/hotspot-link

6. Product: https://panoee.tawk.help/article/hotspot-product

Customize Hotspot Color

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

Q3J3fqFlGz

1. Switch to the “Design” tab.

2. Open the “Hotspot” section.

CONFIG SELECTION

1. Set the background color.

2. Set the icon color.

6LJC3mEXcT

Switch to Tour Editor to check the result.

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.

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 < Read more: https://panoee.tawk.help/article/hotspot-product >:

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

10. Add more products by clicking “+”.

11. Select and manage products.

12. Edit the product information.

13. Update or delete the product.

Manage Posts

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

miVeUvLgFU

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

2. Open the “Floorplans” section.

POST MANAGEMENT

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.

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 < https://panoee.tawk.help/article/create-manage-scene >

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.

You can edit the floorplan or add more floorplans by following these optional steps:

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.

Optimize SEO for Projects

Search Engine Optimization (SEO) is an important work to appear on powerful search engine tools such as Google, Bing, and Yahoo! Search. This tutorial will guide you on how to optimize SEO for virtual tours:

MYRnAcUWm5

1. Open your project and switch to the “Marketing” tab.

2. Add the SEO title to the project.

3. Add meta description to the project.

OPTIONAL SELECTIONS

1. Copy and paste your UID Google Analytics < Read the tutorial Setup Google Analytics: https://panoee.tawk.help/article/setup-google-analytics >.

2. Enter the Google Tag.

3. Change the featured image or reset.

Setup Google Analytics

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: SETUP 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: START 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.

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.

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.

Hotspot: Product

Each hotspot has different objectives < https://panoee.tawk.help/article/add-more-interactive-hotspots >. 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.

* Read this tutorial to understand styling hotspots: https://panoee.tawk.help/article/styling-hotspots

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

10. Add more products by clicking “+”.

11. Select and manage products.

12. Edit the product information.

13. Update or delete the product.

0lmadAda0u

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

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

Hotspot: Link

Each hotspot has different objectives < https://panoee.tawk.help/article/add-more-interactive-hotspots >. 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.

* Read this tutorial to understand styling hotspots: https://panoee.tawk.help/article/styling-hotspots

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

Each hotspot has different objectives < https://panoee.tawk.help/article/add-more-interactive-hotspots >. A sound hotspot is essential to add the audio to your virtual tours for more lively:

acb42XC932

1. Drag and drop sound hotspot to your preference.

Os5KpKQM a
coiVnh8FlZ

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

* Read this tutorial to understand styling hotspots: https://panoee.tawk.help/article/styling-hotspots

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.

Loop: The sound will be looped infinitely.

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

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

Hotspot: Article

Each hotspot has different objectives < https://panoee.tawk.help/article/add-more-interactive-hotspots >. Article hotspot is essential to add information to your virtual tours:

1. Drag and drop article hotspot to your preference.

W2ApMsmwCy

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

* Read this tutorial to understand styling hotspot: https://panoee.tawk.help/article/styling-hotspots

3. Add a new article or select the existing post that you want to show up.

* You do not have to set popup width, except you want to set a specific size for your article popup.

Hotspot: Image

As you have known about objectives of each hotspot < https://panoee.tawk.help/article/add-more-interactive-hotspots >. 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.

* You should read this tutorial to understand styling hotspot: https://panoee.tawk.help/article/styling-hotspots

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 < https://panoee.tawk.help/article/add-more-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 to 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: Street Direction

You’ve already known about the special features of each hotspot: https://panoee.tawk.help/article/add-more-interactive-hotspots

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”. If you want to learn about “Point”: https://panoee.tawk.help/article/link-scenes-with-navigation-hotspot

2. Drag and drop the hotspot to the destination.

rfQ1Sw1VmL

3. You need other scenes to set as the destination. Read “Create & Manage Scene” for more details: https://panoee.tawk.help/article/create-manage-scene

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.

Share a Project

To share a project, you need to create a project first < https://panoee.tawk.help/article/create-new-project >.

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 < Read this tutorial article: https://panoee.com/add-virtual-tours-to-your-website/ >

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 (Create a new project: https://panoee.tawk.help/article/create-new-project)

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

Add More Interactive Hotspots

Adding interactive hotspots is easy when you only need to drag any hotspots into your scene, but each of them has different objectives. This tutorial will explain the use of each:

yZndKKmNdo

1. Street Direction: To point the direction of the next destination.

2. Point: An alternative of street direction with a specific location.

ch q5to7FT

3. Media Video: Add a direct video to your virtual tour.

4. Media Image: Add a direct image to your virtual tour.

pQ1EoW38e1

5. Image: Add popup image(s) to your virtual tour as a gallery.

6. Article: Provide information as an article for virtual tour visitors.

7. Video: Add an online popup video instead of the direct video.

8. Sound: Add a popup sound with an online URL or .mp3 file.

9. Link: Add an online URL to access or Iframe format (Open directly in the virtual tour).

10. Product: Introduce commercial or non-commercial products to visitors.

Styling Hotspots

You need to know how to manage hotspots before styling hotspots: https://panoee.tawk.help/article/manage-hotspots

This is the panel of styling hotspots:

Jo9G8w5e3G

1. Rename the hotspot label.

2. Modify the size of the hotspot.

3. Make the hotspot transparent or emergent.

4. Rotate the hotspot icon.

5. Add any effect to the hotspot.

6. Choose template icons or add your own image to replace the default hotspot.

Manage Hotspots

First, you need to create scenes < How to create and manage scenes: https://panoee.tawk.help/article/create-manage-scene >. 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. Learn more: https://panoee.tawk.help/article/styling-hotspots

5. Interaction: You can read this tutorial: https://panoee.tawk.help/article/link-scenes-with-navigation-hotspot to learn how to link scenes with navigation hotspots.

6. Delete the hotspot.

Link Scenes with Navigation Hotspot

You need to create a project < https://panoee.tawk.help/article/create-new-project > or open existed project and add scenes < https://panoee.tawk.help/article/create-manage-scene > 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

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

Manage Scene

Delete Scene

Replace Panorama of a Scene

Re-order Scene 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