An iFrame (Inline Frame), allows you to embed content from another site inside your webpage. Embed Organimi Org Charts into any web page by simply copying and pasting the iFrame embed code. Now, you may customize the iFrame embedded org chart, so that viewers can toggle to Photoboard or Directory view and also search, print, or export the org chart.
To view an example of an embedded Organimi chart, go to http://info.organimi.com/example-embedded-org-chart.
To embed an org chart on any web page:
- Go to your org chart by clicking on Org Charts from the left navigation pane, and under the heading Name, click on the org chart you wish to embed.
- At the top of the org chart view, click on the Embed Code icon.
The Embed Chart dialog box appears.
- For security purposes, and only if your org chart is set to Private, click in the field under Add urls to embed org chart for viewing and enter the desired URL / domain where you wish to embed your org chart (therefore, the embedded org chart will only be visible to 'authorized domains' listed in this field).
For example, see the picture below, the url entered: http://www.organimi.com.
- Click the green Save Domain button to add the domain.
- Enable the Action Bar check box to give viewers of the embedded chart the ability to print, export, and share the chart.
- Enable the Search check box to allow users to search for roles within the chart.
- Set the default view to Chart, Photoboard, or Directory using the drop-down under Initial View.
- Click the Preview button to preview the chart according to selected embed settings.
- Close the Preview window by clicking the x in the top right corner.
- Click in the Embed Code field, then press Ctrl+A to select all the iFrame code.
- Click the blue Copy Embed Code button, to copy the code.
- When finished, click Close.
- Go to the destination webpage and paste the iFrame embed code you copied above to the desired location.
Depending on the settings chosen, the viewer of the iFrame embedded chart can change the view to photoboard, directory, and also sort, search, print, export, and share the chart.
Here's a quick video on how to enter a url, change settings, locate the iFrame embed code of the chart, and preview the embedded chart:
Note: Populating the Add urls to embed org chart for viewing field is not required if your org chart is set to Public. IFrame embedding is a paid plan feature.