Embedding a chat window for the Web Chatbot channel

Generate mashup code for your Web Chatbot channel and embed it on an external website like a web page. The web page displays a chat window where users can interact with a Pega Platform application, for example, to obtain a list of commands or open a case.

Before you begin: Set up a Web Chatbot channel and obtain access to a web page for which you will embed the mashup code for a Web Chatbot channel. For more information, see Setting up a Web Chatbot channel.

To generate the mashup code for a website, specify a URL address for your Pega Platform application so that the system knows where to connect during a chat conversation.

Note: You must generate the mashup code again and embed it on a web site, if you change any Web Chatbot channel settings, for example, the URL for your Pega Platform application.
  1. In the Current channel interfaces section, click the icon that represents your existing Web Chatbot channel.
  2. In the Web Chatbot channel interface, click the Mashup tab.
  3. In the Mashup URL field, enter the URL for your Pega Platform application.
    For example: https://sample.pega.com:443/prweb/app/sampleapp_1234
  4. Click Save, and then click Generate.
  5. Copy and save the generated code from the Mashup code text area, for example, click Copy to clipboard.
  6. Embed the mashup code from step 5 on a web page that will be used as an IVA for Web Chatbot.