How to Embed a Decision Tree in Notion
Add a live, interactive decision tree to any Notion page in three steps — no coding required. Your team can run the wizard directly inside Notion without leaving their workspace.
→ Build your decision tree for free
What You Need Before You Start
- A decision tree published on DrawDecisionTree (free, no account required for basic use)
- A Notion page where you want the tree to appear
If you haven't built your decision tree yet, open the editor and create one using the DSL. The step-by-step build guide covers the full process.
Step 1 — Publish Your Decision Tree
Before you can embed a tree in Notion, it must be published.
- Open your tree in the Build / Edit page
- Click Share & Embed (top-right)
- Toggle Publish to make the tree public
- Copy the Embed URL — it looks like:
https://www.drawdecisiontree.com/embed/wizard/yourname/your-tree
Keep this URL — you'll paste it into Notion in Step 3.
Step 2 — Open Your Notion Page
Navigate to the Notion page where you want the decision tree to appear. Place your cursor at the line where you want the wizard to show up.
Step 3 — Add the Embed Block
- Type
/embedand select Embed from the menu - Paste the DrawDecisionTree embed URL into the URL field
- Click Embed link
The interactive decision tree wizard will appear inline on your Notion page. Team members can click through it, answer questions, and reach their outcome — without leaving Notion.
Customising the Embed in Notion
Resize: Drag the right edge of the embed block to change its width. The wizard adjusts responsively.
Caption: Click below the embed block to add a caption explaining what the decision tree is for.
Full-width: Use the block menu (⋮⋮) and select Full width if you want the tree to span the entire page.
Duplicate: Copy the embed block to other Notion pages as needed — the same URL works everywhere.
Choosing the Right Embed View
DrawDecisionTree supports four embed views for different use cases:
| View | URL Pattern | Best For |
|---|---|---|
| Wizard | /embed/wizard/author/tree |
Step-by-step guided walkthrough — recommended for Notion |
| Path | /embed/path/author/tree |
Show all possible paths with elimination logic |
| Tree | /embed/tree/author/tree |
Full tree diagram with live active branch highlight |
| JSON | /embed/json/author/tree |
Raw data for programmatic consumption |
For most Notion pages, the wizard view is the best choice. It guides readers through one question at a time, which works well in a knowledge-base or process-documentation context.
Example: Embedding a Troubleshooting Guide in Notion
A support team's internal Notion wiki includes a "How to Resolve Common IT Issues" page. Instead of a long article with nested bullet points, the page embeds the IT troubleshooting decision tree:
/embed → https://www.drawdecisiontree.com/embed/wizard/drawdecisiontree/troubleshooting
New team members open the Notion page, follow the wizard, and reach the correct resolution without reading the entire document. The tree is updated once in DrawDecisionTree and the Notion embed reflects the change immediately.
Common Issues
The embed shows a blank or broken frame:
Make sure you're using the Embed URL (not the full share link or iframe HTML). The embed URL should start with https://www.drawdecisiontree.com/embed/.
The tree isn't visible to my teammates: The tree must be published (public visibility). Check the Share & Embed settings in the Build page.
I only see a loading spinner: Notion's embed block requires the URL to load without third-party cookie blocking. Try opening the embed URL directly in a browser tab to verify it loads.