Blog

Learn how to add live-support chat to your jT CarFramework 2 Series installation.

Adding live support chat to your jT CarFramework 2 Series

In this tutorial we will be integrating the live-support tool to your jT CarFramework 2 Series installation. Make sure to read the entire tutorial before trying yourself.

Once we are through with the tutorial, you will have something like the image below (click image to enlarge):

Live Support Tool

 

 

Step 1. Download Mibew open-source live support framework

Open http://mibew.org and click the download button (the big green button).

 

 Step 2. Creating the installation directory

Once you have mibew installation ZIP package, we can start by creating a new directory on the directory where jT CarFramework 2 Series is installed. For the sake of simplicity, we will call it support. Be extra careful to not override any already existent directory!

 

Step 3. Uploading Mibew files to the server

Unpack the ZIP download package you got on step 1 and upload to the support directory.

 

Step 4. Setting Mibew live support configuration

Once all mibew files are upload to your server, browse to the directory support/libs/ and open the file config.php for edition with a text editor of your preference (not ms word!).

Now, there are several things that needs to be changed on this particular file so, be extremely careful to follow the next steps!

In the config.php files, there will be some PHP variables which provides information for the Mibew installer to work. Set the variable’s values as defined below:

$mibewroot = “/support“;   // Notice the forward slash representing the root directory! The word support represents the directory where you put Mibew’s files.
$mysqlhost = “localhost“; // Usually, the server hostname will be localhost but, make sure you get the information right.
$mysqldb = “mibew_db“; // The jT CarFramework’s database name. Yes, we will use the same database. No need to create a new one unless you require it.
$mysqllogin = “username“; // Database username.
$mysqlpass = “123“; // Database password.
$mysqlprefix = “chat_; // Database’s table prefix. It will help to identify mibew tabs in the database.

TIP: if you don’t know your database configuration data, open your config.php file located at the root directory. This file belongs to jT CarFramework and was set when you installed it. It holds the same data you will need to setup the $mysqlhost, $mysqldb and, $mysqlpass.

Once you’re done with the changes, save the file and make sure it’s updated on the server too!
Step 5. Installing Mibew database

Now that we’re done with the configuration, access Mibew installer through the URL http://mydomain.com/support/install/.

If everything went right, you should be able to see the installation link. Click it and wait until if finishes.

 

Step 6. Removing the installer (security)

Keeping the installer in your server is a security problem so, go ahead and access your FTP. Browse to the directory /support and DELETE the directory called install (/support/install/).

 

Step 7. Login into Mibew for the first time

Access the URL http://yourdomain.com/support/. You will be asked to login. Mibew default installation defines the username and password for you in which you must change after the first login.

Login using the following data:

username: admin

password: (leave it blank!)

Once you are logged, you will be asked to change your login information. Is highly recommended that you do that!

 

Step 8. Getting live support button

Mibew offers an array of settings that allows you to customize the chat/support experience but, for now, we need to grab the live-support button code. On Mibew’s back-end, click the Button Code link at the right-side menu.

You may change settings such as language, image, etc while you are at it. Once you’re done, copy the HTML code from the box by selecting all code and pressing the keys Ctrl + C.

 

Step 9. Displaying the online button on the front page

Go back to your FTP and open the file /view/header/public-footer.php. Scroll down to the last line and paste the code from Mibew.  The code consists in a anchor tag with some JavaScript bind to it. To make it sticky to the foot page, we need to add some CSS style into it as showed below:

<!– mibew button –><a style=”display:block;position:fixed;bottom:15px;right:15px;” href=”/support/….

The style attribute add to the anchor tells it to sticky to the bottom right of the page keeping a 15px margin.

Save the file and make sure you FTP updates the file on the server too! Close the FTP and any open file. Got to your page the there it is!

 

Step 10. Need more? There is more!

Mibew also offers language packs which can be easily installed. If you prefer to do live-support through a desktop software, it is also available at the download page (at the foot). If you need to have live-support into you mobile (Android only), it is available at the Google Store (also for free).

If you have any question or suggestion, don’t hesitate in contacting us. Thank you!

 

Leave a Comment

Your email address will not be published. Required fields are marked *

     

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>