Embed Studio

Responsive PDF embed code generator

Build once · embed anywhere

Turn any PDF eBook into a clean, responsive embed for your funnel pages.

Configure the viewer, watch the live preview update, then copy the generated HTML into your page builder's HTML element. Four embed methods, fully self-contained, no dependencies.

Presets

0 saved

No presets yet. Save your current settings — one per chapter or eBook — to swap back to them instantly.

1

PDF source URL

The PDF must be publicly accessible. Use a direct file link — Google Drive "share" links won't work.

2

Embed method

Page-by-page viewer with a real page-turn animation — no scrolling. Best reading experience.

3

Size & dimensions

960px

Viewer fills its column up to this width — never overflows on mobile.

720px
14px
4

Behavior

Defer loading until scrolled into view.

Wrap in a container so width & centering always apply.

Horizontally center the embed.

5

Flipbook

Render pages larger than the frame for a zoomed-in read.

Click the left/right half of the page to flip.

Use ← / → keys to flip when focused.

6

Accessibility

Opens the PDF at this page in browsers that support it.

desktop · fluid

Flipbook renders one page at a time — tap the page sides, arrows, slider, or use ←/→ keys.

How to use it

  1. 1Paste the copied code into your funnel page builder's HTML element (or a Custom Code/HTML widget).
  2. 2The flipbook fetches your PDF with PDF.js and renders page-turns client-side — the file must be publicly reachable over https and allow cross-origin access (most CDNs do).
  3. 3Save & preview the page. The embed is fully self-contained — PDF.js loads from a CDN, no other scripts or CSS to add.