Question
IN
IN
Last activity: 20 Jan 2021 12:39 EST
Pega WebChatbot on click of button - load PegaHelper on button click
We are building WebChatbot using Pega (8.2.2) and have a requirement where our external site will have a button on click of which we will show a panel with 3 options and one of the option will be a button with "Chat Now". Currently the PegaHelper.js gets loaded on load of window. Can we have it loaded on click of the button. What is best way to achieve this.
I tried commenting $(document).ready(function() {} in PegaHelper.js with this on click of Chat Now the InvokeAdvisor is called and chat window is opened but the minimize doesn't work. So I believe I might need to include a custom function in PegaHelper.js instead of $(document).ready(function(). Kindly let me know if there is a better way.
Kindly help with the snippet.
Updated: 9 Dec 2020 15:58 EST
IN
IN
I have already gone through below url. Requirement is - don't want the PegaHelper.js to load on window load.
https://collaborate.pega.com/question/initiate-pega-chatbot-through-button
Pegasystems Inc.
US
Best option here would be to update the PegaStyles.CSS file to add a line at the end:
#launcher {display:none};
Then, when you click on the Chat Now option, just call InvokeAdvisor.
I don't understand why you don't want the PegaHelper to load on window load.
IN
IN
Thanks Amit.
The helper JS and mashup pega script both seem to be listening for window.load events and the only way custom event worked was to load both these scripts in head. Can you let us know if we can invoke the chatbot dynamically.
We have a Help icon - on click of this we are opening a small flyout where we have 3 options and of those one will have a "Chat Now". So we want to load the files if customer clicks on Help icon.
IN
IN
Hi Amit,
Could you please let me know if loading all the scripts(Mashup scripts, PegaHelper scripts) async is possible/advisable.
#Chatbot #CSSelfService #CustomerService
Pegasystems Inc.
US
@AbhilashR1892 No, this is not advisable without some refactoring of the PegaHelper script. The PegaHelper script has some on page load and on dom load events that will not trigger correctly if loaded async. The entire content of the PegaHelper is closed in a function, so you can't just call the onload functions directly either. If you are comfortable in javascript, you should be able to refactor it. It's not something that's made available OOTB.
Amit