Overview of Mashups

A mashup is a window into an independent external application. The mashup content changes are driven by direct interactions with the application and are preserved when its parent object pages are updated. Use mashups to integrate any web application with your own application.

With a mashup, your users can view and use an external web application without having to leave your application.

Note: A mashup displays a web application that presents information to end users, but can't display raw data returned from a web application endpoint.

The lifecycle of a mashup instance starts when it's launched in a new UI context, and ends when the mashup parent UI context is closed. Any changes made to the mashup as a result of interacting with it are preserved until the object UI is closed and then reopened. At runtime, you can leave a particular mashup instance by navigating to a different browser window or a different record within the application, and return to find the same mashup instance in the same state as you left it. You can have multiple mashup instances at the same time, and each will maintain its state independently.

Here's how you create a mashup:

  1. Register your web application in Application Composer.

  2. Embed the registered web application into your application page as a new subtab or as part of the Summary subtab.

Here's a screenshot showing a sample Wikipedia article mashup, embedded as a new subtab:

This is an illustration of a web application embedded into an application page as a new subtab.

Here's a screenshot showing a sample Wikipedia article mashup, embedded into the Summary subtab:

This is an illustration of a web application embedded into the Summary tab of an application page.