Multiple Flipbooks/Viewers in a page

Embedded Flipbooks/Viewers

The embedded type of PDF Flipbook is the basic and default viewer from DearFlip. These work great on page where the main page about the book or when there is just one book in a page.

[dflip id="123"][/dflip]

Example: Embedded Viewer in a Page


Why multiple embedded flipbooks/viewers in a page is a bad idea?

But things change when there are more than one flipbook in a single page. A single Flipbook consume certain amount of time to load and consumes memory. Thus multiple embedded flipbooks will increase that page load time and memory consumption additively.


What is better suited for multiple flipbooks/viewers in a page?

We recommend using Lightboxes(Popups) shortcode solutions like buttons, thumbs, links. These are just normal buttons or elements that open a flipbook/viewer only when the user requires it.

Example: Popups and Lightboxes

CSS BookDearFlip BrochureGLFW manualBrand Manual TemplateMazda 6Meat Atlas

What changes you need to do?

The default shortcode needs to be updated to popup shortcode by adding type="thumb" or type="button" or type="custom"

Before:

[dflip id="123"][/dflip]]

After:

[dflip id="123" type="thumb"][/dflip]


More Inquiry/Info & COMMENTS:

All DearFlip comments and discussion have been moved to
https://github.com/dearhive/dearflip-js-flipbook/discussions