Try i3dify free
Integration guide · Ghost

Embed an interactive 3D flipbook in Ghost

Ghost's HTML card accepts any iframe natively — self-hosted or Ghost(Pro). Drop an i3dify viewer on a post or member-only page. Open-source-friendly.

Get a free i3dify projectMake a flipbook first

Why this works

Ghost ships with an HTML card in their Lexical editor that renders arbitrary HTML. Unlike Substack's allowlist, Ghost trusts the author. The i3dify iframe drops in cleanly on both Ghost(Pro) and self-hosted instances.

Step-by-step

4 steps from PDF to live embed

  1. 1

    Publish your i3dify project

    Create your project (flipbook for book samples, album for photo content, business card for author press kit). Set to Public or Unlisted. Copy the iframe code.

  2. 2

    Add an HTML card in Ghost editor

    In the Ghost post editor, press / to open the card selector. Choose 'HTML'. The card opens an HTML editor pane.

  3. 3

    Paste the iframe

    Paste the full i3dify iframe code into the HTML pane. Click outside the card to render. The 3D viewer should appear inline immediately in the preview.

  4. 4

    Optional: members-only embed

    For paid-member-only content, set the post visibility to "Paid members only" in Ghost settings. The embed inherits that gate — only paying members can view the post (and the embedded viewer).

The code

Copy this into Ghost

<iframe
  src="https://i3dify.com/view/YOUR_PROJECT_ID"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
  loading="lazy"
></iframe>

Note: Ghost's HTML card renders identically on the web version and (mostly) on the email version sent to subscribers. Email iframe support varies by client — same caveat as Beehiiv.

Heads-up

Ghost-specific things to know

Self-hosted Ghost has unlimited flexibility

If you self-host Ghost, you have full control. Ghost(Pro) also supports HTML cards on all tiers (Starter, Creator, Team, Business). No restriction unique to managed hosting.

Member-only embeds work

Setting a Ghost post to paid-members-only also gates the embedded i3dify viewer (because the entire post is gated). Use this for premium content where the 3D viewer is the value-add.

AMP version strips iframes

Ghost generates an AMP version of posts for fast mobile loading. AMP strips most iframes by default. If a reader opens the AMP version of your post, they won't see the embed — but Ghost's regular version (the default) renders fully.

FAQ

Ghost embed questions

Does this work on Ghost(Pro) free trial?

Yes. The HTML card is available on all Ghost(Pro) tiers including the free 14-day trial. No upgrade required to test the embed.

Can I use this for member-only content?

Yes. Set the Ghost post visibility to 'Members only' or 'Paid members only'. The entire post — including the i3dify embed — is gated behind the Ghost membership system.

Will the viewer show in email subscriber editions?

Iframe support in email clients is inconsistent (Gmail/Outlook/Apple Mail handle it differently). Subscribers who tap "Read in browser" get the full viewer. Include a fallback image linking to the i3dify URL for email-only readers.

Why Ghost instead of WordPress?

Both work for embed flexibility. Ghost is newsletter-first with member gates built in; WordPress is general-purpose with more themes and plugins. For authors with paid newsletter components, Ghost's native membership integration matters more than WordPress's plugin breadth.

Keep exploring

Pages other readers found useful

For your team

i3dify for self-published authors

Your Kindle Look-Inside is broken on mobile.

ReadFor your team

i3dify for coaches & consultants

Replace your paper card, Linktree, and portfolio PDF with one 3D QR card.

ReadFree tool

Free PDF to 3D Flipbook Converter

Real 3D page physics, not the 2D CSS flips of Issuu and Flipsnack.

ReadEmbed in

Embed an interactive 3D viewer in Beehiiv

Beehiiv supports custom HTML blocks on newsletter posts and landing pages.

ReadEmbed in

Embed an interactive 3D flipbook in WordPress

WordPress flipbook plugins charge $50-200/year for what's essentially an iframe.

ReadFor your team

i3dify for design & branding agencies

Stop sending clients PDF style guides they skim.

Read

Make a project, paste in Ghost

3 free projects on i3dify, no credit card. Each one is one iframe away from being live on your Ghost page.

Start free