Lightbox (popup) flipbook examples

DearFlip, or dFlip, 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
CSS Book
DearFlip Brochure
DearFlip Brochure
GLFW manual
GLFW manual
Brand Manual Template
Brand Manual Template
Mazda 6
Mazda 6
Meat Atlas
Meat Atlas

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


Book shelves (PRO)​

Meat AtlasMeat Atlas
Mazda 6Mazda 6
CSS BookCSS Book
DearFlip BrochureDearFlip Brochure
GLFW manualGLFW manual
Brand Manual TemplateBrand Manual Template
Photography Template EnvatoPhotography Template Envato
Toa Heftiba Travel Photography PortfolioToa Heftiba Travel Photography Portfolio
Visit Nepal 2020Visit Nepal 2020
Real Life DisneyReal 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
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 BookDearFlip BrochureGLFW manualBrand 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 Flipbook with links and bookmarks: PDF files are handled really well by the plugin. All your links and bookmarks are automatically detected and displayed.
  • Open Flipbook with Link: You can create a link to open the flipbook in the same page. These Links here all open a flipbook with respective feature.
  • Open Book at certain page: Just add data-page="4" to the wordpress shortcode or HTML syntax and the flipbook will open at that certain page.
  • DearFlip Icon Anything to open the flipbook: You can actually add any design content button inside the dflip shortcode and that will also trigger the flipbook.
  • DearFlip Icon 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.