Support

Embedding Panoskin On Your Website

Step 1

Add the following CSS snippet before the end of your closing head tag.

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

Step 2

Create a container with id="pano" and place it wherever you want your tour to show on your web page.

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

Add the following JavaScript snippet before the end of your closing body tag </body> and replace TOUR-ID with your tour's ID (Where can I find my TOUR ID?).

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

 

Embedding Panoskin in Facebook

Embed your Panoskin tour into Facebook so prospects can interact right from your business page.
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 →