How to Embed Panoskin on a Facebook Page

Please note: Due to new Facebook updates, only Facebook pages with 2,000 likes or more can create custom tabs to embed virtual tours.

Using Page Tabs

You can add custom Page tabs via the Facebook platform. These custom Page tabs load content from your web server using an iframe. Page tabs will only be displayed in the web UI. Mobile custom tabs are not supported at this time.

To ensure tabs lead to high-quality, accurate content, the Page Tabs feature is only available to Pages with 2000 or more followers, or pages managed by whitelisted apps.

Full Article at Facebook for Developers

Step 1

Go to

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


Step 2

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



Step 3

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



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

CSS snippet

#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);


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

JavaScript snippet

<script src="//"></script>
    id: 'pano',
    tour: 'TOUR-ID' /* Replace TOUR-ID with your tour's ID */


Step 4

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


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


Then click Save & Publish.



Optional: Change Your Tab's Position

Click on you Facebook Page Settings. 


Click on select Edit Page.


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



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


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 →