AI Bot Integration Guide
- Hemapriya (Unlicensed)
AI Bot Overview
Ascendo predictive service can be used as a backend to any Chatbot. Essentially the AI bot can use the learned responses to help with its own automatic responses to end customer queries.Â
Purpose
This document details how to integrate AI bot into the customer environment.
Prerequisites:Â
Sign up as a customer on Ascendo ApplicationÂ
Complete the setup process
Upload data in Data Integration for Ascendo Self Learning
Once uploaded, complete the data mapping step
Get AI Bot API Key from Support Channel → AI Bot
Implementation DetailsÂ
Integrating AI BotÂ
In order to use the AI bot in a different website as a widget, create an iframe with the given URL.Â
Code SnippetÂ
The following code has been implemented in angular and can be easily converted to any other language. <org_name> represents your organization name in the following code. For example, if your organization name is acme, replace all <org_name> with your organization name (acme in this case).
Â
<div id="chatbot-div-active" *ngIf="is_chatbot_active===true">
<iframe src="https://<org_name>.aibot.ascendo.ai/<email>?api_key=<api_key>"
class="chat-iframe" title="chatbot"></iframe>
</div>
<div id="chatbot-div-not-active">
<div *ngIf="is_chatbot_active===false">
<button mat-fab (click)="is_chatbot_active=true;"
style="color:#ffffff; background-color:#1a73e8;">
</button>
</div>
<div *ngIf="is_chatbot_active===true">
<button mat-fab (click)="is_chatbot_active=false;"
style="color:#ffffff;background-color:#1a73e8;">
</button>
</div>
</div>
<style type="text/css">
#chatbot-div-active{
box-sizing: border-box;
position: fixed;
right: 2rem;
bottom:88px;
z-index: 5;
width:320px;
max-width: 90vw;
height:500px;
}.chat-iframe {
box-sizing: border-box;
width: 100%;
height:100%;
background: transparent;
border:none;
}
#chatbot-div-not-active{
box-sizing: border-box;
position: fixed;
right:2rem;
bottom: 1rem;
z-index: 5;
}
</style>Note: <email> should be the end customer email if your organization knows the person that has logged in. If it is not available, they need to enter null.
iframe src="https://<org name>.aibot.ascendo.ai/null?api_key=<api_key>"
Â
Ascendo.ai