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

Aarati Parajuli
Jun 19, 2019 · 5 min read

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.

Divi Theme

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.

Install Divi 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.

DFLIP 3D Flipbook wordpress plugin

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.

Install Flipbook WordPress Plugins
Add Plugin

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.

Add New Flipbook

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.

Upload PDF File

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.

Copy Generated Short Code

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

Display flipbook in wordpress

Using The Divi Builder:

Image for post

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

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

And your WordPress flipbook is ready :)

3D Flipbook created

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.

Customize Flipbook
Add Outlines

Any confusion? Feel free to comment below. :)

Go to Real Life Disney — Artist re-imagines realistic Disney characters to see demos and examples of 3D Flipbook by dFlip- 3D Flipbook WordPress Plugin.

Click here to buy the premium version of dFlip- 3D Flipbook WordPress Plugin.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store