Embedding SAP Signavio Process Transformation Suite Content via an iframe

SAP Signavio Process Collaboration Hub diagrams can be embedded in third-party systems via an inline frame (iframe). When using an internal wiki, diagrams can be embedded so users can view content in SAP Signavio Process Collaboration Hub alongside traditional documentation systems, such as Atlassian Confluence.

Learn how to integrate an iFrame into a Confluence documentationInformation published on non-SAP site.

Embedded Content

Only diagrams can be embedded. To find the diagram link, open the diagram in SAP Signavio Process Collaboration Hub and copy its URL. For details see section URL format.

The access control rules that normally apply to SAP Signavio Process Collaboration Hub also apply to an embedded instance:

  • Users with the necessary permissions can access the SAP Signavio Process Collaboration Hub preview, that means every diagram of the workspace they can access, as well as their private diagrams.

  • If SAP Signavio Process Collaboration Hub is integrated with your Directory Service, users can view diagrams they have read access to.

  • Users who aren't logged in receive an SSL connection error.

Trusted Domains

To embed SAP Signavio products in an iframe using trusted domains, you have the following options:

  • Use one of the public trusted domains

  • Add workspace-specific trusted domains

Use Public Trusted Domains

Some common third-party tools use domains that are public trusted domains.

When you embed SAP Signavio Process Collaboration Hub in the following domains, no further action is required on your side:

  • *.atlassian.net

  • *.sharepoint.com

Add Workspace-Specific Trusted Domains

When you want to embed SAP Signavio Process Collaboration Hub in other third-party tools, you have to add the domains to the security configuration and adapt the URLs.

Follow these steps:

  1. In the Explorer, open Setup> Edit security configuration.

  2. In the section Domain policies, add the trusted domains.

  3. Add the parameters <model ID> and ?t=<workspace_id> to the URLs used for embedding.

  4. To enable fullscreen mode for embedded pages, add the "fullscreen" value to the allow attribute in the iframe element.

Viewing Embedded Content

Embedded diagrams can be saved as favorites, shared, and commented.

From embedded content, the action menu and the Create button can't be accessed.

URL Format

To embed SAP Signavio Process Collaboration Hub diagrams in a website or wiki via iframe, add an iframe tag and insert the SAP Signavio Process Collaboration Hub URL as its source.

Make sure to use a URL of the form

https://editor.signavio.com/p/hub/model/<model ID>?t=<workspace ID> (region: Europe)
https://app-us.signavio.comp/hub/model/<model ID>?t=<workspace ID> (region: US)
https://app-au.signavio.com/p/hub/model/<model ID>?t=<workspace ID> (region: Australia)
https://app-jp.signavio.com/p/hub/model/<model ID>?t=<workspace ID> (region: Japan)
https://app-ca.signavio.com/p/hub/model/<model ID>?t=<workspace ID> (region: Canada)
https://app-kr.signavio.com/p/hub/model/<model ID>?t=<workspace ID> (region: Korea)
https://app-sgp.signavio.com/p/hub/model/<model ID>?t=<workspace ID> (region: Singapore)

An iframe that embeds SAP Signavio Process Collaboration Hub can look like this, for example:

<iframe
src="https://editor.signavio.com/p/hub/model/273j5d0mf3174c3b8b9439fn5k2a8b0f?t=e7d74637279848fe9d2913f25abf41a4"
width="90%"
height="90%"
allow="fullscreen"
name="SAP Signavio Process Collaboration
                                Hub">
</iframe>

Settings in SAP Signavio Process Collaboration Hub

You can adjust the look of embedded content by hiding the header and side navigation. For details, see section Page Properties.

Next steps

Find the Workspace ID