Table of Contents

Creating cases from a web mashup


Only available versions of this content are shown in the dropdown

To manage business processes of customers who use external software, embed a case into an external application or a web page by using a web mashup. You can generate an HTML code that you insert into an external web page or application, so that users can create cases even without access to Pega Platform software.

You can also test how the mashup code that you generate looks in a mobile app, or preview a channel to verify that mashup code displays correctly on different types of devices.

For example, you can embed a case type mashup gadget for processing job applications on a web page that displays job offers.

Create a case type that you want to insert into an external web page or application. For more information, see Creating a case type.
  1. In the navigation pane of App Studio, click Channels.

  2. In the Create new channel interface section, click Web mashup.

  3. In the Basic options section, in the Name field, enter a name for the Mashup channel interface that you want to use to create case types.

  4. Optional:

    To distinguish this channel interface from other Mashup channel interfaces, in the Description field, specify the purpose of this channel interface.

    Enter Case type for processing job applications.
  5. In the URL field, enter the URL for a Pega Platform instance.

    The URL format is https://host/prweb/app/applicationname_sessionidentifier.
  6. Optional:

    To generate the mashup snippet with URL encryption, turn on the Use encryption toggle.

  7. In the Configuration section, in the Action list, select Create a new case type.

  8. In the Case type list, select a case type that you want to use.

  9. In the Flow name field, select the flow action that starts the case type.

    By default, the flow action that starts a case type is pyStartCase.
  10. In the Thread name field, enter the name of the thread that handles the mashup.

  11. Optional:

    To load the mashup gadget as the last item on the page, turn on the Defer mashup load toggle.

  12. Configure output options for the mashup gadget:

    1. In the Skin list, select a skin that you want to use for the case type mashup gadget.

    2. In the Iframe resizing list, select the resize mode for the mashup gadget.

    3. In the Initial skeleton list, select the skeleton to organize content within the mashup gadget.

      You can check how the skeleton organizes content by clicking Skeleton preview.
  13. Click Generate mashup code, and then, in the Mashup code window, click Copy.

  14. Click Save.

Paste the HTML code into a static web page or webview of an external web application.
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.