Support

Embedding Panoskin In Facebook

Step 1

Go to https://apps.facebook.com/statichtmlplus/.

Log in to your Facebook account and click on "Add Static HTML to a Page".

google-see-inside-facebook-integration-step-1
 

Step 2

Select the Facebook Business Page that you want to add your Panoskin tour and click on the Add Page Tab.

change-tab-name-step-3

 

Step 3

Go to your Facebook Business Page. Click on the Edit Tab.

step3a
 

 

Insert the embed code below, and replace Tour-ID with your tour's ID (Where can I find my TOUR ID?). 

CSS snippet

<style>
#pano {
  width: 100%;
  height: 562px; /* Adjust height as needed */
  max-width: 900px /* Adjust max-width as needed */
  margin: 0 auto;
  -webkit-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75); 
  box-shadow: -1px 9px 18px -6px rgba(0,0,0,0.75);
}
</style>
 

Container

<div id="pano"></div>
 

JavaScript snippet

<script src="//lcp360.cachefly.net/panoskin.min.js"></script>
<script>
  PANOSKIN.createViewer({
    id: 'pano',
    tour: 'TOUR-ID' /* Replace TOUR-ID with your tour's ID */
  });
</script>
 
 
step3b

 

Step 4

Change your tab's name. To do so, click on Actions and select Edit name and image.

 
step4a
 

Type Virtual Tour and click on the Save tab name Button.

 
step4b 
 

Then click Save & Publish.

 
step4c

 

Optional: Change Your Tab's Position

Click on you Facebook Page Settings. 

step5a
 

Click on select Edit Page.

step5b
 

Drag and drop the Virtual Tour tab to the position you want it showing in the menu.

 
step5c
 

 

Congratulations! You have embedded Panoskin on your Facebook Business Page. 

step6

Embedding Panoskin On Your Website

Embed your Panoskin tour into your website drive retention, leads and engagement.
Learn More →

Panoskin: Starting On a Specific Scene

Panoskin offers the flexibility to start your tour on a specific scene.
Learn More →

How To Get My Panoskin Tour ID

Learn how to identify and use your Panoskin Tour ID as you embed your tour in various places.
Learn More →