Install WebChat 2.0 FrontEnd

Note

An Enterprise license or higher is required to access these features.

Note

An Dialogue Cloud WebAgent for Omnichannel license is required.

Introduction

The WebChat FrontEnd can be loaded into a webpage as a script. The WebChat FrontEnd also provides a demo site you can use to assist you with building a configuration. When you are happy with your configuration you can put it on a website.

Step 1: Deploy WebChat FrontEnd

The package contains a bootstrapper and a demo page which can be hosted in IIS.

  1. Extract the contents of the zip file and host contents of the WebChat folder in IIS

    Path
    C:\inetpub\wwwroot
  2. Within the WebChat folder, there is a config folder containing a config.json file. The config in the zip will look like this:

    config.json
    {
    "apiurl": "https://your.website.url/WebChatDialogueProvider",
    "uccName": "ucc_",
    "logWebAgentMessages": false,
    "reduxDevToolsEnabled": false,
    "mapsApiKey": "",
    "appInsightsKey": ""
    }
    1. apiUrl = should be replaced with the url for your installed WebChatDialogueProvider instance

      Important

      apiUrl needs to be accessible by the customer.

    2. uccName = should be replaced with the  name for your default UCC.

    Note

    We advise not to alter the logWebAgentMessages, reduxDevToolsEnabled, and appInsightsKey values, to prevent leaking internals to the console or the redux dev tools.

  3. Open IIS.

  4. In IIS choose option ‘Convert to Application’. A popup will appear.

  5. Click on the ‘OK’ button.

  6. To verify select 'Browse *' on the right side of IIS.

Step 2: Access demo page

Note

Changes made on the demo page will only be stored in your local cache, not the server configuration.

  1. You can use the URL where you have deployed the WebChat Frontend (see: Step 1: Deploy WebChat FrontEnd)
    This url can also be used to integrate your WebChat FrontEnd into your website.

Step 3: Integrate in your CMS platform

Note

If your CMS platform is not in the list, you can use the HTML integration, see: Integrate WebChat 2.0 FrontEnd into HTML