The purpose of this section is to help you with some of the initial configuration tasks. For further
configuration assistance, refer to the product manual.
1) Setting up rooms.
2) Customizing greetings.
3) Changing language and style templates.
4) Enabling video
5) Adding items to the toolbar
6) Enabling uploading images
7) Chat widget layout
8) Hide the floating toolbar and/or the embedded control box
9) Turning Auto-Connect On/Off
10) Enabling/Disabling Sounds
11) Using relative vs. absolute positioning for chat widget placement
12) Page level configuration
1) Setting up rooms.
Rooms can be created, edited, and deleted through the administration panel.
a) Log in to the chat with your administrative account.
b) Click on your screen-name. When the user dialog box appears, click on "mod". This will take you to the administration panel.
c) Once in the administration panel. Click on the options button in the chat window in order to view the room list. There, you will see options to create, edit, and delete rooms.
**NOTE:** You may add a maximum of 50 rooms to the room list.
2) Customizing greetings.
In order to change the default greetings, do the following:
a) Open FCChat/config/config.js with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
b) The variables below allow you to customize some of the chat's messages.
startText (Message displayed before a user signs in, or after they log out [sign-in mode]) Default value
To begin chatting, press the <b>Open Button. </b>
loginText (Notification to a user that they should sign in to the chat using their site account.) Default value
Please login using your site account.
autoGreet (This is an automatic greeting a user receives when they enter the chat room. Leave this blank if you dont want to use the auto greet feature)
You may enter plain text or HTML. Make sure you escape any double quotes within your messages with a backslash. (ie. Have a "nice" day. must be written as have a \"nice\" day.)
3) Changing language and style templates.
FCChat supports multiple languages and multiple styles. You can also create your own custom language or style templates.
In order to change these templates, the first thing you need to do is open the configuration file, FCChat/config/config.js, with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
a) Changing the language template:
Set language_template to the name of the language file you want (for instance, english.js).
The language templates are in the languages folder, so make sure a file for your language exists before setting this parameter.
b) Changing the embedded widget template:
Set widget_style_template to the name of the style template file you want (for instance, widget_default_header.js).
You can choose between 2 ready made styles:
 
Horizontal Layout: widget_default_header.js
|
Vertical Layout: widget_default_sidebar.js
|
The widget style templates are found in the styles folder, and they are prefixed by the word "widget".
Changing the floating toolbar template:
Set toolbar_style_template to the name of the style template file you want (for instance, toolbar_default.js).
The toolbar style templates are found in the styles folder, and they are prefixed by the word "toolbar". The toolbar templates offer differing themes and or configurations of the Floating Toolbar.
d) Changing the ChatCenter window template:
Set chatcenter_style_template to the name of the style template file you want (for instance, chatcenter_light_gray.js).
You can choose between 3 ready made styles:
Light Template: chatcenter_light_gray.js
|
Medium Template: chatcenter_blue_silver.js
|
Dark Template: chatcenter_midnight_blue.js
|
The chatcenter style templates are found in the styles folder as well. They are prefixed by the word "chatcenter".
4) Enabling video.
Video is disabled by default.
You may enable the video chat doing the following:
a) Open FCChat/config/config.js with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
c) Set video_enabled:true,
Please note: When you activate your chat, you must sign up for a video account plan in order to use this feature.
5) Adding items to the toolbar.
In order to add or remove toolbar items, go to FCChat/config/config.js and edit the comma separated list below:
toolbar_items:["friendscenter","social_media"],
The toolbar_items variable, above, contains a list of items that will be displayed in the toolbar. The order that items appear in this list is also the order that they will be rendered in the toolbar. The list MUST contain "friendscenter". The other items in the list are optional.
Toolbar items are found in the toolbar_items folder. For a detailed list of all the items available, see Adding toolbar items in the product manual.
6) Enabling uploading images.
Uploading images is disabled by default.
If you wish to enable it, first verify that you have either php or asp (classic or .net) installed. These are two common scripting components, available in almost all hosting environments. If your hosting environment is Windows based, then you should have asp installed. If your web host is Linux based, then it most likely supports php. If it does not, you should download and install php from http://www.php.net. before proceding. Once you have determined you scripting language, you may enable uploading images by doing the following:
a) Open FCChat/config/config.js with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
b) Set script_type:"<SCRIPT_TYPE>", (Where <SCRIPT_TYPE> is either asp or php)
Example:
script_type:"php",
c) Set upload_images_enabled:true, (this enables images)
7) Changing the Chat widget Style and Layout.
Edit the current widget style template to change the layout and/or styling. The widget style templates are found in the styles folder, and they are prefixed by the word "widget". The style you are currently using is pointed to by the variable widget_style_template in FCChat/config/config.js.
8) Disabling the new user prompt
When a new user comes to your site, an info bubble will pop up next to the toolbar, inviting them to participate in the chat. If you want to disable this, do the following:
a) Open FCChat/config/config.js with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
c) Set prompt_user:false,
9) Hiding the floating toolbar and/or the embedded control box
To hide the embedded control box (the widget):
a) Open FCChat/config/config.js with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
b) Set control_visible:false,
and to hide the floating toolbar:
c) Set toolbar_mode:0,
10) Turning Auto-Connect on/off
Auto-Connect is on by default. This means that new every new user who comes to your site will automatically be logged in to the chat as a guest. When the Auto-Connect feature is disabled, new users must first create a screen-name and password before they are connected to the chat.
To disable Auto-Connect:
a) Open FCChat/config/config.js with a text editor. (For wordpress users, use the plugin editor, in the wordress administration screen, to edit this file. Plugins >> Editor)
b) Set auto_connect:false,
11) Enabling/Disabling Sounds.
Sounds are enabled by default. To turn them off do the following.
a) Open FCChat/config/config.js with a text editor.
b) Set sounds_on:false,
12) Using relative positioning vs absolute positioning for chat widget placement.
Relative positioning is set by default. This means that the widget is embedded in the page, in the same way that you might embed an image or Flash movie in your web document.
The chat widget may also be positioned absolutely. This means that the widget's position is fixed to a certain (x,y) coordinate on the page. This type of positioning is sometimes preferable if you wish to set the widget at the very top of the page, and/or you have many other absolutely positioned elements in your page.
To turn on absolute positioning, do the following:
a) Open FCChat/config/config.js with a text editor.
b) Set absolute_positioning:true,
c) Open the current style template file, located in the styles directory of your FCChat installation, with a text editor (This is FCChat/styles/default_header.js, or FCChat/styles/default_sidebar.js, if you are using the wordpress version. To see which style template you are using, open the configuration file FCChat/config/config.js and look for the "style_template" setting). For wordpress users, use the plugin editor, in the wordress administration screen, to open/edit these files. Plugins >> Editor.
d) Set top:<Y_COORDINATE>, (Where <Y_COORDINATE> is a number representing the distance from the top of the page to the chat widget, in pixels.)
e) Set left:<X_COORDINATE>, (Where <X_COORDINATE> is a number representing the distance from the left side of the page to the chat widget, in pixels.)
13) Page level configuration.
When you change the configuration variables in FCChat/config/config.js, these changes are applied, globally, to all pages in which the chat widget is installed. If you wish to have a special configuration for a particular page, you need to use page level configuration.
In order to employ page level configuration, find this little excerpt from the code you cut and pasted into your web page:
<script type="text/javascript">
</script>
This is just an empty script tag. Any configuration variable placed here will override the values in config.js.
Let's say, for instance, that you want to disable the split screen mode on a particular page.Simply place the configuration variable 'allow_split_screen_mode' between the script tags, as follows:
<script type="text/javascript">FCChatConfig.allow_split_screen_mode=false;</script>
Because you are referencing width_offset outside the configuration file, you need to preface if with FCChatConfig.
| 
