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
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]
All DearFlip comments and discussion have been moved to
https://github.com/dearhive/dearflip-js-flipbook/discussions