How to create amazing 3D Flipbook in WordPress with Divi Theme?

 

Divi theme is quite popular and thus, we thought of providing an exclusive tutorial on how to create a 3D Flipbook in WordPress using PDF and dFlip WordPress flipbook plugin. There are numbers of Flipbook WordPress Plugins available, you can choose any of them. But today we’ll be using 3D Flipbook – dFlip WordPress Plugin due to its simplicity and customizability. For this tutorial, you will be requiring:

  1. Divi theme, which you can download from Elegant Themes
  2. dFlip WordPress Flipbook Plugin, which you can get as a trial from WordPress repo or from the Premium site

 

What’s a Flipbook?

If you already know, what’s a flipbook, feel free to jump to the next section. Before diving into how to create PDF Flipbook, let’s know what exactly a Flipbook means. Flipbook is the simulation of a real book. It appears exactly like a printed document with a number of pages. Flipbook creates an illusion of turning when moved from one page to another.

Why Flipbook? Long pdfs are often boring to read. Therefore converting PDFs into realistic PDF flipbooks will increase the chance of visitors reading your content. As a result, staying a longer time on your website.

What Am I supposed to do?

We have also created a tutorial video that you can follow as you see. In other words, you can have a look at the video below; or keep reading the article. But we assume you have enough knowledegaboutWordpress posts and Divi theme and you are already using the Divi theme on your website.

Step 1: Download dFlip PDF FlipBook WordPress Plugin

For this tutorial, we will start by downloading 3D Flipbook – dFlip WordPress Plugin from WordPress.org. That is a lite version available a WordPress official repo and limits to 20 pages, but for the sake of this tutorial, that is sufficient. In case, you are happy with the plugin you can jump ahead and purchase the premium version of the dFlip – 3D Flipbook WordPress plugin.

Step 2: Upload the plugin, Install & Activate

After downloading 3D Flipbook – dFlip, come back to your WordPress admin section. Go to Plugin > Add New. Click on upload plugin button then click on Choose File, locate the downloaded plugin on your computer and then click on Install Now. After installing don’t forget to activate the plugin.

How to create amazing 3D Flipbook in WordPress with Divi Theme? 1

Step 3: Add New PDF Flipbook

After the plugin is downloaded, installed and activated, now its time to create a realistic flipbook from your pdf file. For this, go to dFlip Books > Add New Book

How to create amazing 3D Flipbook in WordPress with Divi Theme? 2

Step 4: Select your PDF File

Firstly, choose a Book Source Type. You should choose “PDF” for PDF files. “Images” for image files. In this article, we are going to create a flipbook with PDF File so we go with “PDF”.

Secondly, upload a PDF File to use as a source for the book.
And lastly, if you want the flipbook to appear as thumb lightbox, select a PDF Thumbnail Image for PDF thumb.

How to create amazing 3D Flipbook in WordPress with Divi Theme? 3

Step 5: Save post & copy the shortcode of the required mode.

To generate the shortcode, click on Save Draft. Shortcode will be generated immediately after clicking on save draft. You can copy the shortcode of the desired view mode.

How to create amazing 3D Flipbook in WordPress with Divi Theme? 4

Step 6: Paste the Shortcode (Display your PDF Flipbook)

Finally, paste the Shortcode in any existing post inside the code block. Or you can create a new post and paste Shortcode inside it. For this go to Posts> Add New Post> Add Block > Code

How to create amazing 3D Flipbook in WordPress with Divi Theme? 5

And your Flipbook is ready.

How to create amazing 3D Flipbook in WordPress with Divi Theme? 6

Step 7: Customize your PDF Flipbook (If Needed)

After your flipbook is ready you can always go to dFlip Books > All Books and edit the book you want to customize. , its layout as well as outlines. 3D Flipbook – dFlip offers lots of options for its users to customize.

How to create amazing 3D Flipbook in WordPress with Divi Theme? 7
How to create amazing 3D Flipbook in WordPress with Divi Theme? 8

More related articles:

How to create a 3D Flipbook in WordPress with Divi Theme?

This Post Has 2 Comments

  1. When I set the dFlip cat as “[dflip books="guitar"][/dflip]“, but it just can show 5 books on the page. How can I show all the books?

Leave a Reply

Close Menu