Embedding processes in iframes (webpages, Confluence, Sharepoint and others)

Embedding process diagrams into external services is bringing more detailed information right where is belongs, and creating ever more common knowledge based experience for your users.

An IFrame (Inline Frame) is an HTML document embedded inside another HTML document on a website. The IFrame HTML element is often used to insert content from another source, such as an advertisement, into a Web page. It also allows you to insert process diagrams in other applications so that your users can see the Catalyst content without the need to go into the application.

Nowadays, you can insert iframes almost anywhere, be it Sharepoint, Confluence, WordPress, and other web-based applications. Depending on the application, the procedure might be a bit different, and you might need to consult your software's "how-to" guides to embed an iframe.

Very often you will be required to either provide a URL or a specific HTML code with the URL as well as width and height parameters, like:

Here are some useful resources:

Example: iframe with Elements process inside Confluence