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 and interact with an embedded org chart the embeddable org chart displays all people, jobs, and groups in your org, but it doesn’t contain a change history, personal contact information, or any sensitive data embedded org chart setup this feature is currently in alpha be one of the first customers to try it! please share any feedback with the charthop team how to setup a alpha feature contact charthop support or your csm if you have one they can activate the feature for you read below for setup instructions and context on how the feature will work to use the embedded org chart toggle the feature on withing admin > labs select admin from the left sidebar on the admin menu, select the core views page navigate to the embedded org chart header press the activate button to generate an embed code select configure to setup and preview use the copy button to copy the embed code and add it to your website if you have any issues, press "rotate token" to refresh the embed code configuring the embedded org chart to configure the embedded org chart, click the configure button you can configure the size of the embed width and height in pixels default zoom level what data to highlight a default filter — useful if you want to start with a highlight of one department or a subgroup of people a person or job to focus the org chart on initially (optional) press preview to see how the configuration would look legacy org chart install the embeddable org chart before you can embed your org chart on a webpage, you need to install the embeddable org chart app from charthop to generate your embeddable org chart to install the embeddable org chart app select apps & bundles from the left sidebar on the apps page, select the availible apps tab navigate to the embeddable org chart app in the list select install on the app details page, select install select install app to configure the app (see below) configure your embeddable org chart you can configure the settings of your embeddable org chart to determine how and what information it displays when it is embedded for example, you can determine the display size as well as specific information (such as department or team) to highlight within the embeddable org chart once you’re done configuring, you can then paste the generated html onto your webpage to embed it to configure your embeddable org chart select apps & bundles from the left sidebar on the apps page, navigate to the embeddable org chart app in the installed apps tab select configure (gear icon) configure the following settings width width of the embeddable org chart (in pixels) defaults to 800 pixels height height of the embeddable org chart (in pixels) defaults to 500 pixels zoom the default zoom level of the embeddable org chart defaults to 0 8 highlight data whether to display your charthop organization by department or team filter enter a custom filter to further specify the groups of people that display in the embeddable org chart learn more copy the generated html in the html source box paste the html onto your webpage to finish embedding your org chart use the embeddable org chart the embeddable org chart is a public facing version of your charthop org chart with much of the same functionality you have the ability to search by person, job, department, team, or location you can also zoom, change the orientation of the org chart, and click and expand on different employee nodes to explore and move throughout your organization depending on how the embeddable org chart is configured, each employee node will highlight either the employee’s department or team embeddable org chart preview packages basic basic | | headcount planning headcount planning | compensation reviews compensation reviews | performance performance | engagement engagement https //docs charthop com/user roles and permissions owner | technical owner