How to Embed a 3D Flipbook in Notion (Step-by-Step, 2026 Guide)

Notion supports embedding PDFs natively, but the result is a flat, scrollable preview. For a portfolio, a catalog, a wedding mood book, or a restaurant menu — anything you want visitors to actually engage with — that flat preview kills the magic. The fix: embed a real 3D flipbook instead. Visitors get a book they flip through with page-turning physics, not a vertical scroll of static pages. Works on free Notion pages, on mobile, and on shared Notion sites. This guide walks you through the exact steps. Three minutes if you have the source PDF ready.

Why Notion's native PDF embed falls short

When you upload a PDF directly to Notion, it appears either as a file block (a download link with a tiny preview thumbnail — visitors have to click to open, most don't) or as an inline embed (Notion shows the PDF as a flat, vertical scroll — functional but unmemorable, the same UI as Google Drive's preview).

For internal team documents, that's fine. For external-facing pages — your personal site built on Notion, your wedding planning page shared with family, a Notion page used as a portfolio — the static PDF is a missed opportunity. A 3D flipbook gives you a real interactive book inline in the Notion page. Visitors flip through with weighted page-turning physics, tap clickable hotspots, zoom into spreads on phones.

What you'll need

• ●A Notion page (any plan, free works)
• ●A PDF or set of images you want to display (typically 5-100 pages, but no real limit)
• ●An i3dify account — free plan covers 3 projects, no credit card

The free tier ships viewers with a small i3dify branding pill in the corner. If that bothers you for client-facing pages, Pro at $3/month removes it.

Step 1 — Create your 3D flipbook in i3dify

Go to i3dify.com/free/pdf-to-3d-flipbook, sign up (30 seconds, no credit card), and upload your PDF. Pages are extracted client-side, so your file doesn't leave your device until you choose to publish. Optionally customize the cover color, the dock of clickable links (LinkedIn, email, website), and the background. Click Publish.

In the share panel, you'll see the viewer URL and the iframe embed code. For Notion specifically, you only need the URL — not the iframe code. Notion handles the iframe internally when you paste a recognized URL.

Step 2 — Paste the URL in your Notion page

You have two options. Option A (most reliable): type /embed on a new line, pick Embed from the menu, paste the i3dify URL into the modal, click Embed link. Option B (direct paste): paste the URL on a new line, a small dropdown appears with options, pick Create embed.

Within 1-2 seconds, Notion fetches the embed and shows a live preview directly in your page. You should see the 3D flipbook rendered inline, ready to interact with.

Step 3 — Resize and align

The embed appears at a default height that's often too short. Drag the bottom edge down — 600-800 pixels works well for most flipbooks. Drag left or right edges to set the width. Notion's standard column width works well; if your page uses Wide Mode or a custom workspace, let the embed span the full width. To align to one side, drag the embed into one of Notion's column blocks.

How it actually behaves once embedded

• ●Drag to turn pages (mouse on desktop, swipe on mobile)
• ●Click hotspots you've placed on pages (links to other pages, products, social media)
• ●Pinch zoom on phones to read small text
• ●Tap fullscreen to expand the viewer to fill the screen

About 70% of Notion visits are mobile in 2026. The 3D viewer adapts automatically to touch input.

Common gotchas

Notion mobile app vs mobile browser: the native app constrains iframe interactions more aggressively than a mobile browser would. Mobile-app users see the embed working but with slightly limited touch behavior. Mobile browser users (the majority of unauthenticated traffic) get the full experience.

Notion exports: HTML export preserves the iframe; PDF export replaces it with a link. If distributing a Notion page as PDF, include the i3dify URL alongside.

Privacy layers: the Notion page's privacy controls who can see the Notion content. The i3dify project's visibility controls who can view the embed. For a fully private embed (client gallery), use Notion's sharing settings plus i3dify's Unlisted-with-password. Both layers work together.

When to use this vs Notion's native PDF block

• ●Internal team doc, no interactivity needed — Notion's native PDF block
• ●External-facing portfolio, lookbook, brochure, menu — i3dify 3D flipbook embed
• ●Client deliverable (wedding album, design portfolio) — i3dify with unlisted plus password
• ●Pitch deck shared with investors — i3dify with unlisted (track which slides they read)
• ●Restaurant menu shared via Notion page — i3dify with the QR code on the side

Other no-code platforms

i3dify embeds the same way in WordPress, Webflow, Carrd, Framer, and Squarespace. The mechanics differ slightly per platform but the i3dify side stays the same: one URL, one iframe. See those integration guides for specifics.