Skip to Content

Deploy an SAP Conversational AI Chatbot on a Web Site

test
0 %
Deploy an SAP Conversational AI Chatbot on a Web Site
Details

Deploy an SAP Conversational AI Chatbot on a Web Site

July 28, 2020
Created by
May 31, 2020
Deploy an SAP Conversational AI chatbot on a web site and control the look and feel.

You will learn

  • How to add a chat bot to a web site

Prerequisites


Step 1: Open your project

Go to SAP Conversational AI, sign in, and open the project for the bot you want to deploy.

For example:

Open project
Log on to answer question
Step 2: Get web code
  1. Go to the Connect | Users Channels | Webchat.

    Webchat
  2. Click Webchat.

  3. Change the settings as you want, for example, change the color for the chatbot’s replies to light green.

    Webchat options
  4. Scroll down and click Create and copy the JavaScript code for your HTML page.

    Code
  5. Click Save Changes.

Log on to answer question
Step 3: Add code to web site

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.

Add code

If you now open the default page, you will the chatbot at the bottom right, with the texts you defined.

Website with bot

If you start to chat, you can see that the chatbot’s replies are in light green.

Chatting with bot on site
Log on to answer question
Step 4: Add menu

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.

  1. Go to the Connect | Users Channels | Webchat.

  2. Choose Add a persistent static menu.

    Menu
  3. Click Add A Menu Item, then Link, and then enter:

    Button title SAP Conversation AI Docs
    URL https://cai.tools.sap/docs/
    New link
  4. 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.

Hamburger menu

Click on the icon and you will see the menu.

Menu displayed
Log on to answer question
Step 5: Test yourself
By default, SAP Conversational AI saves the user's chat for how many hours? Check the Webchat settings.
×

Next Steps

Back to top