WordPress.org

Plugin Directory

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

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

Description

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!

Report a Bug / Request a Feature

If you have any problem or feature request for this plugin, please feel free to open a ticket!

🔥 Open PDF Links as Flipbooks

Open PDF links on your website as lightbox flipbooks. This feature can be enabled for all PDF links, or only for PDF links with specific CSS class, or for all PDF links that don’t have specific CSS class, or can be disabled. Watch video

🔥 Easily Migrate from other Flipbooks and PDF Viewers

Install and activate Real3D Flipbook and your existing shortcodes and blocks of PDF Embedder, DearFlip, 3D Flipbook, Wonder PDF Embed, PDF.js Viewer will automatically display the PDFs using Real3D Flipbook instead of your previous viewer.

Create flipbook in 5 easy steps

  1. Real3D Flipbook > Add new
  2. Select PDF or images for flipbook
  3. Publish flipbook post
  4. Copy flipbook shortcode and paste it into post or page

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

Embedded Flipbook

Insert flipbook anywhere in post or page. Flipbook automatically resizes to fit the screen size and book size.

Self hosted Flipbooks

Real3D Flipbook does not use iframes and third-party services, to ensure your content loads fast and securely on your server.

Realistic 3D Flipbbooks

Real3D FLipbook offers the most realistic page flip animation, with lights, shadows, shiny pages, perspective view.

CSS 3D Flipbook

Alternative to Realistic WebGL mode, CSS mode offers simple 3D flip animation and loads slightly faster.

Swipe Viewer

Alternative view mode that displays PDF or images with horizontal swipe animation.

Scroll Viewer

Alternative view mode that displays PDF or images with vertical scroll animation.

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), 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

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

Supports jpg, webp or png images.

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.

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.

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 .

Add Ons

  • PDF Tools Addon – Convert PDF to images to speed up the flipbook loading time and secure the PDF.

Watch Real3D Flipbook PRO Demo

PRO Features

  • Global setting – customize the default viewer settings – set default view mode (3D, WebGL, Swipe, Scroll, Simple), customize toolbar, colors and every other aspect of the viewer
  • PDF hyperlinks – link annotations embedded in PDF will automatically work in flipbook
  • PDF auto link conversion – ability to automatillay recognize links in PDF text
  • PDF text search
  • PDF selectable text
  • Deep linking – open flipbook to specific page or change flipbook page with URL hash
  • Google Analytics integration with tracking custom events from flipbook
  • 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 full support – Optimize PDF flipbooks with PDF Tools Addon, by converting PDF to images and JSON
  • WooCommerce Addon support – Integrate flipbook with WooCommerce product
  • Premium customer support

Screenshots

Blocks

This plugin provides 1 block.

  • R Dfb Embed

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

June 28, 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.
May 14, 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.
July 25, 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

“3D FlipBook, PDF Viewer, PDF Embedder – Real 3D FlipBook WordPress Plugin” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “3D FlipBook, PDF Viewer, PDF Embedder – Real 3D FlipBook WordPress Plugin” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

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

3.61.2

  • Fix: Import flipbooks from JSON

3.62

  • New: Download PDF button
  • New: Enable / Disable any toolbar button

3.63

  • Improvement: Flipbook live preview in admin

3.65

  • New: Option to show only first x number of pages
  • Fix: Scrollbar on Table of Contents and Thumbnails

3.68

  • Improvement: Updated links for addons

3.68.1

  • Fix: Conflict with dflip plugin

3.69

  • Fix: Override PDF Embedder shortcode and block

3.70

  • New: Support for translation with .po .mo files
  • New: Added Turkish translation

3.71

  • Improvement: Navigation arrows redesign
  • Improvement: Thumbnails view redesign

3.72

  • Fix: Saving HTML content for flipbook pages
  • New: Tooltip for toolbar

3.73

  • Fix: Right to left mode in view mode “3d”, “2d”, “simple”

3.73.1

  • Fix: Right to left mode in view mode “swipe”

3.74

  • New: Resize flipbook container to fit double page flipbook on desktop and single page flipbook on mobile

3.75

  • Improvement: Code optimization

3.76

  • Improvement: Performance optimization for JPG flipbooks
  • Fix: Missing “scroll” option in Mobile > View mode

3.77

  • Fix: View mode “swipe” not working

3.79

  • New: Tools submenu in toolbar
  • Improvement: Share menu redesign
  • Improvement: Better flip animation

3.80

  • Fix: Flipbook thumbnail overwriting

3.81

  • Fix: Flipbook quick edit post deletes flipbook settings

3.82

  • New: Container ratio option
  • New: Editable Flipbook permalink structure

3.83

  • Improvement: Updated to more recent pdf.js
  • Fix: Multiple flibpooks on the same page not working
  • New: Convert PDF links – Option to convert only PDF links with CSS class
  • New: Convert PDF links – Option to convert only PDF links witouts CSS class

4.0

  • Improvement: Updated to PDF.js 3.11.174
  • Fix: Fullscreen on iOS
  • Fix: Double click zoom
  • Fix: Flip pages with touch swipe
  • Other bug fixes
  • Performance improvements

4.1

  • Fix: Fullscreen mode flipbook cut off
  • Fix: Broken flipbook permalinks

4.1.1

  • Improvement: Admin Help page

4.3

  • Fix: Lightbox flipbook bug when flipbook is not visible
  • Fix: Bulk edit flipbook posts deletes options from flipbook
  • Fix: Errors caused by cached scripts
  • Fix: Table of Contents from PDF outline
  • Fix: PHP 8.3 warning
  • Fix: iOS fullscreen shows warning
  • Fix: PDF Flipbook rendering bug
  • New: Option to enable / disable Current page on mobile
  • New: Option to enable / disable Tools menu

4.3.8

  • Fix: Bug with creating new flipbooks

4.3.9

  • Fix: One page JPG flipbook not working

4.4.1

  • Fix: PHP error on flipbook permalink
  • Fix: Flipbook not loading in lightbox
  • Fix: Single page mode can flip beyond last page

4.4.2

  • Fix: JS error on Edit flipbook page