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