3D FlipBook, PDF Viewer, PDF Embedder – Real 3D FlipBook WordPress Plugin

Description

Live Demo & Try your PDF | Documentation

Present PDFs and images with a realistic 3D flipping effect, directly within your WordPress posts and pages.

Elevate the visual appeal and engagement of your site with Real3D Flipbook.

🔥 Instantly show all PDF links as flipbooks

Just by installing and activating Real3D Flipbook, all your links to PDF files will show PDF as realistic 3D Flipbook, in lightbox mode, instead of just opening the PDF in new tab. This can be disabled in Real3D Flipbook > Settings > Overrides.

🔥 Instant migration from other PDF viewers / PDF embedders / Flipbook plugins

Just by installing and activating Real3D Flipbook, your shortcodes [pdf-embedder], [dflip], [wonderplugin_pdf], [3d-flip-book], [pdfjs-viewer] will show Real3D Flipbook with PDF that is defiend in the shortcode, instead of your old viewer. This can be disabled in Real3D Flipbook > Settings > Overrides.

Self hosted Flipbooks

Real3D Flipbook uses only JavaScript, avoiding iframes and third-party services, to ensure your content loads swiftly and securely on your server.

Easy create Flipbooks from PDF or images

Upload PDFs or images to your media library and insert the shortcode in a post or page. It’s that simple.

  1. Once installed and Activated, click Real3D Flipbook > Add new
  2. Add pages to flipbook by uploading PDF or images
  3. Publish flipbook
  4. Copy flipbook shortcode
  5. Paste the shortcode into post or page

Getting Started Video

Enhanced Usability for PDFs and Images:

  • PDF Viewer: Seamlessly embed PDFs into your site, offering users a high-quality viewing experience.
  • 3D PDF Flipbook: Convert PDFs into realistic 3D flipbooks with smooth page-flipping effects, enhancing user engagement.
  • Image Flipbook: Create captivating flipbooks with JPG, PNG, or WEBP images. Perfect for photo albums, portfolios, and product catalogs.

Customize Flipbooks

There are many options to customize flipbooks. You can choose embed mode (normal, lightbox popup, fullscreen), view mode (realistic 3d, scroll, swipe, simple), container size, container size on mobile and customize the 3d page flip effect. More options to customize the toolbar, background, colors and various other options are available in PRO version real3dflipbook.com

Shortcode

  • Basic flipbook shortcode looks like this [real3dflipbook id="1"]. Inserting this shortcode in a page will embed the flipbook in the page.
    Flipbook can be customized also via shortcode parameters.
  • pdf[real3dflipbook pdf="https//.."] – Assign a PDF URL for flipbook directly.
  • mode[real3dflipbook id="1" mode="lightbox"] – Set embed mode, available are lightbox, normal and fullscreen.
  • class[real3dflipbook id="1" class="book1"] – Set a custom CSS class that will trigger the flipbook lightbox, add the same class to eny element to open the flipbook on click. Setting class will automatically set mode to lightbox and remove the thumbnail.
  • thumb[real3dflipbook id="1" thumb="https//..."] – Set lightbox thumbnail image URL for lightbox flipbook.
  • aspect[real3dflipbook id="1" aspect="1.33"] – Set flipbook container width / height aspect ratio.

PDF flipbook

Create flipbook by simply uploading a PDF or entering PDF URL. You can also use PDF hosted on another domain, if you set up CORS.

Image flipbook

Upload jpg, webp or png images and flipbook is ready.

Lightbox (popup) flipbook

Open flipbook in full screen overlay. Lightbox flipbook can be opened with
* Click on flipbook thumnail
* Click on image
* Button click
* Click on any element that has the flipbook lightbox CSS class

View modes

  • WebGL – realistic 3D WebGL powered flipbook with page bending, lights and shadows
  • 3D – fast loading, CSS only 3D flip animation
  • 2D – fast loading CSS only 2D flip animation
  • Swipe – horizontal swipe animation
  • Scroll – continous vertical scroll
  • Simple – instant page change, without flip animation

Fully Responsive

Flipbook container will have 100% width of the parent, with optional height that can be relative to width or fit to parent. Choose container acpect ratio that will fit your book size. Choose different container aspect on mobile if you want to have landscape view on desktop and portrait view on moobile.

Mobile-Friendly

Adapts beautifully to any device, ensuring your content looks great on desktops, tablets, and smartphones.

Interactive pages

Add any HTML content to flipbook page. Add links, videos, iframes to flipbook pages by adding raw HTML, use inline style to position elements on the flipbook page. See how to add internal link, external link, spotlight link, .mp4 video or youtube to flipbook pages.

Advanced visual editor for adding interactive elements on pages (links, videos, youtube, popup image, popup video, popup youtube), Page Editor Addon, is available for PRO version

Spotlight

Open image, video, youtube or iframe in lightbox overlay by clicking on an page link (rectangle click area).

Table of Contents

Create custom Table of Contents for flipbook with Table of Contents builder or by adding titles to pages.

Share

Share flipbook on Facebook and X.

Fullscreen flipbook

Flipbook covers entire page, below the page menu.

Flipbook post

Post with fullscreen flipbook is automatically created for every flipbook.

Auto PDF Thumbnails

Cover image for PDF flipbook is automatically generated when selecting a PDF for the fliopbook, and it is used for lightbox mode.

Single page view

Displays one page at a time instead of spread.

Auto detect page size

Supports double page with cover or single page PDF-s and images.

Easy navigation

Flip pages with navigation buttons, keyboard arrows, click and drag, touch and swipe, clicking on page edge, or by entering page number.

Target zoom

Double click zoom, mouse wheel zoom, pinch zoom.

Go to page

Current page display with option to flip to any page by entering page number.

Unlimited pages

Create flipbooks with 1000+ pages, no limit in page number.

Unlimited books

Create any number of flipbooks, without limits.

Gutenberg support

Use block editor to add Real3D flipbook block, or add shortcode block with flipbook shortcode.

Logo

Add custom image and set custom CSS for logo style and position.

Fullscreen

Toolbar button for expanding flipbook to browser fullscreen.

Print

Toolbar option for printing all pages or individual page.

Thumbnails

Toolbar button for viewing all pages, with option to navigate to page by clicking on a page thumbnail.

Flip sound

Toolbar button for enabling / disabling flip sound.

Upgrade to PRO for More Features:

Enhance your Real3D FlipBook with advanced features such as PDF hyperlinks, text search, custom toolbar configurations, and much more. Elevate your content presentation with Real3D FlipBook PRO .

PRO Features

  • Premium support
  • PDF hyperlinks – links embedded in PDF will automatically work in flipbook, auto convert text to links
  • PDF text search
  • Deep linking – open flipbook to specific page or change flipbook page with URL hash
  • Google Analytics integration with tracking custom events from flipbook
  • Global setting – settings that will apply for all flipbooks
  • Custom toolbar – remove any button form the toolbar, position any button on top or bottom toolbar, align left, right or center, change button size
  • Hide toolbar
  • Custom colors – change colors for toolbar, buttons and flipbook background
  • Custom background – set flipbook background to solid color, gradient or image
  • PDF Thumbnail size – change the size of auto generated PDF thumbnail
  • Custom Thumbnail – upload custom image for flipbook thumbnail
  • Dark skin
  • Predefined UI layouts
  • Automatic Table of Contents from PDF (PDF outline)
  • Download PDF
  • Download pages
  • Share – Email, WhatsApp, LinkedIn, Digg, Pinterest, Reddit
  • Bookmark
  • Autoplay
  • Translate
  • Page Editor Addon support – Add videos, links, youtube, sound to flipbook pages with visual editor
  • PDF Tools Addon support – Optimize PDF flipbooks with PDF Tools Addon
  • WooCommerce Addon support – Integrate flipbook with WooCommerce product

Screenshots

Blocks

This plugin provides 1 block.

  • 3D FlipBook, PDF Viewer, PDF Embedder - Real 3D FlipBook WordPress Plugin

Installation

Automatic installation

  1. Click ‘Plugins > Add New’ and search for ‘Real3D Flipbook’.
  2. Find the plugin box of Real3D Flipbook and click on the ‘Install Now’ button.
  3. Activate the Real3D Flipbook plugin.
  4. Create a new flipbook: Click on the ‘Real3D Flipbook’ > ‘Add new’, add images or PDF as source, customize your flipbook with settings and publish.
  5. Copy the flipbook shortcode from the Publish box and paste it into a post or a page.

Manual installation

  1. Download real3d-flipbook.zip
  2. Upload the zip plugin through ‘Plugins > Add New > Upload’ interface or upload real3d-flipbook folder to the ‘/wp-content/plugins/’ directory.
  3. Activate Real3D Flipbook plugin through the ‘Plugins’ menu in WordPress.
  4. Create a new flipbook: Click on the ‘Real3D Flipbook’ > ‘Add new’, add images or PDF as source, customize your flipbook with settings and publish.
  5. Copy the flipbook shortcode from the Publish box and paste it into a post or a page.

FAQ

How to create a flipbook

Once you have plugin installed and activated, go to plugin admin and create new flip book by clicking “Add new”. Add pages to flipbook by uploading JPG pages or PDF and publish flipbook.

How to embed a flipbook in a post or page

Go to Flipbooks list by clicking Real3D Flipbook in the menu. Copy flipbook shortcode and paste it to a post or page.

Is there a limit in number of pages or PDF file size?

Real3D Flipbook supports 500+ MB PDF files with 1000+ pages. Only visible pages are loaded, so large number of pages does not affect the performance or loading time.

How to optimize PDF flipbook for fast page loading?

Typically, PDFs with a smaller file size will be rendered faster and it depends on how big a single page is. The amount of pages does not affect the performance. It’s essential that you optimize your documents for the web. See Optimize a PDF from Adobe’s website for more information. There are more improvement techniques that we can suggest:

  1. Avoid using high resolution images — 150 dpi resolution for scanned images shall be enough for screens, especially for low powered devices;
  2. Try to use JPEG encoding for color images/photos in RGB colorspace when possible;
  3. Avoid using expensive compositions/effects such as transitions/masking — flatten transparency;
  4. Avoid using PDF generators (or don’t create content) that produce ineffective PDF output (e.g. LibreOffice creates a lots of tiny images for vector elements/pictures it does not understand);
  5. If there is such a setting, use web-optimized PDF output / linearization;
    Fix or don’t produce corrupted PDFs that do not conform to the PDF32000 specification.

How to optimize image flipbook for fast page loading?

Optimize images for web, with online tools for image optimization or image editing software. Use images with resolution around 2000px. Use JPG or WebP instead of PNG.

Reviews

28 Meán an tSamhraidh, 2023 1 reply
Everybody knows about Issuu. It's a way to publish PDFs and distribute them over the Internet with an astonishingly good look & feel. WordPress can directly embed the Issuu flipbook, and it's a breeze to use. We all know that. We also know that Issuu is a paid service. When you have a 150-page catalogue taking 160 MBytes to load... forget it, you cannot afford to host it on Issuu. You have to do it by yourself. Also, Issuu may not allow all content to be displayed. They have their own reasons for flagging content as inappropriate — in some cases, to view your content, you have to demand that your viewers sign up with Issuu, too (so they can be independently validated, of course). This makes everything much cumbersome. There are many, many PDF viewers out there. In fact, these days, most people don't even bother with PDF viewers, because most browsers already have the ability to directly view them — no plugin, no JavaScript, nothing else is required. "Ah," you'd say — since you're reading this review... "but that's not the same as the cute animations that Issuu allows. It's bare-bones PDF viewing — boring! Issuu, on the contrary, brings the user the experience of flipping through a book!" Indeed it does, but what if you have no option but to host the PDFs on your own website? Enter Real3D Flipbook! To be perfectly honest: I have the exact same PDF (aye, it's 150 pages and 160+ MBytes in size) side by side, on Issue and on Real3D Flipbook. I like Real3D Flipbook more. The flipping animation is nicer and more realistic (and you can even get it to play a flipping sound), using advanced WebGL features such as shading and light rendering. And it's not an embedded iFrame — rather, this plugin directly accesses the browser's canvas, so it gets access to more powerful tools (or so I guess). And if you're scared of serving 160 MBytes (or more!) from your own server, don't worry — Real3D Flipbook will only render pages on demand, as they get requested by the person viewing the PDF. They will not need to retrieve all pages in advance (of course, that also means that if you flip through a big. heavy PDF very quickly, there will be some pages temporarily rendered as blank pages, until Real3D Flipbook 'catches up' with the content being served). Oh, by the way, all the above goodies come as standard on the free version (the one you can get from here). There is a paid version, which you can get from the Envato marketplace. It's cheap, but it allows much more detailed configuration of all aspects of Real3D Flipbook, have different settings for different PDFs, and so forth. And there is an additional option to store your PDF on their CDN as well, if you're really concerned about the load on your server. In other words: if you're actually recommending to a customer a solution for showing PDFs on their website, and your customer is willing to pay for such a service, then, with Real3D Flipbook, you have basically the same service as Issuu, without their restrictions — and without Issuu's price. And you get a much cooler flipping animation! (Note that even the free version allows more basic rendering — just using CSS, for instance — which will make your pages much lighter. But that's your choice!) I'm aware that this plugin, while heavily recommended, is not faultless. For instance, it's clear that it doesn't get updated all that often. Sometimes, this is not necessarily bad — except for security issues, if the plugin already has all the functionality you need, 'frozen' in place, so to speak, why bother to update it, just for the sake of saying 'hey, a new version is out?' As an amateur plugin developer myself, that's the path I take as well. The settings page for the plugin, as well as the online documentation, also suffer from bad spelling mistakes and some confusing organisation overall. It's clear, from the Envato marketplace, that this plugin stated its life as merely a jQuery-based collection of scripts. Turning it into a plugin (supporting shortcodes and Gutenberg blocks!) required further development, and it's possible that the 'adaptation' of a jQuery-only plugin to work fully integrated into WordPress had its rough edges. Still, one might argue that it could have been done differently, and that both the plugin would benefit from a text revision made by a professional technical writer. It would also be nice if the developer just updated the information about the version of WordPress this works with. I get all those warnings saying that the plugin has never been tested with the most current version of WordPress. The truth is that it works flawlessly (it was well-designed from the start!), it's just that the developer didn't bother to update the version on the plugin configuration files. Last but not least, even though this is a standalone plugin, and the same applies to the paid version as well, there are extra goodies that you can install separately, buying them directly from Envato. Some of those goodies are extremely useful, while others might not be relevant. Instead of bundling them all together, you just get the features you wish to pay for. That's certainly a very appealing business model, and one that allows the developer to continue to add functionality to Real3D Flipbook, but with external modules, additional to the 'core'. In fact, this is the same concept that made WordPress (and, later, WooCommerce) the most-used CMS in the world: start with a bare-bones (but fully functional!) solution first, and let users pick whatever additional functionality they want — adding these in a modular way (some of which will be paid, but the bulk will be free). Real3D Flipbook adopts the same concept (at a much smaller scale, of course). No wonder it's so recommended on the popular reviewing sites out there. There might be quite good plugins here and there, many of which free (or at least having an entry-level free version), but none rivals Real3D Flipbook, and most don't even come close. Not even Issuu.
14 Bealtaine, 2020
It's a good plugin with few small issues that need polishing, one of them being the updates. Unlike all other plugins I purchased, this one requires manually downloading an archive and copying files into relevant folders on the server. I wish this process would be automatic.
25 Deireadh an tSamhraidh, 2019
This plugin is very good, clever and fast! It has all or even more settings from those that may be needed and works great. It's probably one of the best of WordPress.org. Well done to the developer!
Read all 6 reviews

Contributors & Developers

“3D FlipBook, PDF Viewer, PDF Embedder – Real 3D FlipBook WordPress Plugin” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0

  • initial release

3.39

  • New: more options added under General
  • New: WebGL options
  • Improvement: better performance
  • Improvement: faster page loading time
  • Improvement: optimized script loading
  • Improvement: smaller script sizes
  • Fix : various bug fixes

3.39.1

  • Fix: updating from 1.0

3.41

  • New: view mode “scroll”
  • Fix: view mode “3d” performance

3.42

  • New: flipbook mode “lightbox” and “fullscreen” added
  • Fix: view mode “scroll” not loading first page if viewer is off screen
  • Improvement: disable flipbook when it is off screen

3.50

  • Fix: bug with OffscreenCanvas undefined on iOS
  • Fix: disable page scroll on mobile when lightbox is active
  • Fix: disable page flip if another flipbook is in fullscreen or lightbox
  • Improvement: faster page loading in mode “webgl”
  • Improvement: faster page loading for PDF flipbooks
  • Improvement: performance optimizations

3.53

  • Improvement: Added toolbar with Zoom in, Zoom out and Fullscreen options

3.53.1

  • New: Help section in Edit flipbook page, with Getting Started video
  • New: Open lightbox flipbook with a “lightbox CSS class” – any element with this CSS class will open the lightbox flipbook
  • New: Set lightbox CSS class via shortcode parameter “class”
  • New: Set PDF URL via shortcode parameter “pdf”
  • New: Set lightbox thumbnail URL via shortcode parameter “thumb”

3.54

  • Improvement: Updated Getting Started video
  • Improvement: Changed default flipbook container size to A4 double page

3.55

  • Fix: Creating flipbook from images
  • Fix: Flipping pages with arrows in mode “3d” and “2d”

3.56

  • New: Thumbnails option in toolbar
  • New: Print option in toolbar
  • Improvement: Page resolution for PDF flipbook

3.56.1

  • New: Help admin page

3.56.2

  • New: Toolbar button for enabling / disabling flip sound

3.57

  • Fix: Prevent page flip after pinch zoom
  • Fix: Prevent double click zoom during page flip

3.58

  • Fix: Single page mode with odd number of pages
  • Fix: Blurry pages in mode 2D
  • Fix: Right to left mode when book has 1 page

3.59

  • Fix: Left page not visible on iOS, when view mode is 2d or 3d
  • Fix: HTML content not working for PDF flipbook

3.60

  • New: Table of Contents from page titles
  • New: Table of Contents builder
  • New: Share on Facebook, X

3.61

  • New: Option to override click on PDF links, all links will open PDF in Real3D Flipbook lightbox
  • New: Option to render shortcodes [pdf-embedder url=”…pdf”], [dflip source=”…pdf”], [wonderplugin_pdf src=”…pdf”] in Real3D Flipbook

3.61.1

  • New: Option to render shortcodes [3d-flip-book pdf=”…pdf”], [3d-flip-book id=”…pdf”], [dflip id=”…pdf”], [pdfjs-viewer url=”…pdf”] in Real3D Flipbook