How to integrate ASAPP chat on AEM Pages

[manasabojja7]

Hi,

Our current application uses the ASAPP chatbot and by migrating the app into AEM, we would like to leverage the same chatbot implementation for AEM pages.

Do we have documentation or reference as to how it can be implemented/integrated?

Thanks in advance!

-Manasa

[SantoshSai]

Hi @manasabojja7,

You can very easily integrate 3rd party chatbot tools on AEM. Most live chat tools on the market focus on being easy to add to any web site by making integration client side, often just having to include a javascript library on the page and then placing an empty div and some inline javascript on the page. Generally you have to add the javascript library to either one of your existing client libraries or into the head of your files, and then have a component in the page that handles printing out the inline javascript and empty div.

It is as simple as adding their JavaScript to the page.

Additionally, you can refer to adobe published bot integration for web chatbots at [0]. as I said above it's a JS based bot, you can simply manage via clientlibs or script calls.

[0]: https://github.com/adobe/aec-bot-integrations/tree/master/aem-chatbot-demo

Hope that helps!

Regards,

Santosh

[Avinash_Gupta_ · Accepted solution]

@manasabojja7  There are two approaches that we have used in past to integrate grant chatbot on our AEM project. I think the same implementation would work for ASAPP chat bot as well based on your project.

AEM Approach :-

ASAPP chatbot provides their chat SDK library that you need to include at the head section of your base page component. Mostly these scripts are environment specific, you can either add an additional field on the page properties dialog and render the script from their or create a run mode config and get the SDK library URL and render it on the head section of the base page component.

Adobe Launch or data collection approach: - If your project are leveraging Adobe launch or data collection tags, you would need to create a rule and fire the chat SDK library on page load. This is simplest approach and won't need any AEM code deployment. We have implemented chatbot integration through this approach.

Hope this helps!