LinkedIn
Copied!

Table of Contents

Customize the Web Chatbot channel

Version:

Only available versions of this content are shown in the dropdown

Modify the styling of Pega Intelligent Virtual Assistant (IVA) for Web Chatbot to fit your business needs and requirements. You can customize the Cascading Style Sheets (CSS) styles, change the default text for the action prompt for the chatbot, customize a user interface section used for chat responses, and also add custom controls to the channel.

Embed a chat window on a web page for a Web Chatbot channel. For more information, see Embedding a chat window for the Web Chatbot channel.

For example, add your own icons or additional useful information, such as date and time stamp for each chat message.

The styling changes that you make in the system affect all Web Chatbot channels that are defined in a Pega Platform application.
  1. In Dev Studio, click the name of your application, and then click Channels and interfaces.

  2. Modify the default text for the action prompt that is displayed in the preview console and chat window for the IVA.

    For more information, see Changing the default text for action prompt in the IVA for Web Chatbot.

  3. Update the Web Chatbot channel section used for user input.

    1. Edit the pyRenderSimulatorInbound section.

    2. Make user interface changes in the section.

    3. Click Save.

  4. Update the Web Chatbot channel section used for the response.

    1. Edit the pyRenderSimulatorOutbound section.

    2. Make user interface changes in the section.

    3. Click Save.

  5. Change the CSS styles for the Web Chatbot channel.

    1. Edit the pyWebChatCustomization rule.

    2. Modify the CSS styles, for example, for the background color, client input, submit area, header text, or submit button.

    3. Click Save.

  6. Create custom controls in the Web Chatbot channel.

    For more information, see Creating custom controls for the IVA for Web Chatbot.

  • Creating a Web Chatbot channel

    Create Pega Intelligent Virtual Assistant (IVA) for Web Chatbot so that users can interact with a Pega Platform application to answer questions, report an issue, or step through a process by sending messages in an embedded chat window. For example, with the IVA for Web Chatbot, users can create a case to inquire about a car price estimate or book a flight.

Have a question? Get answers now.

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