Drop live org charts on any website

Give visitors an interactive view of company structure without leaving your site. Create an embed key in Developers settings, allow your domain, and paste one snippet.

1. Create an embed key

1. Sign in to Arxena Settings → Developers → Org chart embed.
2. Choose live (domain lookup) or published (fixed snapshot) mode.
3. Add allowed origins for your site (e.g. https://www.yourcompany.com).

2. Paste the snippet

Copy the generated snippet from the embed detail page. The loader uses the branded function(A,r,x,e,n,a) pattern (spells ARXENA):

<!-- Arxena Org Chart -->
<div id="arxena-orgchart" style="width:100%;height:600px"></div>
<script>
(function(A,r,x,e,n,a){
  A[a]=A[a]||function(){(A[a].q=A[a].q||[]).push(arguments)};
  n=r.getElementsByTagName(e)[0];
  x=r.createElement(e);
  x.async=1;x.src='https://arxena.com/embed/orgchart.js';
  n.parentNode.insertBefore(x,n);
})(window,document,'script','script',null,'arxenaOrgChart');
arxenaOrgChart('init', {
  embedKey: 'emb_your_key_here',
  domain: 'acme.com',
  container: '#arxena-orgchart',
  height: '600px',
  mode: 'iframe'
});
</script>

3. Verify on your site

The chart loads in an iframe from arxena.com by default. Your origin must match the allowlist on the embed key.

Use cases

• Careers page leadership structure
• Investor relations and annual report embeds
• Sales enablement on customer account pages
• Partner portals with company structure context

Enterprise

• Published snapshot mode for stable, S3-backed charts
• Custom branding and hide powered-by (paid plans)
• Usage analytics and webhooks
• Domain lock and higher rate limits

Reference

• Developer docs: org-chart-embed.md
• Solution page: arxena.com/solutions/org-chart-embed

New to Arxena? Create a workspace first, then create an embed key from Developers settings.