...
Sign up as a customer on Ascendo Application
Go through the Admin process in Ascendo to create Business Unit
Set up Data Connection Integration or upload data for Ascendo Self Learning
Set up AI Bot Support Channel
Create the AI Bot key in the admin portal.
Once data upload, need to map your data with Ascendo. Under Mapping menu
Get AIBot API Key from Support Channel → AI Bot.
3. Implementation Details
...
| Code Block |
|---|
<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> |
...
iframe src="https://<org name>.aibot.ascendo.ai/null?api_key=<api_key>"
3.2 Entitlement Integration
...