Embed your Org Chart on a webpage

You can use the Embeddable Org Chart app to create a public, searchable version of your ChartHop org chart that you embed on any webpage that supports inline frames. For example, you can add your org chart to your company intranet. Users don't need a ChartHop account to view an embedded org chart.

Before you can embed your org chart on a webpage, you need to install the ChartHop app that generates it. To install the Embeddable Org Chart app: 

1. From the Settings (gear) menu, choose Apps.
2. On the Apps page, select the All apps tab.  
3. To the right of Embeddable Org Chart, select Install. The app is installed. 

To use the Embeddable Org Chart, you configure its options from the app and then paste the generated HTML onto your webpage. 

1. From the Settings (gear) menu, choose Apps.
2. On the Apps page, select the All apps tab.
3. To the right of Embeddable Org Chart, select Configure (gear icon).
4. On the Embeddable Org Chart page, fill out the following options: 
   • Width - Width of the org chart to embed.   
   • Height - Height of the org chart to embed.   
   • Zoom - Zoom level of the org chart to embed.  
   • Highlight data - Whether to display your ChartHop organization by Department or Team.
   • Filter - Use the Filter button to build a filter for your org chart or enter a filter expression in the box. Learn more.  
5. Under HTML Source, copy and paste the HTML onto your webpage to finish embedding your org chart.