Skip to main content

         This documentation site is for previous versions. Visit our new documentation site for current releases.      

Application implementation examples

Updated on October 12, 2022

All the Traditional Starter Packs implement a case worker portal example by default. However, the React Starter Pack also implements a Create Case embedding example. 

Portal example

In the Portal example implementation, you can run the Pega application as a standalone application. This is the default implementation of the sample application and requires no special configurations.

React Starter Pack's Portal example
React Starter Pack's Portal example

Launch the sample application’s portal example after setting the starter pack up using one of the following URLs:

http://localhost:3000 or https://localhost:3000

Embedded example

In the Embedded example implementation, you can embed a Pega case experience within another React-based application. This allows you to use the starter pack’s components in the “host” application’s UI.

React Starter Pack's Embedded example
React Starter Pack's Embedded example

 Configure the EMBEDCFG parameters in the starter pack’s endpoints.js file before running the application’s Embedded example. By default, the EMBEDCFG settings are configured for the CableCo sample application.

Parameter nameDescriptionExample
caseTypeThe case type instance to create.


userIdentifierThe user ID to utilize when creating the case.


passwordBase-64 encoded password for operator specified by the userIdentifier.


passContenttrue or false value to indicate whether to pass content based on the selection within the prior screen.false

Launch the sample application’s Embedded example after setting the starter pack using one of the following URLs:

http://localhost:3000/embedded or https://localhost:3000/embedded

Configuring the starter pack to implement the Embedded example

  1. Open the endpoints.js file with a text editor. 
    This file is in pega-react > src > _services.
  2. Scroll to the EMBEDCFG section and then edit the EMBEDCFG parameters.
    EMBEDCFG parameters in the endpoints.js file
    EMBEDCFG parameters in the endpoints.js file
  3. Save and close the file.
Note: If utilizing another Pega application or case type, then modify those structures within src/_apps/Embedded/**Embedded.js**. Alternatively, set EMBEDCFG.passContent to false to disable the content from being posted.

Have a question? Get answers now.

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

Did you find this content helpful?

Want to help us improve this content?

We'd prefer it if you saw us at our best. is not optimized for Internet Explorer. For the optimal experience, please use:

Close Deprecation Notice
Contact us