Try i3dify free
Integration guide · WordPress

Embed an interactive 3D flipbook in WordPress

WordPress flipbook plugins charge $50-200/year for what's essentially an iframe. Skip the plugin — paste i3dify's iframe in any post. Works in Gutenberg, Elementor, Divi.

Get a free i3dify projectMake a flipbook first

Why this works

WordPress lets you paste raw HTML in a Custom HTML block (Gutenberg) or via the Text editor (classic). i3dify viewers are served as a single iframe, so embedding is one-line. No PHP plugin to maintain, no plugin auto-update breakages.

Step-by-step

4 steps from PDF to live embed

  1. 1

    Publish your i3dify project

    Upload to i3dify (PDF, photos, or business card), set visibility to Public or Unlisted, hit Publish. Copy the iframe code from the Share panel.

  2. 2

    Add a Custom HTML block in Gutenberg

    In the post editor, click + → Custom HTML. Paste the iframe code. Preview the block — you should see the live 3D viewer immediately.

  3. 3

    Or use Text mode in classic editor

    If you use the classic editor, switch the editor to "Text" mode (HTML view), paste the iframe code where you want it, then switch back to Visual.

  4. 4

    Set responsive height

    The default iframe height is 600 px. For mobile-first themes, use a CSS aspect-ratio wrapper (see code note below) so the viewer scales gracefully.

The code

Copy this into WordPress

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

Note: For mobile responsiveness, wrap the iframe in a div with `aspect-ratio: 4/3` and set the iframe to `width: 100%; height: 100%;`. This works in all modern themes including TwentyTwentyFour, Astra, Kadence, and GeneratePress.

Heads-up

WordPress-specific things to know

Plugin builders may strip iframes

Elementor and Divi sometimes strip raw HTML in certain widgets for security. Use the dedicated "HTML" widget in Elementor or the "Code Module" in Divi — these preserve iframe tags.

WordPress.com (hosted) is restricted

On WordPress.com free or personal plans, iframes are stripped. Upgrade to Business plan or switch to self-hosted WordPress.org. Self-hosted has no restriction.

Cache plugins can break embeds

W3 Total Cache and WP Rocket sometimes minify the iframe attributes. If the embed appears broken after enabling caching, add the iframe URL to the cache exclusion list or test with caching disabled.

FAQ

WordPress embed questions

Do I need a WordPress plugin for this?

No. WordPress core supports iframe embeds out of the box via the Custom HTML block (Gutenberg) or Text editor (classic). No plugin needed.

Will Yoast or RankMath see the iframe content for SEO?

iframe content is not crawled as part of your page text — Google sees the iframe as a separate resource. To rank the host page, add a short text description and an h2 above the embed describing what's inside.

Can I use this with WooCommerce product pages?

Yes. Add the iframe in the product description or via a product tab plugin. Works for furniture catalogs, lookbooks, restaurant menus on food-ordering sites.

How does this compare to dedicated WordPress flipbook plugins?

Dedicated plugins charge $50-200/year and require ongoing updates. The i3dify iframe is one line of HTML, no plugin overhead, no auto-update risk, and the viewer itself is updated on i3dify's side automatically.

Keep exploring

Pages other readers found useful

Free tool

Free PDF to 3D Flipbook Converter

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

ReadFree tool

Free 3D Restaurant Menu Maker

The QR menu you set up in 2020 is a flat PDF nobody reads.

ReadComparison

i3dify vs Issuu

Pick Issuu if you publish a recurring magazine and want their reader-network discovery.

ReadComparison

i3dify vs Flipsnack

Pick Flipsnack if you need their in-tool design editor and print-on-demand integrations.

ReadFor your team

i3dify for restaurants

QR menus that don't feel like 2020 emergency mode.

ReadFor your team

i3dify for real estate agents

Lawn-sign QR → 3D brochure → Calendly booking.

Read

Make a project, paste in WordPress

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

Start free