These settings will be applicable from Version 2.1
Source Settings: #
Book Source Type
DearFlip Accepts two type of Source. PDF and Images. We recommend using PDF over images. PDFs are easier to manage and design using a PDF editor. Images needs to be added individually and take more time.
PDF File & Thumbnail Image
This field accepts the PDF file link. It can be selected using WordPress Media Upload box. Or a URL can be directly added. Recommended is WordPress Media Upload Dialog box.
Tips: PDF files from external source needs to have proper CORS permissions to use in your site.
PDF Thumbnail Image
You can add a thumbnail image to the PDF file selected. This thumb will be used when you used “thumb” type lightbox.
Since version 2.1 Full edition, thumbs can be autogenerated when PDF file is selected
General Settings: #
Dearflip supports 3 viewer type modes. Available Options are Vertical Reader, Flipbook, Slider. Default mode is flipbook.
Can be set globally, overridden by individual settings or shortcode option
Mobile Viewer Type
Sets the type of viewer for mobile devices. Available options are Same as Viewer Type, Vertical Reader, Flipbook, Slider.
Page Size/Zoom #
Page Render Size
The maximum size of page that can be rendered or zoomed to. We recommend a maximum of 3200px. Higher values use more memory exponentially and can crash devices with low memory.
The multiplier for page zoom. It cannot zoom beyond the maximum Page Render size.
Page Links #
These settings are for the links inside the PDF flipbook pages or the hotspots added to image flipbooks.
The links in flipbooks can be highlighted with specific color. The default color is yellow
Controls the transparency of the link. By default the value is 0.4. To totally hide the links you can set the value to 0
Controls the color of link when they are hovered.
Controls the transparency of the link when they are hovered.
Tips: If you do not like to have links having color and want them to be only highlighted on hover, you can set the Link Color Opacity to 0.
Layout Settings #
Paddings can be used to add space between flipbook and the container where flipbook is added.
Negative values for padding are possible, will created a zoomed effect.
The height of flipbook container can be set. This applies for embedded mode only. Can be passed using shortcode too.
Possible values are:
- Default: auto Recommended
- Numeric: 500 or 1000
- Pixel Numbers: 500px or 100px
- Percentage: 50% or 80% (when using percentage, parent element should have fixed/calculated height else it results to 0)
- Viewport Height: 100vh or 80vh
Calculated values are possible.
calc( 100vh - 80px)this makes the height of flipbook to consider the sticky header height of you page. or when the flipbook is in top position you can subtract the height of the header. More on calc() function
When set to true, the sidemenus(Outline, search, thumbnails) will open on top of flipbook; without resizing/shifting the flipbook.
Background color for the flipbook container. Accepts Hexadecimal value
To create a transparent background use
Background image for the flipbook container.
Auto Enable Sound
Sound is played when flipbook pages flip. This can be disabled or enable.
Enable PDF Download
This shows/hides the download button for PDF file. Only applies if the Book source if PDF.
Enable PDF Search
This shows/hides the search button for PDF file. Only applies if the Book source if PDF.
Enable PDF Print
This shows/hides the print button for PDF file. Only applies if the Book source if PDF.
Controls bar can be set to top, bottom or hidden.
The controls size is subtracted from the flipbook height. Can be offset using bottom padding too.
Sets the controls bar to use a floating layout.
More Controls – CASE SENSITIVE
Hide Controls – CASE SENSITIVE
Flipbook Settings #
3D or 2D
Determines the display mode of Flipbook. The default mode is 3D. in browsers that do not support 3D mode, it will fallback to 2D mode.
Possible values are 3D mode, 2D mode and Hybrid 3D
When set to true, all pages will be forced to hard page like structure – they will no longer be foldable.
Determines the duration to flip a page. Default is 800ms.
By default flipbook displays two pages – side by side. That is Double page mode, default value. You can choose Single page mode if you want to focus on one page at a time.
If set to Auto, desktop will use Double page mode and mobiles will use single page mode.
Single Page Mode
When in single page mode, you can further choose to display just one page(Booklet mode) or focus on a page in flipbook(Normal Zoom).
Some PDFs are RTL(Right o Left) in such cases, you can choose RTL mode.
3D Settings #
Has Spiral in 3D Book
Spiral flipbook mode will be used if set to true.
Spiral mode doesn’t work in 2D or in Hybrid 3D mode.
3D Spiral color
Sets the color of spiral in a spiral 3D flipbook.
Enable 3D Cover
When set to one, a hard cover page will be use for front and back of the 3D flipbook.
3D Book Cover Color
Sets the color of 3D cover
3D Book Pages Color
Sets the default color of 3D pages. By default its white.
3D Paper Flexibility
Determines the flexibility of a 3D page. Bigger value denotes a much flexible page.
Setting the value to 0 will create a flat flipbook when in resting position
3D Flipbook Up Tilt
Beta feature- Tilts the 3D flipbook backwards.
3D Flipbook Rotate
Beta feature- Rotates the 3D flipbook left or right by the given angle. Positive values rotate to right, negative values rotate to left.
Enable AutoPlay Automatically
Mid Shadow darkness for 2D Flipbook
Enable Zoom on Scroll
Thumb Popup #
PopUp Thumbnail Default
Thumb Popup Display
Thumb Popup Play icon
Thumb Popup Play Icon Background Color
Thumb Popup Play Icon Color
LightBox Settings #
Popup Background Color
Popup Background Opacity
Book Shelf Settings #
Book Shelf Custom Image
PDF Settings #
Disable Partial Loading –
PDF Partial Loading Chunk Size
Advanced Settings #
Enable Analytics –
Enable dFlip Post Pages –
Single Post Lightbox –
Post Limit –
Selective Script Loading –
Translate Settings #
Use External Translate: When set too true, Dearflip uses external translate plugins for translate. When set to False, Dearflip uses the translate text from the translate fields.
Single Page Mode
Double Page Mode
Download PDF File
Goto First Page
Goto Last Page
Share: Mail Subject
Share: Mail Message