Tutorial May 18, 2026

How to Embed 3D Models in Notion

Paste a link, get an interactive 3D viewer inside your Notion page. Rotate, zoom, and even view in AR — all inline.

Notion is great for documentation, wikis, and project management — but it can't natively display 3D files. If you paste an STL or OBJ file, Notion just shows it as an attachment. No preview, no interaction.

GeometryViewer fixes this. Upload your 3D model, get a link, paste it in Notion — and Notion auto-embeds a full interactive 3D viewer. Your team can rotate, zoom, and inspect the model without leaving the page.

Step-by-step tutorial

1

Upload your model to GeometryViewer

Go to geometryviewer.com, drag and drop your STL, OBJ, GLTF, GLB, or 3MF file onto the page. It opens in 3D instantly.

2

Get a shareable link

Click Share in the toolbar. You'll get a URL like geometryviewer.com/v/abc123. Copy it.

3

Paste in Notion

In your Notion page, paste the URL. Notion will show a popup asking "Create bookmark" or "Create embed." Click "Create embed."

4

Done — interactive 3D in your page

The GeometryViewer embed appears inline. Anyone with access to the page can rotate, zoom, and inspect the model. On mobile, they can even view it in AR.

Product Design Review 3D Model Preview geometryviewer.com/v/abc123 Drag to rotate

How it works (technical details)

GeometryViewer supports the oEmbed protocol — the same standard that makes YouTube, Spotify, and Twitter links auto-embed in Notion, Ghost, WordPress, and Medium.

When you paste a GeometryViewer URL in Notion, here's what happens behind the scenes:

  1. Notion detects the URL and checks if the domain supports oEmbed
  2. Notion calls GeometryViewer's oEmbed endpoint: /oembed?url=...
  3. GeometryViewer returns an iframe embed code with the viewer pre-loaded
  4. Notion renders the iframe inline in your page

The result is a fully interactive 3D viewer — not a screenshot or thumbnail. Readers can rotate, zoom, and even open the model in AR on their phone.

Where else does this work?

The same oEmbed link works anywhere that supports rich embeds:

Notion

Paste link → Create embed

Ghost

Paste link → auto-embeds

Medium

Paste link → auto-embeds

WordPress

Paste link in editor block

Discord

Shows rich preview card

Slack

Shows rich preview card

Use cases

Product design documentation

Embed the 3D model next to your specs, dimensions, and material notes. Reviewers can inspect the model without switching to another app.

Client review pages

Create a Notion page for each client project. Embed the latest 3D model version. Share the page link. The client sees an interactive preview — no software on their end.

Hardware project wikis

Documenting an open source hardware project? Embed each part's 3D model in its wiki page. Contributors can inspect geometry without downloading files.

Teaching materials

Embed molecular structures, mechanical parts, or architectural models directly in your Notion-based curriculum. Students interact with the model in their browser.

Need the embed code instead?

If you want an iframe embed (for custom HTML, Squarespace, Wix, or any website), check out our Embed Documentation — two lines of code, works anywhere.