LinkedIn
Copied!

Table of Contents

Embedding a chat window for the Web Chatbot channel

Version:

Only available versions of this content are shown in the dropdown

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.

Create 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 Creating 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.

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.
To learn about configuring authentication for the IVA for Web Chatbot, see Authentication in Web Chatbot.
  1. In the navigation pane of App Studio, click Channels.

  2. In the Current channel interfaces section, click the icon that represents your existing Web Chatbot channel.

  3. In the Web Chatbot channel interface, click the Mashup tab.

  4. In the Mashup URL field, enter the URL for your Pega Platform application.

    https://sample.pega.com:443/prweb/app/sampleapp_1234
  5. Click Save, and then click Generate.

  6. Copy and save the generated code from the Mashup code text area, for example, click Copy to clipboard.

  7. Embed the mashup code from step 6 on a web page that will be used as an IVA for Web Chatbot.

Style the IVA for Web Chatbot to fit the needs and requirements of your organization. For more information, see Customizing the Web Chatbot channel.

Related Content

Did you find this content helpful?

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.