Popup/Fullscreen/Embeded Mode

First of all, you should decide how you want the chat to appear on your web site - in a popup window or as a part of the page. We recommend using popup mode; however it is your choice.

Popup Mode

To make the video chat open in a popup window when a user clicks a site link, you should first initialize several parameters:

<script type="text/javascript">
    z5chat.uid = "2012";
    z5chat.roomID = 'room2';
    z5chat.logoURL = 'http://youdomain/logo.png';
    z5chat.preloaderBgColor = 0xff0000;
    z5chat.bgColor = 0x0000ff;
    z5chat.langID = 'en_US';
</script>
 

Then append javascript function z5chat.OpenPopup(); to link / button:

<a href="javascript:z5chat.OpenPopup();">Open Chat</a>

Fullscreen Mode

<script type="text/javascript">
    z5chat.uid = "2012";
    z5chat.roomID = 'room2';
</script>

Then append javascript function z5chat.OpenFullscreen(); to link / button:

<a href="javascript:z5chat.OpenFullscreen();">Open Full Screen Chat</a>

Embedded Mode

<script type="text/javascript">
    z5chat.uid = "2012";
    z5chat.roomID = 'room2';
    z5chat.logoURL = 'http://youdomain/logo.png';
    z5chat.preloaderBgColor = 0xff0000;
    z5chat.bgColor = 0x00ff00;
    z5chat.langID = 'en_US';
    z5chat.ShowChat();
</script>

Also, you should add the following string to the header section of the html page:

 <script language="JavaScript" src="http://yourdomain/chat71/js/flashcoms.js"></script>

Where:

z5chat.uid Unique user identifier used for authentication.
z5chat.roomID Optional. If specified a user gets forwarded to selected room automatically.
z5chat.logoURL Your custom logo shown on pre-loader screen.
z5chat.preloaderBgColor Controls main background color for pre-loader.
z5chat.bgColor Controls main background color for chat interface.
z5chat.langID Indicates default language. IDs can be found in admin panel -> Language section.

The main parameter we will be using throughout entire integration process is "UID". This a global user identifier used to retrieve profile and authentication data. At this phase of installation we set it to random value of "2012" to verify that all the steps were performed successfully.