Deploy an SAP Conversational AI Chatbot on a Web Site
- How to add a chat bot to a web site
Daniel WroblewskiMarch 8, 2021Prerequisites
- 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
- Step 1
Go to SAP Conversational AI, sign in, and open the project for the bot you want to deploy.
For example:
- Step 2
-
Go to the Connect | Users Channels | Webchat.
-
Click Webchat.
-
Change the settings as you want, for example, change the color for the chatbot’s replies to light green.
-
Scroll down and click Create and copy the JavaScript code for your HTML page.
-
Click Save Changes.
-
- Step 3
Add the code to your web site.
For example, enable Microsoft IIS web server, and edit the
iisstart.htmlfile 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.
- Step 4
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.
-
Click Add A Menu Item, then Link, and then enter:
Button title SAP Conversation AI DocsURL https://cai.tools.sap/docs/
-
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.
-