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

5 min readJun 19, 2019

PDFs are often boring. Meanwhile, 3D Flipbooks are attractive and most likely to be read by visitors on your site. That’s why converting PDF files into 3D Flipbook in WordPress site is really a great idea. Everyone must try it and see the difference between pdf and WordPress flipbook.

On the other hand, when there are dozens of plugins available for WordPress flipbooks in the market, it is difficult to choose the best one. Among them, we’ll start with the free version of dFlip- 3D Flipbook WordPress Plugin. It helps you to create a realistic 3D Flipbook for WordPress with an awesome look and feels. You can go to flipbook Wordpress plugins to read about other flipbook plugins as well.

So, today in this article we’ll learn a few easy steps to create a WordPress Flipbook with the help of dFlip- 3D Flipbook WordPress Plugin with the popular theme, Divi.

Step 1: Download, Install & Activate Divi

Before starting, we assume that you have already created your Elegant Themes account and downloaded the Divi Theme. If not, go Divi and get it. It is downloaded as a file with .zip extension on your computer.

In the first step, we’ll need to upload the Divi theme into our WordPress site. Let’s do it by going to wp-admin panel Appearance > Themes>Add New>Upload Theme > Choose File then locate and select the downloaded zip file on your computer, and click on Install Now. After successful installation, activate the theme.

Step 2: Download dFlip- 3D Flipbook WordPress Plugin

Next is to download the 3D flipbook plugin by going to dFlip- 3D Flipbook WordPress Plugin page and click on download.

Step 3: Install & Activate dFlip- 3D Flipbook WordPress Plugin

As we did in Step 1 installing and activating a plugin is similar to that of the theme. Just go to wp-admin panel Plugins>Add New>Upload Plugin> Choose File then install and activate it too. Then you are ready for creating your first WordPress flipbook.

Step 4: Add New WordPress FlipBook

We are now at the heart of this tutorial. To add a new pdf flipbook in WordPress, go to dFlip Books> Add New Book.

Step 5: Select your PDF File

Firstly choose a Book Source Type. DFilp helps you to create 2D and 3D Flipbook from both images and pdf files. You can choose a Book Source Type as “PDF” for pdf files or “Images” for images. 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 the source of the book.
And lastly, if you want the Flipbook to appear as Thumb Lightbox, select a PDF Thumbnail Image for PDF thumb.

Step 6: Copy Shortcode

Now save the post as a draft. Shortcode will be generated immediately after clicking on Save Draft. Copy the shortcode of desired view mode then you are ready for the next step.

Step 7: Display Flipbook in WordPress Site

Using Standard Editor:

Finally, you are just one step far from your new flipbook. All you need to do is create a new post and paste the shortcode inside the code block. Simply go to Posts> Add New Post> Add Block > Code or you can paste the shortcode in any existing posts as well (or wherever you want to display).

Using The Divi Builder:

Additionally in case you wish to use Divi Builder instead of the standard editor:

Create a new post by going to Posts> Add New Post.
Add Post Title and Click on Use The Divi Builder.
Click on Insert Column, and choose a layout according to your requirement.
Click on Insert Module, search for the Code module and select it.
Now paste the copied shortcode inside the content block as shown in the image below.
Click on save and exits.

And your WordPress flipbook is ready :)

Step 8: Customize 3D Flipbook (if needed)

Well done! You can now change the layout as per your desire as well as add an outline to your Flipbook anytime. Just go to dFlip Books > All Books and Edit the book you want to customize. You will love the customizability of dFlip- 3D Flipbook WordPress Plugin since it offers lots of options to create the flipbook of your imagination.