Page tree
Skip to end of metadata
Go to start of metadata

Introduction

Widgets are the basic building blocks of dashboard, wallboard and activities on tabs. You can customize and define how the working space of each operator will looks like. iFrame widget can display the external web application in operator's working space. iFrame widget can be used on dashboard, where is refreshed every few seconds or it can be used when operator is working on some activity on tab (call, email, webchat, sms, ...).

Configure iFrame widget on dashboard

You can configure the widgets on dashboard by going to Settings→ Users→Roles and click on the gray screen icon.


Drag and drop the Page in iframe widget into the dashboard area and click on the settings of the widget.


Enter the URL address and height of your application (which should be loaded into the iframe). You can use the query string parameters (see below the Parameters section) or set the iframe height in pixels.


You can go back to dashboard and see the iframe widget with your application.


Configure iFrame widget on activity tab

You can configure the widgets on activity tab by going to Settings→Queues and click on the gray icon of screen of the respective queue.


Drag and drop the Page in iframe widget into the dashboard area and click on the settings of the widget.


Enter the URL address and height of your application (which should be loaded into the iframe). You can use the query string parameters (see below the Parameters section) or set the iframe height in pixels.


Agent answers a call and the iframe widget is shown on his activity tab with the loaded external application. (echo service in that case)


Parameters - how to use them in iFrame

You can use the parameters from the activity in the iframe URL. You need to use javascript syntax when accessing the parameters. Lets show it on practical example where we would like to have iframe widget on incoming call activity tab. We would like to call our example echo service with the query string parameters of phone number, agent's name and queue's name.

How to get the parameters for this example:

  1. We are working with call activity and such we have access to all values in theactivitycall object
  2. Use the javascript notation of '+activity.item.<object property>+'
  3. If the <object property> is type of object you can all properties of this inner object by using id_object.property notation (example: '+activity.item.id_agent.name+')
  4. This is the final url which we put into the iframe widget:

https://www.daktela.com/downloads/echo-service.php?callerid='+activity.item.clid+'&agent_name='+activity.item.id_agent.name+'&queue_name='+activity.item.id_queue.title+'


  • No labels