How to integrate ASAPP chat on AEM Pages | Community
Skip to main content
M
manasabojja7
Level 3
November 15, 2022
Solved

How to integrate ASAPP chat on AEM Pages

  • November 15, 2022
  • 2 replies
  • 1015 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Avinash_Gupta_

@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!

2 replies

SantoshSai
Community Advisor
SantoshSaiCommunity Advisor
Community Advisor
November 15, 2022

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

Santosh Sai
    Avinash_Gupta_
    Community Advisor and Adobe Champion
    Avinash_Gupta_Community Advisor and Adobe ChampionAccepted solution
    Community Advisor and Adobe Champion
    November 15, 2022

    @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!

      Terms & ConditionsAccessibility statement

      Loading footer...