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

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.

Add Lens Flare / Sun Light effect

CleanShot 2023 04 21 at 22.06.20@2x scaled
Quick Step-by-Step to setup the Lens Flare

? For more detail, please see this tutorial: Lens Flare

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

Delete 360-degree images

image

  1. Access the Media tab
  2. Choose the Pano section
  3. Select the 360 images you want
  4. Delete

Rename the project

image

Add Nadir Logo at bottom of Virtual Tour

CleanShot 2023 04 18 at 13.58.52@2x scaled
Step-by-Step to add Nadir Logo

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

Hotspot: Tour Guide

Add a Tour Guide hotspot

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

Upload your mp4 file

image
Hotspot: Tour Guide 113
  1. Upload your mp4 file from your computer
  2. Select your mp4 file
  3. Submit

Config

image
Hotspot: Tour Guide 114
  • 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

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

3. Switch to Tour Editor to check the result.

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

Each hotspot has different objectives. 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.

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

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

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

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.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)
Add a Call to action (CTA) 321

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)
Add a Call to action (CTA) 322

Step 2: Fill in your information

 Call to action (CTA)
Add a Call to action (CTA) 323
  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
Add a Call to action (CTA) 324

Note: You can create multiple CTA for a virtual tour

Optimize for SEO (Search Appearance)

CleanShot 2023 04 16 at 02.59.59@2x scaled

Update Favicon

CleanShot 2023 04 16 at 02.56.52@2x scaled

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

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.

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

CleanShot 2023 04 16 at 14.25.13@2x scaled

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

Collaboration mode: Team-working Virtual Tour

Enable the Collaboration mode

image
Collaboration mode: Team-working Virtual Tour 388
  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
Collaboration mode: Team-working Virtual Tour 389

Task’s checklist: Double-click on the Scene

image
Collaboration mode: Team-working Virtual Tour 390
image
Collaboration mode: Team-working Virtual Tour 391

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

image
Collaboration mode: Team-working Virtual Tour 392

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

image
Collaboration mode: Team-working Virtual Tour 393

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

image
Collaboration mode: Team-working Virtual Tour 394

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

Setup Auto Rotate

You can automatically rotate the scene with a few clicks:

lEiKwY7pKW

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.

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 Control Bar

CleanShot 2023 04 19 at 21.28.50@2x scaled

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.