What is App(extension)
  • 14 Jul 2022
  • 1 Minute to read
  • Dark
    Light

What is App(extension)

  • Dark
    Light

Article Summary

A Comm100 App extends the existing functionality of Comm100. You can develop your own apps based on the APIs of Comm100 to extend the functionality of Comm100 system.

You can build an app to add features to Comm100 system and extend the user experience. You can also pull Comm100 data into your app, platform or integration.

To tailor experiences to their specific needs, users use Comm100 apps to help integrate with external services, and add features to their Comm100 system.

How does it work?

All apps have a manifest.json configuration file. In the file, you can configure one or more widgets to be displayed in comm100 products, such as on the Live Chat tab and Ticketing & Messaging tab in the agent console. These configurations are finally displayed under the corresponding product through iframe. The following example is an extension of the Live Chat tab, which specifies the content to display in the Iframe through 'url' and the tab icon through 'icon'.

{
  "manifestVersion": "2.0",
  "agentConsole": {
    "widgets": {
        "chatTab": {
            "id": "livechat-custom-tab",
            "url": "./index.html",
            "label": "Live Chat Tab",
            "icon": "./icon.png"
        },
    },
  },
}

Comm100 allows you to host the app in the comm100 system. You can also host the app on other servers or your own servers.

If you want to call the App API in the page to obtain the resources of Comm100 products, you must first reference the SDK provided by Comm100. If the front end uses HTML, JavaScript, or CSS, you can reference SDK as following:

<script type="text/javascript" src="https://static.comm100.io/sdk/comm100-app-sdk-v1_0_5.js"></script>

Then you can create an instance of "APPClient" to communicate with the Comment100 Agent Console.

const client = APPClient.init();
client.get("agentconsole.currentAgent").then(function (data) {
  console.log(data);
});

To learn more about app API, click here

What App can do

App can extend the agent console like adding custom tabs, adding action buttons on the toolbar to enhance chat and ticket functionality. Apps can also extend the control panel to add your own page to the control panel to enhance admin's functionality.


Was this article helpful?

What's Next