Create Live Chat with WebAppGear CMS


I. What is WebAppGear CMS

WebAppgear CMS is a Content Management System Plugin with Single Page Application style website. With WebAppGear CMS, you can managed your content and make your Web Application to be a Forum, Group Chat, Photo Gallery, Ticketing System, News Portal, Blog, Wiki and Live Chat with your customer. It's flexible CMS you can configure by your self without coding.

WebAppGear CMS managed the content in tree Hiararki, each content can have many sub contains. We call it a "Level". This screen below shows how WebAppGear CMS managed the content. We recommend to have at least 5 level of structure hiararki. Some features only works if you have 5 level of structured, like Latest content, Trending Topics, and Pinned content.



II. Create Live Chat.


  1. Login to your new website that your created with WebAppGear.


  1. After you login, click the Mail Icon on the Header.

  2. First time login you will see an empty tree view. 

  3. To create new Content, click the "Plus" [+] button on then right.

  4. First, you need input your content information as shown on the screen below.
    1. ID: is the identifier of each content. If you create a website with WebAppGear, then you need the ID of the your content as the parent forum/content. Get it from here.
    2. Name: is the title of the content.
    3. Info: Short description of the content.
    4. Icon: An image that represent the content, maximum size is 512KB, we recommend less than 256KB.
    5. Comment Type: Select Chat.

  5. Status, CmsContentType, Created, Updated, Updater.
    1. Status will have Open, Close and In Progress. If you don't need In Progress Status, ignore it. Close status will disabled the comment.
    2. CmsContentType: Select "Private".
    3. Created, Updated, Updater are the information of the content.
    4. Parent / Category/Sub Category: After you create the root content and some of sub categories,  then you can select the category or sub category of your content. If not, the you need to create it first. A new content group chat will be created for every different visitor email.
    5. Editor content is optional.
    6. Don't Forget to Save your works. Click the Save button on the bottom of the screen below below the content editor.

    7. After you clicked save, the the PopUp message will appear that indicated that you content have successfully save on the server. If you did't not see any message,  check your internet connection, when your internet connection back, the click Save agein. If it does not works, the important thing to do is  Copy from the editor, select all the content from editor, the click Ctrl+C or Copy on Android, the open an text editor such as notepad, paste it there.  After you paste it, refresh the browser / app, then find the content, then paste it to the Editor.
    8. Click Refresh on bottom of the screen
  6. Chat Widge Script. Copy paste the script on the text box and put it in the <head>...</head> tags. The script will automatically generated after you save this content.
  7. Modify your index.html page, paste the script.
  8. Live chat icon will appear on your website, example:

  9. Your customer need to click the messages icon button, then fill email and name.