Pega web mashups for embedding Pega UI in external web pages

You can choose parts of Pega UI that are most suited to your business needs and make them available to users of your websites by creating a mashup. When you use mashups, you save development time and make your web application more engaging, varied, and visually attractive. Mashups are pieces of Pega content or functionality that you can embed in a web page. For example, you can embed a mashup in your external website to introduce feedback functionality.

Use of mashups does not require server-side integration. To create a mashup, you generate a mashup code in App Studio or Dev Studio, and then paste the code into the website source code.

You can create simple mashups that display small informational elements in harnesses, or complex flows that deliver most of the host-page functionality. For example, by embedding whole cases you enable users to access case information, create new cases, and work with assignments.

Actions that you can define within mashups include:

  • Create a new case: this action navigates the mashup to the New harness specified in the starting flow.
  • Display a page: this action shows the harness specified by the harnessName and className parameters.
  • Get next work: this action navigates the mashup to the work item selected by the GetNextWork feature.
  • Open an assignment: this action navigates the mashup to the specified assignment and display it in the harness that is specified on the assignment.
  • Open a case by ID: this action navigates the mashup to a given case specified by a case ID.
  • Open a case by Handle: this action navigates the mashup to a given case specified by the user handling it.
  • Open a case by URL: this action navigates the mashup to a given case specified by the URL.