Question
Vodafone
IN
Last activity: 16 Jan 2025 8:19 EST
How to embed web messaging gadget in constellation application
Hello team ,
How do we embed web messaging chat bot created in pega to be displayed in constellation portal . There are articles that talks about how do we ingest javascript file in other web pages . Installing Web Messaging widget (pega.com).. Is there any widget exist in constellation OOTB that we configure as part of portal to show chat bot created in pega ?
Accepted Solution
Updated: 16 Jan 2025 8:19 EST
Vodafone
IN
Pegasystems Inc.
CA
Digital Messaging Manager provides a system-generated javascript code snippet that is unique to your Web Messaging connection. You can embed this code in a page on your website to display the Web Messaging widget to users.
Is your requirement to embed the chatbot in your Pega Web portal? or Website?
I don't think we have any OOTB Constellation widget to embed chatbot.
Vodafone
IN
@RameshSangili Thanks Ramesh for reverting back .. Our requirement is to embed in constellation pega portal rather than external web site.
Accepted Solution
Updated: 16 Jan 2025 8:19 EST
Vodafone
IN
Workaround for this problem
@PraveenkumarN9639 , @RameshSangili , @MarissaRogers : There is a work around till pega releases widget for this use case. There is an HTML fragment called pyPortalIcon which will be rendered in all constellation portals. We can add digital messaging script url in this rule such that web messaging widget gets rendered in the portal.
Relevant code snippet:
String portalName = tools.findPage("pxThread").getString("pxPortal");
<% if(portalName.equals("WebPortal") || portalName.equals("EndUserPortal")){
%>
<script id="pega-wm-chat" src="https://widget.use1.chat.pega.digital/*****/widget.js"></script>
<%
}
%>
Commonwealth Bank of Australia
IN
Hello @PraveenkumarN9639,
How do we get the digital messaging script url? Do we need Customer Service framework? Is this not doable in Pega 24.2? Could you please provide some insights.
Vodafone
IN
@NaliniS17287351 : Hi Nalini,
Please go over below doc link to know more about digital messaging. Its a subscription model from pega , you can reach out to your account executive and then they will set up the service for you to use. Digital messaging is independent of any frameworks. After setting up of digital messaging, you will get options to configure web messaging channel and the outcome of it would be the javascript file which can be integrated into any web applications. The initial thread is about how do we embed this script in pega constellation application.
Pegasystems Inc.
CA
Yes, that's correct. Richard Marsot mentioned it's not a best practice to customize using pyPortalIcon (please check at 1:23 onwards)
https://community.pega.com/event/clsa-community-advanced-constellation-whats-new-24
HCA Healthcare
US
@PraveenkumarN9639To embed a web messaging chatbot in a Constellation application, get the chatbot script from the Web Messaging configuration in Pega, which includes your tenant and widget details. Add this script to your Constellation portal by navigating to the portal's configuration in App Studio and inserting the script in the Additional Scripts section or integrating it into your custom React-based UI. The script typically places the chatbot in the bottom-right corner, but you can adjust its position using CSS. Test the integration to ensure the chatbot appears and functions as expected. If needed, create a custom React component to load the script and embed it in the portal using Pega’s SDK for more advanced use cases. Currently, there’s no direct out-of-the-box widget for Constellation, so this approach is necessary
Vodafone
IN
@Sairohith: Thanks for the revert. We didn't come across any option of additional script, hence the work around. Could you please share some screenshot on where we can find additional script option in App studio to configure our digital messaging script file.
Workaround for this problem
@PraveenkumarN9639 , @RameshSangili , @MarissaRogers : There is a work around till pega releases widget for this use case. There is an HTML fragment called pyPortalIcon which will be rendered in all constellation portals. We can add digital messaging script url in this rule such that web messaging widget gets rendered in the portal.
Relevant code snippet:
String portalName = tools.findPage("pxThread").getString("pxPortal");
<% if(portalName.equals("WebPortal") || portalName.equals("EndUserPortal")){
%>
<script id="pega-wm-chat" src="https://widget.use1.chat.pega.digital/*****/widget.js"></script>
<%
}
%>