Deploy an SAP Conversational AI Chatbot on a Web Site
Deploy an SAP Conversational AI chatbot on a web site and control the look and feel.
Overview
You will learn
- How to add a chat bot to a web site
Prerequisites
Prerequisites
- You have build a chatbot. You can use one of the following tutorials:
- Build Your First Chatbot with SAP Conversational AI
- Build Your First FAQ Chatbot
- Create Chatbot for Customers of Shipping Company
Steps
Go to SAP Conversational AI, sign in, and open the project for the bot you want to deploy.
For example:
Go to the Connect | Users Channels | Webchat.
Webchat Click Webchat.
Change the settings as you want, for example, change the color for the chatbot’s replies to light green.
Webchat options Scroll down and click Create and copy the JavaScript code for your HTML page.
Code Click Save Changes.
Add the code to your web site.
For example, enable Microsoft IIS web server, and edit the iisstart.html file by adding the script code.
If you now open the default page, you will the chatbot at the bottom right, with the texts you defined.
If you start to chat, you can see that the chatbot’s replies are in light green.
You can also add a static menu to the bot, so users will always have a set of links in case they need, for example, to check the documentation or reach out to support.
Go to the Connect | Users Channels | Webchat.
Choose Add a persistent static menu.
Menu Click Add A Menu Item, then Link, and then enter:
| :————- | :————- | Button title |
SAP Conversation AI Docs| URL |https://cai.tools.sap/docs/
New link Click Save.
You can add a menu of links, nested menus, and buttons so users can add standard responses into the chat.
Go back to your web page with your chatbot, and you will now see a hamburger menu.
Click on the icon and you will see the menu.
Resources
Discussion
Share feedback on this tutorial or join the conversation in SAP Community.