Operata JS library integration

Loading the JS library

Load the Operata JS script in the <head> of your CCP application

<script src="https://static.operata.io/operata.js"></script>

Or use our npm package (if you are using a javascript bundler like webpack or parcel)

Installation

npm i operata

Load library

import {Operata} from 'operata';

Initialise the AWS softphone with the reference set to your Amazon Connect instance.

<script>
const softphoneDiv = document.getElementById('softphone');
const yourCCPPage = '<ccp url>';
const softphoneParams = { 
    "ccpUrl": yourCCPPage, 
    "loginPopup": true, 
    "softphone": { "allowFramedSoftphone": false } 
};
connect.core.initCCP(softphoneDiv, softphoneParams);
connect.core.initSoftphoneManager({ allowFramedSoftphone: true });
</script>

Configure Operata options to your group instance and add the script tag contents at the bottom of the <body> tag in your softphone deployment.

<script>
const operataOptions = {
    awsCCPUrl: '<Your CCP URL>',
    operataGroupID: '<Your Operata Group ID',
    operataGroupSecret: '<Your Operata Group Secret>',
    loadSoftphone: false, // This is optional. Enable a softphone here <defaults to false>. Skip step 3 if you set this options to true. 
};
Operata(operataOptions).then(() => {
    //execute anything after operata has been initialised.
}).catch((err) => {
    //handle operata initialisation error.
});
</script>

Initialisation Options