In this post we will show you how you can use Cincopa to get iframe code to embed gallery and sound in your tour Hotspots. 

 

Log into your dashboard and open an existing tour in which you wish to add Cincopa gallery and sound..


Here we will be using an existing tour to show you how can you embed iframe from cincopa


.In another tab open www.cincopa.com

Cincopa home page



Click on Get started now - free or sign into Cincopa after creating an account for yourself.


Clicking on Get Started will take you the next screen where you can choose from the options for which you need an iframe.



First we'll select the photos option to create a lovely gallery with some images. Cincopa gives you a vast range of skins you can select from. We have selected the skin marked in red to use.



Hover on the skin and you get the option to preview the skin and use the skin. You can preview all the skins available and then select the skin you want to use by clicking on "Use this skin" option.


The customize skin page will open up where you have various different options for the gallery you want to create.


We will add a name, description in the basic tab. You can do a lot of advanced customization in the advanced tab and once you are ready to go ahead and create your gallery click on the next tab.



Clicking on next will open the Upload files page, here you can upload all the images you wish to upload and create the gallery.

We have some photos that we will upload from our system and use them.


Once all the upload is done you will see the added files number on the right of screen. Click on next when all the images are selected.



In the next screen you can add the individual captions and descriptions for image.

Add the captions and descriptions and click on next.



Done. your gallery is ready to use. Copy the provided code to embed.



Shift to your WalkInto tour and open the Pano where you would like to add this gallery.

In our tour We have created a Gallery Menu item, we will add a hotspot there, click on the source option and paste the copied Cincopa code for the gallery.



Click on ok and your gallery will start showing in the hotspot.


In WalkInto editor


In WalkInto viewer



Preview for mobile devices


On Google chrome there is a nifty tool to preview the tour on mobile.  It is in the developer tools.  You activate it either from the browser menu , 


More Tools >> Developer Tools or by pressing key 'F12' on machines with that key!




Activating the mobile preview will give you options to switch between different devices and see how the tour is going to look.  To switch you can use the drop downs from top of the preview.  You will need to hit REFRESH [F5] to reload the screen.


Similarly you can add sound to you tour using Cincopa.

1. Select a skin.

2. Add the name and description.

3. Upload media.

4. Add Info about your sound file and click next.

5. Done your sound gallery is ready to use. Copy the code.


Shift to your WalkInto tour and paste the code in the source of the hotspot you want to add the audio to.



Cincopa has a lot of different skins to use from. It's an easy to you third party site where you can create different kind of galleries and use the code to make your WalkInto tours more attractive.