Configuring a Mashup in SAP Sales Cloud and SAP Service Cloud Version 2

In this lesson, you’ll learn how to embed a mashup in SAP Sales Cloud and SAP Service Cloud Version 2, customize the user interface (UI) to suit your needs, and bind parameters to ensure seamless integration and functionality.

The mashup code implemented in the previous lesson includes links specific to SAP Sales Cloud and SAP Service Cloud Version 2. Therefore, to ensure full functionality, it must be executed from within a mashup in SAP Sales Cloud and SAP Service Cloud Version 2, rather than a standard web browser.

Open the user profile menu in SAP Sales Cloud and SAP Service Cloud Version 2 and choose Settings. Under All Settings, either search for the term mashup or open the link to Mashup Authoring on the Extensibility tile.

Create a new mashup by clicking the + icon. Provide a name for the mashup and enter the URL that you obtained after deployment in the previous lesson. Please make sure that it starts with https://, for example https://btp-mashup.cfapps.eu10-005.hana.ondemand.com/.

In the mashup configuration, add two parameters. The mashup code that was created in the previous lesson gives the option to use these parameters for additional data input. In this example, the first parameter will be bound to a system variable with the currently logged-in user’s name used as the parameter value. The binding for the second parameter will be done later, because you will want to use object-related data, such as an Account ID in SAP Sales Cloud Version 2.

To make the mashup visible in SAP Sales Cloud and SAP Service Cloud Version 2, initiate Adaptation Mode by following these steps:

1. Open an account page: Navigate to the Accounts Work Center and open an account from the list to access the account page.

2. Start Adaptation Mode: On the account page, then open the user profile menu and select Start Adaptation.

3. Modify Tabs: Edit the existing tabs or create a new one designated for the mashup.

4. Configure the New Tab: Customize the content for the new or existing tab and assign the newly created mashup to it.

5. Assign Parameters: Remember that the second parameter in the mashup hasn’t been bound to any value or system parameter yet. Since you've added the mashup to the account page, you can bind any field from the standard Account object. In this case, select the Account ID to assign it to the second parameter.

6. Exit Adaptation Mode: Conclude the adaptation session.

Once the screen reloads, your mashup will be available on the Account page.

The following video shows the steps of creating a mashup in SAP Sales Cloud and SAP Service Cloud Version 2.