Quick Start
Embed a talent tree in under 2 minutes using an iframe
The fastest path to embedding a talent tree — no npm install, no framework required.
Prerequisites
You need a published talent tree on reallifetalenttree.com. A tree is published when its Published toggle is on in the dashboard.
The embed URL format is:
https://reallifetalenttree.com/embed/{username}/{slug}
You can find username and slug in the public profile URL of your tree:
https://reallifetalenttree.com/u/{username}/{slug}
Embed via iframe
<iframe
src="https://reallifetalenttree.com/embed/your-username/your-tree-slug"
width="100%"
height="600"
style="border:none;"
title="My Talent Tree"
></iframe>
Replace your-username and your-tree-slug with your actual values.
Next steps
| Option | Use when |
|---|---|
| iframe | Simplest — no JavaScript, works everywhere |
| Web Component | Drop-in custom element, no framework needed |
| React (npm) | Full control, custom styling, own data fetching |