JUX Facebook Chat

Created: 04/11/2019

Lastest update: 04/11/2019

By: Joomlaux

Need Support

General introduction

What is JUX Facebook Chat ?

Facebook Chat by JoomlaUX is the fastest way for your clients to reach you and get their questions answered. Stay available live for users in their favourite messenger 24/7. Integrate Facebook Chat on your website and set it to appear on specific pages or for a certain groups of visitors, choose start-chat triggers, create your own welcome message, choose icons and more. With the help of Facebook chat on your site, you will stay connected anytime and from anywhere. The customer chat plugin automatically loads recent chat history between the person and your business, meaning recent interactions with your business on messenger.com, in the Messenger app, or in the customer chat plugin on your website will be visible. This helps create a single experience for your customers and enables you to continue the conversation even after they have left your webpage. No need to capture their information to follow up, just use the same conversation in Messenger. ....

Key features

  • Support online chat feature of Facebook
  • Write a welcome message
  • Add chat header photo and name
  • Customize icon and text of chat bubble
  • Choose a chat-open trigger
  • Three options of chat layout
  • The fastest way to embed Facebook Chat
  • Give users opportunity to reach you any time
  • Can Custom CSS
  • 100% Responsive or fix width, height
  • Compatible with Tablet, Smart phone
  • Run on modern browsers (including IE10+)
  • Support multiple languages

This extension is your choice if

  • You want to turn website visitors to leads
  • You want to make it easier for your clients to get in touch with you
  • You don't to want to rack your brains over setup and customization of the modules
  • You want to display full information and beautiful interface
  • You need a reliable working solution to save your time and money

FrontEnd

Show Layout defalt box custom chat and live chat facebook

 

Show 4 type custom chat Support, Sale, Booking . . .

 

Show layout custom color, greetings, text, names and photos . . .

 

When click button start and popup interface chat will display

 

Interface chat popup on sreen mobile

 

BackEnd

Tab Module Options

You can select 2 type chat facebook and live chat and custom chat, at here is config for custom chat

Config for live chat facebook

Tab Content, config for custom chat, change getting, image . . .

 

Tab Setting, config show. hide box chat

 

Tab Style color for box chat

 

Tab Advanced Option

 

Server Requirement

JUX Facebook Chat has several system requirements as follow:

  • Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
  • PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
  • MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
  • Joomla! 3.x. Please go to - http://www.joomla.org  download Joomla! 3.x.
  • You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.
  • PHP should be compiled with support for https (openSSL) and cURL.
  • PHP Safe Mode should be turned off.

Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 10+), Firefox, Chrome, Opera 9+, and Safari. JavaScript must be activated.

The client/browser needs to be capable of accepting Cookies and Cookies must be enabled.

Download

After purchasing our product, you’ll see the download link at JUX Facebook Chat product page:

http://www.joomlaux.com/download.html

Note: If there is any problem, please contact us at: http://www.joomlaux.com/support/contact-us.html

Package

Module

mod_jux_facebook_chat

 

Module Installation

Go to Administrator site => “Extensions” => “Extension Manager” in the Top Menu.

In “Upload Package File” block, please Upload & Install our extensions:

Extension manager

 

Configuration for Module

You can select 2 type chat facebook is live chat and custom chat, With live chat, you will not need to customize any more config in the back-end, you just need to follow the instructions in the custom panel pop up.

 

Detail
  • Type Chat Facebook: You can select custom chat or live chat
  • Facebook Connect: If use custom chat, you can chat connect with Page Facebook and User Facebook
  • Name: Set the username for the chat. The module uses the name of your Facebook page as default
  • ID Page Facebook: Please enter Id page facebook
  • Link Page Facebook: Please copy link page facebook on browser and paste at config
  • Access Token Page Facebook: Please enter access token page facebook
  • ID User Name: Please enter user name accout your facebook
  • Link User Facebook: Please copy link user facebook on browser and paste at config
  • Access Token User Facebook: Enter access token user facebook

How to get your Page Facebook ID and Access token Page Facebook

How to get Access Token your and ID Page Facebook and User Facebook

please go to https://axentmedia.com/facebook-access-token/ , Click button "Generate Access Token", after Facebook will ask to accept the terms of access and receive the token code Remember that when you access the URL above and press the button, you will receive the access token of the User and of the page, you must copy the correct code of the page. And you will have all the information to enter into the back end of the module

Then paste the code you just received into the back-end config

How to setup live chat Page Facebook

Just click on the "Customer live chat" button and popup to navigate to the Facebook setup requirements

Click button "Cusomer Live Chat" and show popup setup live chat of facebook request

And will have a popup request displat, Please select Your Page Facebook and click Continue

Set greetings and language, you can edit greetings and save it

Set color for box chat , text and icon and finish

Once completed you only need to wait for a few seconds and the shortcode code will appear, this is the code that will display on your website, save the module and you can show it at the front-end.

Some layout types

Live chat when access page your site

 

Live chat when chat with page facebook

 

Custom Chat page facebook

 

Configuration for Content Fcebook Chat

Please enter the config for conent Chat Facebook and refer guide bellow , Select image header, greeting, chat icon . . .

 

Detail
  • Bubble Icon: Select an icon for the chat facebook .
  • Bubble Text: Add some call to action text to the facebook chat, if necessary.
  • Picture: You can select facebook default of page and user faceboo, or custom add a image you want.
  • Custom Picture: Add image custom chat.
  • Caption Type: You can select a caption default or enter 1 caption custom.
  • Repty Time Text: Have 5 type default you can select.
  • Custom Caption: Enter text custom for caption chat box.
  • Welcome Message: Enter a welcome message or a greeting to display when the chat window is opened. Offer to help or ask a question to engage a website visitor in conversation.
  • Button Text: Enter the chat trigger text to be displayed on the button.
  • Show Messenger Icon: Show/hide Facebook Messenger icon on your button.

Some images of Content Facebook Chat

Configuration for Setting Fcebook chat

Please enter the config for setting chat. You can set the position, time and date display start and end, time delay display on the page

Detail
  • Position: Choose the perfect display position for your modules. Floating Bubble will scroll along with your website page. Embed Bubble is added as a button to a specified page area. Clicking on the button will open the chat window. Embed Chat Window adds a window to a specified page area .
  • Align: Align your chat widget to the left or to the right, or keep it in the center of the page .
  • Devices Display: Please select devices you want show .
  • Display chat For: Select the category of visitors you want to display the chat for: all visitors, visitors who have come to your website for the first time, visitors who had been on your website before .
  • When to display: You can select day in week you want show facebook chat module.
  • Set The Time Schedule: If select yes, please enter config bellow as time zone, start and end time.
  • Website Time Zone: Please select time zone your website. The start time and end time displayed in this time zone
  • Start Time: Set the time for the widget to start working on the days you've checked in the section above
  • End Time: Set the time for the widget to stop working on the days you've checked in the section above
  • Time On Page: Set the number of seconds the website visitor has to spend on the page to open the chat window automatically
  • Time On Site: Set the number of seconds the website visitor has to spend on the website to open the chat window automatically
  • Scroll Position (%): Set the scrolled page percentage for the chat window to open automatically
  • Exit Intent: Activate this setting to make the chat window open automatically everytime a visitor intends to leave the website and close the browser tab
  • Notifications: Select the kind of notifications to let your visitors know that chat window is opened and a conversation is active. These notifications catch the visitor's eye and encourage them to communicate with you

Some images of Setting Facebook Chat

Configuration for Style Facebook Chat

Please enter the config for style color and background box chat, set border radius for button start chat

Detail
  • Bubble Background Color: Set the bubble background color .
  • Bubble Icon Color: Set the bubble icon and text color.
  • Header Background Color: Set the chat window header background color.
  • Button Color: Set the start chat button color.
  • Hover Boxshadow Icon: Set box shadow when hover icon chat.
  • Button Shape (px): Set border radius for button start chat.

Some images of Style Facebook Chat

Configuration for Advanced

You can write some code by custom code field for Facebook Chat module Or add the jquery library