PDF Flipbook, 3D Flipbook, PDF embed, PDF viewer – DearFlip Plugin
PDF Flipbook, 3D Flipbook for WordPress. Create realistic 3D flipbooks using PDFs or Images. Easy to use PDF embed and pdf viewer flipbook.
When impression matters, don’t settle with Flat PDFs! DearFlip is an easy to use 3D flipbook WordPress plugin for every website and PDF. It’s the simplest way to create a flipbook in WordPress – 3D flipbook, 2D flipbook, image flipbook, pdf flipbook, portfolio flipbook. All you need to add is the PDF link and your PDF will come alive as a realistic 3D Flipbook. BRING LIFE TO YOUR PDFs!
DearFlip is a stunning 3D flipbook alternative for your flat lifeless PDF viewer. DearFlip’s easy post structure makes it easy to create a flipbook inside WordPress. Create a 3D flipbook, make your PDFs interactive and generate more customer attention.
Important Notice: DearFlip (also known as dFlip) is now sold on dearflip.com instead of CodeCanyon.net
3D Flipbook– Best look your PDFs and images can get. DearFlip converts your flat images and PDFs to interactive and real life books with the help of cutting edge WebGL technology. All high-tech complex work happens behind the scenes, while your customers enjoy your PDF content with delight. 3D Flipbook is our pride and soon will be yours.
2D Flipbook – Old is gold! 2D flipbook uses CSS and HTMl5 tags to create a flippable and interactive flipbook. The famous variant before the 3D flipbook is still a worthy alternative. Use 2D flipbook for faster loading and in cases where 3D is not preferred, like low-end devices.
PDF Flipbook – What makes the easy-to-use PDFs better? It’s a 3D PDF Flipbook! PDF flipbooks are very easy to create and use. They are rendered using PDF.js library and are very convenient to use and manage. Updating a PDF flipbook or creating it is just about the link to the PDF file, no further hassle. It’s our official recommended file format for a 3D flipbook.
Image Flipbook – Got images that you want to display? Why not create a story book out of your images and share your experience with ALBUMS. Image Flipbook are your virtual Albums, flip, share and enjoy your photos, portfolios with the world.
PDF embed and PDF Viewer – If you are still interested in old PDF viewers, Dearflip has that too. Create PDF embeds on your page that resemble browsers embed pdf viewer. These are best suited for irregular documents.
Customer Engagement and Presentation
Presentation Matters! The main idea of an online flipbook is customer engagement. Traditional document layout doesn’t cut it! Scrolling a PDF to read the content is not the best method when the content is more about presentation. If you are selling an idea, product, work, portfolio – it’s best suited when you present it rather than list it. There is a reason why websites are not text based, they are colorful, interactive – CUSTOMER ENGAGEMENT.
Just 5 Steps!
WordPress is famous for its easy to learn and use structure. DearFlip follows WordPress post structure for creating and managing 3D flipbooks. It’s easy and simple just like creating a post.
Install DearFlip – 3D flipbook plugin
Create a FlipBook Post
Provide a link to your PDF and save the post
Copy the shortcode and paste to your page
Publish and 3D Flipbook is ready to flip on your page!
Features
Realistic 3D flipbook powered by modern WebGL technology
Reliable 2D flipbook that works on low-end devices too, and are used as fallback
Easy WordPress Post structure to create flipbook and shortcode to display flipbook
PDF and Image Support
Embedded inline flipbook: is the default structure to display flipbook
Great plugin – client is very happy with the look. Also, fantastic response time from the developers, and they are very helpful with fixing our specific display issues. alsalin
★★★★★
This is the best flipbook plugin I’ve ever used, and the customer support is even better! It’s very easy to use and is very well-made.kerminaawad
★★★★★
Its amazing – I have tried the others, this for me is the best Simple to set up, add books and use Support is top-class and 5***** spicop
★★★★★
This App is really making my reading more interesting. It’s been really boring all these years to read PDF files in a regular PDF reader, but now thanks to you guys, I have a good reader John Tomsa
3D Flipbook for Chrome Browser
FREE PDF Flipbook Reader for your Browser! Get DearFlip on your Google Chrome. You can further view your local and online PDF to full extent without installing a plugin to any site. Just open the PDF with Chrome and you have your 3D Flipbook ready. Free Chrome Extension
Installation
Thanks for using DearFlip 3D Flipbook plugin – lite edition, on your WordPress site. This page is intended for lite users that are using the lite edition and checking the features of DearFlip WordPress flipbook plugin. Please go through the FAQs that occur during using the lite version.
If these installation FAQs don’t solve your query and issues, please contact using the official WordPress support page.
How to install the DearFlip flipbook WordPress plugin?
Goto ‘Plugins > Add New’ inside WordPress admin
Search for ‘dflip’ in the search plugins text box
Locate dFlip – 3D Flipbook WordPress and click on ‘Install Now’ button
Click on ‘Activate’ to activate the plugin
Note: When upgrading to the PRO version of DearFlip 3D flipbook WordPress plugin, make sure you deactivate the lite version. Your flip book created with the lite version will stay in the database and work seamlessly. If you are using a cache plugin, we recommend clearing cache if any issues arise.
Loading Case 1: No Loading Icon + Long Message:
dFlip 3D Flipbook WordPress Usage & FAQs 1 If you see the loading message and don’t see a loading icon. Then the issue is related to code execution.
Cause A – Other plugin error: DearFlip uses jQuery to start the plugin and if other jQuery plugins cause any errors, the execution of DearFlip is also disturbed. The flipbook never advances further and is stuck at the initial loading message. Check your Browser console (CTRL + SHIFT + I) and make sure there are no errors.
Cause B – WordPress 5.5 update: This is similar to cause A. With WordPress 5.5, jQuery got updated and many other plugins failed, and that results in cause A. So check your Browser console (CTRL + SHIFT + I) and make sure there are no errors.
Cause C – DearFlip error: Check your Browser console (CTRL + SHIFT + I) and make sure there are no errors. If the error displayed is from dflip.min.js then report it using the contact lite support button below.
Loading Case 2: Loading Icon + Loading Message:
This is a normal case and the messages are displayed as the resources and files are loaded.
Loading Case 3: Loading stuck at certain Message:
This happens when the related file for loading is missing or inaccessible. For the best results, we recommend using(hosting) the files from the same domain. Check your Browser console (CTRL + SHIFT + I) and make sure there are no errors. If there are errors please report it using the contact lite support button below.
Loading Case 4: Cannot access File:
Make sure the file is accessible. Try opening the link in the browser, opening a new tab and inserting the PDF URL – see if it opens. Make sure it opens.
Cause A – File is not available: Filename is mistaken or not added at all.
Cause B – CORS Issue: This happens a lot when users don’t understand what file access means in the modern web. PDF files are not accessible from one domain to another just like that. They require permission. You need to set proper CORS permission into the domain where the PDF files exist, so that your domain can access it. NOTE: PDF files from online file-sharing servers like Google Drive, One Drive, Dropbox cannot be configured for CORS access. They won’t allow it.
Screenshots
3D Flipbook animation of DearFlip. It's not a CGI it's real live screenshot.
Photography Flipbook with custom image background. You can set custom background to flipbook post and the 3D flipbook will merge into the background.
Realistic 3D Flipbook created with a PDF file. PDF files used is MeatAtlas
2D Flipbook as fallback; when the browser doesn't support 3D WebGL. As of 2020, 97% of the browsers support WebGL
Image flipbook for artist, photographer to showcase their portfolio, collection and artwork
PDF FlipBook viewer with table of contents
FAQ
How to install DearFlip 3D flipbook in my WordPress site?
Please check the installation tab for details.
How many pages can 3D Flipbook support and how big can a PDF file be?
DearFlip 3D Flipbook uses PDF.js to render the PDF pages. At any given time it requires only 6 pages of data at max. So the amount of pages in a PDF file doesn’t really affect the 3D Flipbook. Also, it only loads 6 Pages of data to start the flipbook and this makes it a resource friendly and traffic friendly 3D flipbook. Other 3D flipbooks might crash with huge files, DearFlip will last longer.
Trom Site is one of our premium client and one of their book has 1144 Pages and is 532MB in size. It loads with only 4-5MB of PDF data.
How to create a PDF flipbook in a WordPress Page?
Upload a pdf file to your WordPress site.
Inside the Edit page/post, add the following shortcode [dflip source=”Path\To\PdfFile.pdf”] For more details visit the Online Documentation
Creating a PDF Flipbook WordPress Post with PDF
Goto ‘dFlip Books > Add New Book’
Enter the title of the PDF flipbook in Title box
Click on ‘Select PDF’ button and select a PDF that you want to use for creating your 3D PDF Flipbook
Upload the PDF file if you have not uploaded already and select the PDF file
CLick on ‘Publish’ button and the page should save and reload
Creating a 3D Flipbook WordPress Post with Images
Goto ‘dFlip Books > Add New Book’
Enter the title of the 3D Flipbook in Title box
In ‘Book Source Type’ select ‘Images’ to create a WordPress Flipbook from images
Click on ‘Add new Page’ button and select the images you want to use for creating your 3D Flipbook WordPress post
Arrange the order of images by dragging the images left or right
Click on ‘Publish’ button and the page should save and reload
Adding Flipbook to a WordPress Page
From the 3D Flipbook you just created, copy the shortcode from ‘Shortcode’ box. Similar to [dflip id=”525″][/dflip]
Goto the page where you want to insert the flipbook and paste the shortcode
Creating a PDF Flipbook with just PDF File URL
You can create a flipbook with just the link and without creating the dFlip post 1. Goto the page where you want to create a flipbook from pdf 2. Use a shortcode to embed the flipbook: [dflip source=”example.com/wp-content/uploads/file.pdf”] source is the link to the PDF file that you want to convert to Flipbook
PDF links are not working!
PDF links are a premium feature in DearFlip, and won’t be displayed in lite version of DearFlip 3D Flipbook WordPress Plugin. You can test your PDF links to check how they work in our online PDF Flipbook Viewer.
Also pay attention that some desktop readers’ auto convert URL texts to links and give an assumption that those are links. Such links won’t work in every reader and device. One of the popular cases is Adobe PDF Reader: it auto-converts the text URLs to links in desktop but not in mobile apps. So we suggest defining links explicitly and not rely on PDF reader’s auto conversion capability.
Start or open a 3D Flipbook at a certain page?
You can set the opening page of a flipbook with shortcode: [dflip id="123" data-page=5] This will create your PDF flipbook or image flipbook to open at page 5 when it starts.
What is better? PDF embed or lightbox PDF viewer?
We recommend to use lightbox for PDF viewer instead of PDF embed viewer. Using embed can result in extra bandwidth for the PDF documents even if the user maynot view the document.
Changelog
This lite version is available in WordPress plugin directory since version 1.2.8