Website embed

Embed your PDF flipbook on any website

Place a hosted flipbook inside your site so visitors can read the document without downloading a PDF.

Upload a PDFView demo
embed
<iframe
  src="https://flipbook.so/embed/abc123"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen>
</iframe>

What a good flipbook embed should handle

An embedded document has to work inside a real web layout, not only as a full-screen viewer.

  1. 01

    Responsive reading

    The flipbook viewer works across desktop, tablet, and mobile screens so visitors can read without installing a PDF app.

  2. 02

    Simple iframe code

    Copy the embed code from the share panel and paste it into an HTML block or page template.

  3. 03

    No plugin dependency

    Use a browser-based viewer instead of asking visitors to install software or download the original file.

  4. 04

    Reader analytics

    Track engagement even when the flipbook is embedded, including views, page reads, and clicks on interactive links.

Live demo

Try a real flipbook right here

Flip pages, open it fullscreen, and click through links. See exactly what your readers will get.

Open in viewer

How to embed a flipbook

The workflow is the same whether the page is built in a CMS, site builder, or custom codebase.

  1. 1

    Create the flipbook

    Upload the PDF to Flipso and wait for the hosted viewer to open.

  2. 2

    Open the share panel

    Copy the iframe code from the embed section. The code points to the lightweight embed viewer.

  3. 3

    Paste into your page

    Add the code to a custom HTML block, page template, or CMS embed field, then adjust the height for your layout.

  4. 4

    Test on mobile

    Open the page on a phone and check that the flipbook is readable, scrolls correctly, and does not crowd nearby content.

FAQ

Flipbook embed questions

  • Can I embed a flipbook in WordPress?

    Yes. Use a Custom HTML block or a page builder block that accepts iframe code.

  • Can I embed a flipbook in Shopify, Wix, or Squarespace?

    Usually yes, if the page editor allows custom HTML or iframe embeds. Test the page on mobile before publishing.

  • Does the embed update if I update the flipbook?

    The embed points to the hosted flipbook URL, so the page can continue using the same embed location after updates.

  • Should I embed or share a link?

    Embed when the document supports a page goal. Share a link when the document needs to travel through email, chat, social, or QR codes.

Keep exploring

Related flipbook guides