WordPress

Product:
Our installation instructions are slightly different depending on the version of WordPress you are running. Please select:

WordPress version 3.8 and higher
WordPress version lower than 3.8

WordPress version 3.8 and higher

Installing CometChat as a WordPress plugin

Step 1
Log in to WordPress administration panel and navigate to Plugins >Add New and click on “Upload Plugin”.

Installing CometChat - Ready Integrations - WordPress - 1

Step 2
Click “Choose File” and select wordpress.zip from your download package.

Installing CometChat - Ready Integrations - WordPress - 2

Step 3
You will receive “Plugin installed successfully” message. Now click on Activate plugin and navigate to CometChat menu.

Installing CometChat - Ready Integrations - WordPress - 3
 

Note:  You must update your domain on CometChat website before begin step 4 eg., cometchat.com.

Step 4
Now Enter license key inside input field to proceed with CometChat installation and click on Install button.

Installing CometChat - Ready Integrations - WordPress - 4
 

Note: If you face problem while uploading ‘cometchat.zip’ file, please unzip the ‘cometchat.zip’ that has been provided in the package. Place the ‘cometchat’ folder in the wordpress root directory and execute ‘cometchat/install.php’ from “http://yourdomain/cometchat/install.php”. Also, CHMOD the following folder to 777 (recursively):
/cometchat/writable/.

Step 5
After successful installation of CometChat you will redirected to CometChat Admin Panel.

Installing CometChat - Ready Integrations - WordPress - 5

Step 6
You can find additional settings under CometChat Admin panel -> Settings -> WordPress.

Select the user groups from whom CometChat docked theme should be hidden.

Installing CometChat - Ready Integrations - WordPress - 7

Step 7
Finally click Save Settings. Done!

Note: If you want to setup CometChat on localhost environment then you need to place cometchat.zip manually inside wordpress root directory and then follow the same steps as mentioned above.

WordPress version lower than 3.8

Introduction

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, some popular solutions include FileZilla (free) or CuteFTP (trial).

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 Members Area.

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

Uploading

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 WordPress is installed.

If you access your WordPress 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 WordPress folder. e.g. http://www.domain.com/cometchat

Installation

Step 1

You should now run the installer file through your web browser by entering the URL to it into your browser 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, then two lines of HTML code will be displayed on your screen. Please copy these two lines. 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

Now edit your template header.

Login to WordPress Administration and go to Appearances -> Editor.

Click on Header (header.php) from the right side panel to edit the header.

Immediately after the opening head tag add the copied code:

<head>
<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>

Now delete install.php file from the cometchat folder.

That’s all! Now log-in to your site and you will be able to see the CometChat bar. For customizing the text, icons, plugins, theme and modules, please refer to the documentation for Administration Panel.

Configuration

Login and visit CometChat Admin Panel -> Install CometChat tab. Perform the configuration steps as mentioned.

Installation

Docked Layout

If you using the Docked Layout, you need to edit your site template. Login to WordPress Administration and go to Appearances -> Editor.

Click on Header (header.php) from the right side panel to edit the header.

Immediately after the opening head tag add the copied code:

<link type="text/css" href="//fast.cometondemand.net/XXXXXX.css" rel="stylesheet" charset="utf-8">
<script type="text/javascript" src="//fast.cometondemand.net/XXXXXX.js" charset="utf-8"></script>"

Embedded Layout

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

  • Was this helpful?
  • Yes   No