To learn more about how to integrate Shozam galleries with an existing website, please also consult the online FAQs:
Go to Frequently Asked Questions (FAQs) of the User Manual

You will need to use HTML FRAMES to do this. A frameset looks like one page in the Web browser but it is actually created by a number of adjacent "frames", each pointing to a different page, so it displays the content of that page. So different rectangular regions of the page will display content from different Web pages. One of the frames can point to your gallery and another can show a menu for your Web site. We generally do not recommend frame structures; it is "old technology" and it does not work well with search engines. However, frames do offer advantages which are hard to be obtained otherwise. For example, if you want to have continuous background audio throughout the gallery, audio which would not get interrupted when the user moves from one gallery page to another, you can place the audio source in another frame. As long as the frame with the audio does not change, the viewer can navigate the whole gallery (displayed in its own frame) and the audio will not get interrupted. Also, if your have an existing Web site and it already uses frames, that may be another reason to keep using frames when you integrate the Shozam gallery with the existing Web site.

You can also display the gallery in the middle of your page, by using IFRAME (inline frame). This structure does not require a frame to go all the way to the edge of the window, rather it allows a frame to "float" in the middle of the page. Note however that IFRAMES have specific dimensions so longer gallery pages will make scrollbars appear. You can prevent "longer" pages in Step 5 --> Label Tab by checking the "Hide" option for the Index and Details All pages (which are generally long). Here is some sample code:

<div align="center"><iframe align="center" src="http://my.shozam.com/examples/yellowstone/index.htm" name="shozam-gallery" width="790px" height="820px" frameborder="0"></iframe></div>

Or, to avoid unnecessary scrollbars:

<div align="center"><iframe align="center" src="http://my.shozam.com/examples/yellowstone/index.htm" name="shozam-gallery" width="100%" height="3000" scrolling="no" frameborder="0"></iframe></div>

Note that using HTML FRAMES/IFRAMES may be somewhat easier to implement but are generally not recommended. Some of the drawbacks of framesets are related to not being friendly to search engines and their inability to provide specific Web addresses (URLs) to each page displayed. Best results are achieved by placing your Web site's top banner and navigation HTML code in Step 5 --> HTML Tab. This will place your Web site's top banner, navigation and graphic elements on each page generated by Shozam.