Skip to Content

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.
You will learn
  • How to add a chat bot to a web site
thecodesterDaniel WroblewskiMarch 8, 2021
Created by
thecodester
May 31, 2020
Contributors
thecodester
  • Step 1

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

    For example:

    Open project
  • Step 2
    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.

  • Step 3

    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
  • 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.

    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
  • Step 5

    By default, SAP Conversational AI saves the user's chat for how many hours? Check the Webchat settings.

Back to top