This guide will help you through the installation process and get CometChat running on your site.

Installation is very straight forward, only taking about 5 minutes from uploading the files to viewing the CometChat bar on your site.

Before you begin, you will need an FTP client, if you do not have one, you can download a free client like FileZilla.

You do not need programming knowledge to install CometChat, but a working knowledge of FTP functions is a plus.

This guide assumes that you have successfully downloaded the latest release of CometChat and have the zip file “unzipped” and ready to go. If not, you can download the package from the CometChat Client Area.

The instructions will term the zip file you downloaded as cometchat.zip.


At this point, you should have the zip archive cometchat.zip and find a single folder- cometchat.

If you don’t know already, find out the folder in which osDate is installed.

If you access your osDate site via http://www.domain.com, then look for the webroot directory.

The webroot directory is usually public_html or www, but this varies from server to server so if you’re unsure, contact your hosting provider.

Using your FTP client, copy the /cometchat folder inside your osDate folder. e.g. http://www.domain.com/cometchat


Step 1

You should now run the installer file through your web browser by entering the URL into your browser’s address bar (if you have followed our example, type in http://www.domain.com/cometchat/install.php, naturally substituting domain.com for your web address).

If the installation was completed successfully, you will receive the link for CometChat Admin Panel.

Also the page may display a list of files and folders which may require additional permissions. Please CHMOD those files/folders to 777.

Step 2

Login to CometChat Admin Panel and click on the Install CometChat tab. Follow the on-screen instructions and copy the code that you need to add to your site.

Docked Layout

If you using the Docked Layout, you need to edit your site template.

  1. Edit /templates/default/index_header.tpl file
  2. Immediately after the opening <head> tag add the copied HTML code:
<link type="text/css" href="/cometchat/cometchatcss.php" rel="stylesheet" charset="utf-8">
<script type="text/javascript" src="/cometchat/cometchatjs.php" charset="utf-8"></script>"

Embedded Layout

If you are using the Embedded Layout, you can add the copied HTML code into any site page.

Step 1: Configuration

Add the below code to templates->default->index_header.tpl just before tag and the CometChat HTML code

  $chat_id = $chat_name = $chat_avatar = $chat_link = $chat_displayname = "";
  $chat_id = $_SESSION['UserId'];
  $chat_displayname = $_SESSION['FullName'];
  $chat_name = $_SESSION['UserName'];
  $chat_avatar = '//'.$_SERVER['HTTP_HOST'].'/getsnap.php?id='.$chat_id;
  $chat_link = '//'.$_SERVER['HTTP_HOST'].'/showprofile.php?id='.$chat_id;
  var chat_id = "{php} echo $chat_id; {/php}";
  var chat_name = "{php} echo $chat_name; {/php}";
  var chat_avatar = "{php} echo $chat_avatar; {/php}";
  var chat_link = "{php} echo $chat_link; {/php}";
  var chat_displayname = "{php} echo $chat_displayname; {/php}";

Step 2: Add CometChat

Select a layout of your choice and click on “Add To Site” button to proceed.

  • Was this helpful?
  • Yes   No