Lightbox (popup) flipbook examples

DearFlip, can be used in popup boxes, also known as lightboxes. You can click on the below thumbnails and links to see various flipbook examples on the same page. Light-boxes are recommended when there are multiple books to be displayed in a page. It can be inside a table structure or just book cover thumbnails depending on your need.

Thumb Lightboxes

CSS Book
DearFlip Brochure
GLFW manual
Brand Manual Template
Mazda 6

This is suitable to display your books with thumbs/cover image.


Book shelves (PRO)​

Meat Atlas
Mazda 6
CSS Book
DearFlip Brochure
GLFW manual
Brand Manual Template
Photography Template Envato
Toa Heftiba Travel Photography Portfolio
Visit Nepal 2020
Real Life Disney

Book shelves are better to display your books with thumb cover in a showcase layout. Learn how to?


Right to Left (RTL)​

H9 Catalogue

Some languages require flipbooks to be read from right to Left. By setting the Reading direction to RTL, the 3D flipbook will now be available in RTL layout.


Buttons​ (PRO)

CSS Book
DearFlip Brochure
GLFW manual
Brand Manual Template

3D Flipbooks can be launched in popups using normal buttons too. These are suitable when the layout is not suitable for Embed mode or thumb mode. It takes less space is customizable using custom CSS.


  • : PDF files are handled really well by the plugin. All your links and bookmarks are automatically detected and displayed.
  • : You can create a link to open the flipbook in the same page. These Links here all open a flipbook with respective feature.
  • : Just add data-page="4" to the WordPress shortcode or HTML syntax and the flipbook will open at that certain page.
  • : You can actually add any design content button inside the dflip shortcode and that will also trigger the flipbook.
  • <img class="alignnone wp-image-2118 size-full" src="https://lite.dearflip.com/wp-content/uploads/2020/09/dflip-icon-128-e1599788874816.png" alt="DearFlip Icon" width="48" height="48" /> Custom button
    : Buttons are great to open flipbook. And they too support any content or custom class from your theme.


This is the easiest solution that doesn’t even require creating a DearFlip post. just include the link to your pdf file in the content and it will be autodetected, converted into a popup viewer. The type of viewer, and settings are taken from Global settings(Pro feature).

DIrectly Linked file

This is disabled by default and needs to be enabled in Global Settings-> Advanced-> Auto convert PDF links on page to viewers

PDF file links feature will not work in links set to open in new tab or links set as download – even when the feature is enabled.


DearFlip is also available as Google Chrome Extension