How to turn a PDF into a flipbook on WordPress

A PDF on a website is a download. A flipbook is the same document opened right there on the page, with pages that turn, a table of contents, zoom and selectable text. Readers see the first page before they have decided whether they care, which is why flipbooks get read and downloads mostly don’t.

This guide goes through the whole process with Real3D Flipbook. The free Lite version from wordpress.org is enough to follow along; where a step needs Pro, it says so.

1. Check the PDF first

The flipbook shows whatever is in the PDF, so fix the PDF before uploading it.

• Same page size throughout. Mixed sizes work, but the book looks uneven as pages turn.
• Embedded fonts. Export with fonts embedded, or text renders in a fallback font.
• Export for screen. The viewer fetches pages as they are needed rather than the whole file up front, but a 200 MB print export still makes the first page slow. Images at 150 ppi are plenty.
• Links and bookmarks. Links inside the PDF stay clickable, and PDF bookmarks become the table of contents. If your layout app can add them, do it before exporting.

2. Install the plugin

Go to Plugins → Add New, search for “Real3D Flipbook”, install and activate. That is the Lite version. If you bought Pro, upload its zip through Plugins → Add New → Upload Plugin instead.

3. Create the flipbook

1. Go to Real3D Flipbook → Add New and give it a title.
2. Click Select PDF or images, pick the PDF from the media library (or upload it there), and click Send to Flipbook.
3. Click Publish.

Nothing is converted. The browser renders each page from the PDF when a reader gets to it, so the flipbook is ready the moment the upload finishes.

If the media uploader rejects the file as too large, that is the WordPress upload limit, not the plugin. Ask your host to raise it, or put the PDF on the server by FTP and paste its address into the PDF URL field instead of uploading. A PDF hosted on another domain needs CORS headers; the documentation has the lines to add.

4. Pick how it should look

The settings are on the same screen. Most PDFs need three decisions.

• View mode. Realistic 3D is the default: WebGL pages that bend and cast shadows as they turn. CSS 3D flip is lighter for older devices. Swipe and Scroll drop the page turn for a flat viewer, which suits long reports and manuals.
• Mode. Embedded shows the flipbook inline on the page. Lightbox shows a cover image and opens the book over the page when it is clicked, which works well for a grid of catalogs. Fullscreen opens it edge to edge.
• Phones. On screens narrower than 768 px the viewer switches to a single page, so a two-page spread is never squeezed onto a phone. Pro adds separate mobile settings, for example swipe on phones and 3D on desktop.

The toolbar buttons (thumbnails, table of contents, zoom, download, print, share) can be shown or hidden per flipbook. Turn download off if the PDF should stay on the site.

5. Put it on a page

After publishing, the flipbook has a shortcode:

[real3d-flipbook id="123"]

Paste it into a Shortcode block, or add the Real3D Flipbook block and pick the flipbook from the list. In Elementor use the Shortcode widget, or the Elementor addon for a widget with a live preview. There is a WPBakery addon too. The flipbook fills the width of whatever contains it, so the page layout decides how big it is.

Each flipbook also has its own page at its permalink, which you can link to or share directly.

6. Make it load fast

• Range requests. The viewer downloads the PDF in pieces, so readers see the cover while the rest arrives. The server has to support HTTP range requests. Nearly all do, but some proxies and CDNs strip them. If the cover waits for the whole file, check this first.
• Fast Web View. Save the PDF with “Fast Web View” (a linearized PDF) so the first pages sit at the start of the file.
• Pre-rendered pages. For big catalogs, the PDF Tools addon (Pro) converts the PDF to page images and a JSON file on the server once, so nothing has to be rendered in the reader’s browser.

Questions people ask

Can readers still download the PDF? Yes, through the download button, which you can hide.

Does the text stay selectable? Yes. The viewer keeps the PDF text layer. Searching inside the book is a Pro feature.

What if the pages are images, not a PDF? Select PDF or images accepts JPG and PNG too, one image per page.

Right-to-left languages? There is a right-to-left option that flips the reading direction, page numbering and navigation.

Get the WordPress plugin