Quick-Transfer

This project is intended as a sample widget for Webex Contact Center, that enables the transferring of a call with a single click. It can also, optionally, be used as a speed dial when not on an active call.

Introduction

For some call centers it is common to transfer many calls to another number. This widget streamlines call handling by eliminating the need for agents to click multiple buttons or search for numbers.

Watch the Video: Quick-Transfer Widget

Getting Started

If you wish to run the widget without making any changes, use the pre-built version located in the dist/assets folder and start with step six. Alternatively, follow the instructions below to build and deploy the widget.

1. Download this project or git clone https://github.com/dwfinnegan/quick-transfer
2. From the project directory run npm install
3. Modify the code to suit your needs
4. Run npm run build to build the widget
   • The build process dumps the output in the dist/assets folder
5. Rename the file to your needs, but I would suggest quick-transfer.js
6. Copy the file quick-transfer.js to your preferred cloud storage platform
7. Add the widget to your Desktop Layout Adv Header section (example snippets below)

Configure the following properties

• darkMode: (String) $STORE.app.darkMode
• directoryNumber: (String) Number for transfer or speed dial
• allowSpeedDial: (Boolean) enables speed dial mode when not on a call
• outboundEntrypointId: (String) ID of the outbound entrypoint, only needed if allowSpeedDial is set to true
• outboundAni: (String) ANI to use for SpeedDial, only needed if allowSpeedDial is set to true

Example with Speed Dial Enabled

  "advancedHeader": [
    {
      "comp": "quick-transfer",
      "properties": {
        "darkMode": "$STORE.app.darkMode",
        "directoryNumber": "12015551000",
        "allowSpeedDial": true,
        "outboundEntrypointId": "74cac4a2-1b3c-485e-c169-708cb5e1f933",
        "outboundAni": "+12015551212"            
      },
      "script": "https://somecloud.storage.com/quick-transfer.js"
    },
    ... // other components
  ]  

Example with Speed Dial Disabled

  "advancedHeader": [
    {
      "comp": "quick-transfer",
      "properties": {
        "darkMode": "$STORE.app.darkMode",
        "directoryNumber": "1000"          
      },
      "script": "https://somecloud.storage.com/quick-transfer.js"
    },
    ... // other components
  ]  

Changelog

[0.1.0] - 2025-02-27

• Initial project commit