So you have your Google Sheet hooked into OrgNice and are showing a nice Organizational Chart. If your team uses Confluence then this is the article for you. We’ll show you the steps to make the Org Chart available in Confluence.
Pre-requisite: OrgNice Org Chart
Your OrgNice Project should be setup with your Google Sheets Organizational data.
If you have your Google Sheet file but haven’t created an OrgNice Org Chart for it then you should start here.
Adding to Confluence
OrgNice Organizational Charts can be made available wherever they are needed - whether it is a website or your internal wiki like Confluence in just a few steps.
Share your Org Chart
To enable visitors of your Confluence page to view your Org Chart you will have to share it with them. You can either share your OrgNice Organization Chart to all members of your organization or with specific people. Access will be available only after logging in. If you don’t want that, you can share the chart publicly. Read more about sharing. If you are the only viewer of the page, then sharing is not required.
Insert Iframe into Confluence Page
- Edit the Confluence page in which you want to add OrgNice
- From the toolbar pick
Insert Elements(the + icon at the right end of the toolbar) and typeiframein the search box
- You will see an IFrame added to your page with an IFrame editor that looks like this
Configure Iframe
We are now going to configure the Iframe to be able to show your Org Chart.
- Head over to OrgNice, open your project and click on
Sharingin the left menu and copy the URL in the Embed Chart section by clicking on the Copy button. You have to copy the URL and not the Iframe code.
- In the Confluence iFrame editor set the following values to these fields -
- URL: Paste the value you just copied. It should look something like this (but with your project’s id in the url) -
https://org-nice.com/app/project/d4070a67-fa24-41f2-8001-18000669bc38/chart.html?embed=true - Title: Provide a title
- Width: 100%
- Height: Provide a height that looks right to you for your chart. Try 800px. This stands for 800 pixels tall. You can experiment with the numerical value to adjust the height. You want the height large enough to be able to navigate the chart when it is reasonably expanded.
- You can experiment with the rest of the fields - they modify various visual aspects of how the embedded content looks.
- URL: Paste the value you just copied. It should look something like this (but with your project’s id in the url) -
- Save your page!
- You can also set the page to
Make full-width(option above the page title) to make the page and the chart wider (if you chose 100% for the width)
That’s it - you have embedded your OrgNice Organizational Chart into Confluence.
