What’s New in 1702 – SAP Hybris Cloud for Customer – Call Center Integration in RUI
With release 1702 of SAP Hybris Cloud for Service, it is now possible to properly handle incoming phone calls in the new Responsive UI. Call center integration in Responsive UI brings some key advantages compared to similar features available in HTML5, and a few limitations that will be removed over time. In this blog post, we will provide an overview of the new capabilities, highlighting such advantages and limitations.
Live Activity Center
In HTML5, call center integration is exposed to the end user via the “Live Activity” side pane.
The side pane updates automatically whenever there is an incoming phone call, and the agent can keep it open while browsing other screens. However, it also provides very limited real estate for a proper caller identification flow, or for any other integration scenario.
In the new Responsive UI, the side pane has been replaced by a new workcenter view, labeled “Live Activity Center” and available under Service. By leveraging the whole screen, the Live Activity Center allows for a much improved user experience and for more flexible integration options, as we shall see later in the post.
The Live Activity Center has been designed around the needs of an agent handling a call, and can be broadly divided into three parts: the global search, the call information, and the follow up actions.
- The global search, on the left side of the screen, allows the agent to identify the caller using any available piece of information: customer attributes, ticket attributes, and soon other common identifiers such as serial numbers or order IDs. The search returns a mix of objects, but any of the results can be used to confirm the caller, using the Confirm icon available on each item.
- The call information area is similar to what was provided in the Live Activity side pane, but provides much more room for notes, extension fields, and additional components. A phone activity is created automatically every time a call is received, and this area allows the editing of its attributes.
- The follow up actions replace the three buttons available within the Live Activity side pane, in a more flexible way that will make it easy, over time, to extend the list of available options. In release 1702, the actions allow the agent to create a new Individual Customer (in case the caller does not already exist in the system) or a new follow up ticket.
Whenever there is an incoming phone call, the agent is alerted through a screen pop, which is shown regardless of the screen currently displayed. A click on the screen pop brings the agent right into the Live Activity Center, where a search is automatically triggered based on the caller’s phone number.
Integration via Local Adapter
Connecting a telephony provider to SAP Hybris Cloud for Service can now be achieved in two ways: with the usual approach based on the local CTI adapter; or by embedding remote widgets. Let’s review the usual approach, which works equally well in HTML5 and RUI, before introducing the new option.
There are two prerequisites to achieving telephony integration via CTI adapter:
- There must be a telephony client running on the agent’s machine
- It must be possible to make a simple enhancement to such client, in order to make a parametrised HTTP call to localhost whenever the agent receives a phone call
The enhancement required is very simple and usually taken care by a system integrator with experience on the specific telephony infrastructure. All details can be found in the SAP Hybris Cloud for Customer Administrator Guide, available on the SAP Help Portal, under Integration -> Integration with External Systems -> Computer Telephony Integration (here is a link to the current version of that section).
In practice, whenever the agent receives a phone call the telephony client will pass all call attributes (caller’s number, called number, other information collected via IVR) to the local adapter via an HTTP call to localhost. The adapter, which is constantly listening on a specific localhost port, will take the information and push it to the browser window/tab in which C4C is running.
In HTML5 this event triggers a refresh of the Live Activity side pane and an automatic caller search. In RUI the same event triggers the screen pop, and a click on the screen pop opens a new instance of the Live Activity Center, where a caller search is automatically initiated.
From the agent’s perspective, the screen pop appears exactly when the softphone starts ringing. All call controls (hold, forward, hang up, etc.) are still in the telephony client, but the agent can immediately start taking notes in C4C while handling the call.
This integration is available out of the box with the latest versions of SAP Contact Center, and can easily be achieved with all the other most common telephony providers available in the market. There isn’t a precise list of supported providers: as long as the two prerequisites mentioned above are fulfilled, the integration should be achievable. From our interactions with customers, we are aware of projects in which C4C has been connected to Avaya, Cisco, Genesys, and several other providers. By the way: if you have been involved in such a project please leave us a note in the comments or shoot us an email, we’d love to heard from you.
In summary, these are the main advantages of the integration via CTI Adapter:
- It’s easily achievable with any provider, no matter if market leader or niche player, as long as the prerequisites are fulfilled.
- It’s extremely scalable: the integration is local to the agent’s machine, so the connection between the telephony client and C4C is instantaneous regardless of whether the call center handles 10 or 10,000 calls per hour.
At the same time, the approach carries a few constraints:
- There must be a local telephony client, thereby making it quite tough to integrate to pure cloud providers, which include many of the most recent players.
- It must be possible to install the CTI adapter on all workstations, which means: limitations on the supported operating systems (e.g. the adapter only runs on Windows); need to update the common desktop image, which could be a nuisance for the IT department; and in general a local footprint, which may bother some cloud “purists”.
The new approach introduced with release 1702 addresses exactly these constraints.
Integration via Embedded Widget
With release 1702, it is now possible to connect SAP Hybris Cloud for Customer with a remote telephony widget. This integration approach is based on loading an external front-ent component provided by a third party (e.g. the telephony provider, or a system integrator), and it is only available when using the new Responsive UI.
The remote widget can be loaded as hidden, or displayed within the screen pop. When loaded as hidden, the widget removes the need for the CTI adapter, and provides a user experience very similar to the usual integration: the call is controlled via the telephony client, which is still external to C4C but does not need to be running locally anymore.
When displayed within the screen pop, the widget removes the need for the CTI adapter and allows the agent to control the call directly from within C4C, acting as an embedded softphone and therefore also removing the need for the external telephony client.
This approach is strategic for C4C, and will be enhanced with each future release. For example, the administrator will soon be able to add a mashup to the Live Activity Center, right above the Call Information section, and use it to embed a full telephony console, providing the agent with all the controls which cannot fit within the screen pop.
Here is an example of what can already be achieved, using a widget provided by SAP Contact Center:
Technically, the widget is rendered within an iframe inside the screen pop. The administrator can configure the URL of the remote widget from the Live Activity Configuration screen available under Administrator -> Service and Social -> Communication Channels.
In order to embed a remote widget, select “External Provider”, choose an ID, and input the URL where the widget resides. The checkbox “Display Provider Control” defines whether the widget should be rendered within the screen pop, or just loaded as hidden. To switch back to integrating via the CTI adapter, select “SAP CTI Adapter” and “http://localhost:36729/CTIMain.htm”.
Since the widget is rendered within an iframe, it can communicate with C4C via a javascript call of type window.parent.postMessage(). The supported parameters are the same available when using the local adapter, documented in the Administrator Guide. Here is an example:
RUI vs. HTML5
Compared to the similar capabilities available in HTML5, call center integration in RUI brings therefore some clear advantages but also, as of release 1702, a few limitations.
The main advantages of RUI compared to HTML5 are:
- Screen pop to alert the agent of an incoming call
- Full screen caller identification flow, including global search across objects
- Ability to embed remote softphone widgets, removing the need for the local CTI adapter
This list will expand with each future release, for example with the ability to create new Accounts from a phone call, or the ability to serve agents not just phone calls but also tickets coming from other channels (both highly demanded features which will not be added to HTML5).
The major limitations of RUI compared to HTML5, as of release 1702, are:
- No way to connect a phone call to an existing ticket
- No support for outbound calls
- No ability to create a Contact from a phone call
This list will get shorter with each future release, as RUI reaches and surpasses the capabilities and user experience provided by HTML5.
Conclusion
The new call center integration capabilities in RUI are a key enhancement delivered with release 1702. Since this is the first release in which the feature is productively available, it still carries several limitations which need to be evaluated within each customer’s scenario.
Administrators should consider pros and cons of switching from HTML5, and gauge whether the advantages justify switching immediately, or whether the required compromises make it safer to wait for one or two additional releases. In any case, we recommend road testing the feature, and look forward to receiving your feedback.
All the best,
Gab
Hi Gab,
Thank you for the nice blog on LiveActivity Center.
How can we extend this screen? I am trying to add few fields to the customer pane. I tried with the component LiveActivity/LiveActivityInteraction_OWL.OWL.uicomponent, it doesn't have the option to add extension fields.
Thanks,
Praveen
Hi Praveen,
Extensibility of the Live Activity Center is planned to be supported with release 1705. From RUI, it will be possible to open the floorplan in HTML5 and adapt it as usual.
Kind regards,
Gab
Thank you Gab for the information.
Thanks for a detail blog with a lot of Information.
Thanks you Gab for a details blog with a lot of information.
Thanks for the article.
The embedded widget integration looks very promising and opens new possibilities.
If there are more information / guides / links you could share on embedded widget CTI integration would be more than welcome. I would love to test that out in our systems.
Best regards,
Dimitris Doulamis
Dears, I'm writing this email about your topic What’s New in 1702 – SAP Hybris Cloud for Customer – Call Center Integration in RUI, as below:
1- are those features not supported in the earlier releases?
2- do the earlier releases not web-based so I cant do URL integration with parameter passing? I'm working in a cisco partner for contact centers, I have a customer they have now SAP hybris c4c Cloud based, this customer request for Cisco Unified Contact Center Express V11.5 and the customer request to integrate the Contact Center with the existing SAP Hybris CRM, so I need your confirmation that the existing SAP system support integration with the Contact Center using the following integration levels:
1- option 1 URL integration with parameter passing, that mean when the agent receive the call a pop-up message will appear in front of the agent inside Cisco Finesse agent desktop.
2- option 2, to embed SAP Hybris CRM interface inside Cisco Finesse Agent Desktop as a gadget, 3- IVR integration with SAP Hnbris CRM through web-services for self-services and authentication.
Can i get any help on documentation on how to implement Integration via Embedded Widget for a Cloud Telephony providers.
https://github.wdf.sap.corp/SAPC4CService/SAPHybrisC4CCTIWidget
Hi Gab,
Thank for the blog. Our client is currently evaluating CISCO for the CTI integration. However I am trying to find which is the best version for the CISCO which can be used for this integration. Could you provide some insight on the versions which we can recommend to our client to procure?
Regards,
--Swaroop
Hi Swaroop, No specific recommendation for Cisco version. It keeps changing on Cisco side. As long Cisco integrated with C4C using on of these approaches, we are good.
Thanks Kiran
Hi Gab,
Can you give us insight about what will be the provider ID and Provider URL used for SAP Contact Center ?
And whether is there any enhancement required at the SAP Contact Center system .
Regards,
Vishal Menon
Dear Gab,
Could you please provide this sample widget.html that is used the second example? I could not find it in those samples provided with ECF 11.
Best wishes,
Meelis Annus
https://github.wdf.sap.corp/SAPC4CService/SAPHybrisC4CCTIWidget
Sample widget code is now available at - https://github.wdf.sap.corp/SAPC4CService/SAPHybrisC4CCTIWidget
Dear Kiran,
Could you please post it somewhere outside your corporate network? It would appear this link points to a private top level domain.
Best wishes,
Meelis
@kiran.karadi1
Can you please post this document somehwere else? We are not able to access it.
Thanks
Saruchi
Hi
can you post somewhere example of external widget implementation? above github links are not available.
is there any SDK development needed so that external widget integration works (like GET to receive that POST from javascript)?
Hi all,
Firstly the document is very good.
i am new to C4C and like to use inbound call CTI (Avaya) with hybris c4C 1802.
i have downloaded CTI addapter from Hybris downloads. (but not sure on how to use simulate function on it)
i also have Avaya one-X agent on my laptop. Now i am not sure what settings i need to maintain inorder for CTI to work.
basically i want to call number from my mobile and demonstrate it rings on the C4C. Any help is appreciated.
Jasmeet,
Which Adapter did you download, the Avaya or AMC Technology Adapter?
Best Regards,
Paul
i am using Avaya
Hello All,
I am investigation the integration options and it is clear that the new way of integration is through embedding remote widgets. Correct me if i am wrong, the embedded widget is supported only in RUI and does not support the outbound call. can you please let me know if the new release support the scenarios below:
thanks and Regards
Pasquale
Hi Former Member and @kiran.karadi1
I am struggling to find the -->
In the new Responsive UI, the side pane has been replaced by a new workcenter view, labeled “Live Activity Center” and available under Service.
Any idea why this is not visible. i am using Internet explorer and in HTML5 it works.
Any help is appreciated. thanks
Hello All,
Im trying to configure the scenario with SAP Contact Center and C4C RUI interface. But I have some questions and the steps isn't clear to me.
* Where is located the standard widget provided by SAP Contact Center?
My goal is something exactly as the screenshot above the text: "Here is an example of what can already be achieved, using a widget provided by SAP Contact Center:""
But isn't clear to me what we need to fill in "Provider URL".
Can anyone help?
BR
Ciro.
Hi Ciro,
Once you have done necessary installation tasks then the files can be found from folder:
\SAP\ContactCenter\VU\ VU name \tomcat\webapps
If you have problems to install the ECF components, then I would recommend 1st to check training documents available at https://help.sap.com/viewer/product/SAP_CONTACT_CENTER/7.0/
(requires logging on, then select version to be OnPrem and Training and Education chapter)
Other option is to contact Roman Errepart (see next comment in this blog), they have experience about ECF and C4C.
BR,
Jukka
Hi Jukka,
Current SAP C4C does not support CORS (https://chrome.google.com/webstore/detail/iframe-allow/gifgpciglhhpmeefjdmlpboipkibhbjg).
Because of that running SAP Contact Center FP13 widgets is not possible in C4C without an additional Chrome Extension.
Will there be and update available for C4C in the future that would support CORS or would SAP Contact Center have a different version of widget for C4C?
Up until SAP Contact Center FP12 it run just fine, the problem is only with FP13.
Best regards,
Roman
Hi Roman,
Tomorrow we are planning to ship FP14 package which has the answer. 🙂
As you might know the latest C4C brought support for CTI chat sessions in RUI. Our example widget doesn't have chat support and we were forced to do something. The decision was to open up Communication Panel usage for C4C.
The video you are referring to seems to be about iFrame. That's the technology how you can embed things to C4C. However, the iFrame is not seen as most secure way of doing things, it may challenge the security. Therefore SAP has policy that no application should run by default inside iFrame and also we are blocking this in our ECF applications. One can of course workaround this via white listing applications like we have done in FP14.
We should book a call for show and tell what's new in FP14.
BR,
Jukka
Hi
We have the new C4C interface up and running together with SAP Contact Center. All working fine. No CTI adapter installation required.
It required quite some customization and some further improvements are on the way as well to improve the interface of the phone window.
Here is how it looks in our own system right now:
Hi Expert,
Is it possible to save the ANI and DENI data in custom fields?
thanks
Lucho
HI @kiran.karadi1 ,
Could you please share with me an Sample widget code, link you provide is not working
Thanks a lot,
Regards,