Описание
Present PDFs and images with a realistic 3D flipping effect, directly within your WordPress posts and pages.
Elevate the visual appeal and engagement of your site with Real3D Flipbook!
- Check out the Live Demo and preview your PDF as flipbook
- Check out the User manual
- Watch our Youtube channel
🔥 Instantly Convert PDF Links to Interactive Flipbooks
Install and activate Real3D Flipbook to turn every PDF link on your website into an engaging lightbox flipbook. View PDFs as flipbooks directly on your site, with no extra setup required. Watch video
🔥 Easily Migrate from other Flipbooks and PDF Viewers
Install and activate Real3D Flipbook and your existing shortcodes and blocks of PDF Embedder, DearFlip, 3D Flipbook, Wonder PDF Embed, PDF.js Viewer will automatically display the PDFs using Real3D Flipbook instead of your previous viewer.
Createing Flipbook from PDF or images
- Create new flipbook with Real3D Flipbook > Add new
- Select PDF or images for flipbook
- Publish flipbook post
- Copy flipbook shortcode and paste it into post or page
Lightbox (popup) flipbook
Open flipbook in full screen overlay. Lightbox flipbook can be opened with
* Click on flipbook thumnail
* Click on image
* Button click
* Click on any element that has the flipbook lightbox CSS class
Embedded Flipbook
Insert flipbook anywhere in post or page. Flipbook automatically resizes to fit the screen size and book size.
Self hosted Flipbooks
Real3D Flipbook does not use iframes and third-party services, to ensure your content loads fast and securely on your server.
Realistic 3D Flipbbooks
Real3D FLipbook offers the most realistic page flip animation, with lights, shadows, shiny pages, perspective view.
CSS 3D Flipbook
Alternative to Realistic WebGL mode, CSS mode offers simple 3D flip animation and loads slightly faster.
Swipe Viewer
Alternative view mode that displays PDF or images with horizontal swipe animation.
Scroll Viewer
Alternative view mode that displays PDF or images with vertical scroll animation.
Customize Flipbooks
There are many options to customize flipbooks. You can choose embed mode (normal, lightbox popup, fullscreen), view mode (realistic 3d, scroll, swipe, simple), and customize the 3d page flip effect. More options to customize the toolbar, background, colors and various other options are available in PRO version real3dflipbook.com
PDF flipbook
Create flipbook by simply uploading a PDF or entering PDF URL. You can also use PDF hosted on another domain, if you set up CORS.
Image flipbook
Supports jpg, webp or png images.
Fully Responsive
Flipbook container will have 100% width of the parent, with optional height that can be relative to width or fit to parent. Choose container acpect ratio that will fit your book size. Choose different container aspect on mobile if you want to have landscape view on desktop and portrait view on moobile.
Mobile-Friendly
Adapts beautifully to any device, ensuring your content looks great on desktops, tablets, and smartphones.
Interactive pages
Add any HTML content to flipbook page. Add links, videos, iframes to flipbook pages by adding raw HTML, use inline style to position elements on the flipbook page. See how to add internal link, external link, spotlight link, .mp4 video or youtube to flipbook pages.
Advanced visual editor for adding interactive elements on pages (links, videos, youtube, popup image, popup video, popup youtube), Page Editor Addon, is available for PRO version
Spotlight
Open image, video, youtube or iframe in lightbox overlay by clicking on an page link (rectangle click area).
Table of Contents
Create custom Table of Contents for flipbook with Table of Contents builder or by adding titles to pages.
Share
Share flipbook on Facebook and X.
Fullscreen flipbook
Flipbook covers entire page, below the page menu.
Flipbook post
Post with fullscreen flipbook is automatically created for every flipbook.
Auto PDF Thumbnails
Cover image for PDF flipbook is automatically generated when selecting a PDF for the fliopbook, and it is used for lightbox mode.
Single page view
Displays one page at a time instead of spread.
Auto detect page size
Supports double page with cover or single page PDF-s and images.
Easy navigation
Flip pages with navigation buttons, keyboard arrows, click and drag, touch and swipe, clicking on page edge, or by entering page number.
Target zoom
Double click zoom, mouse wheel zoom, pinch zoom.
Go to page
Current page display with option to flip to any page by entering page number.
Unlimited pages
Create flipbooks with 1000+ pages, no limit in page number.
Unlimited books
Create any number of flipbooks, without limits.
Gutenberg support
Use block editor to add Real3D flipbook block, or add shortcode block with flipbook shortcode.
Logo
Add custom image and set custom CSS for logo style and position.
Fullscreen
Toolbar button for expanding flipbook to browser fullscreen.
Toolbar option for printing all pages or individual page.
Thumbnails
Toolbar button for viewing all pages, with option to navigate to page by clicking on a page thumbnail.
Flip sound
Toolbar button for enabling / disabling flip sound.
Shortcode
- Basic flipbook shortcode looks like this
[real3dflipbook id="1"]
. Inserting this shortcode in a page will embed the flipbook in the page.
Flipbook can be customized also via shortcode parameters. pdf
—[real3dflipbook pdf="https//.."]
— Assign a PDF URL for flipbook directly.mode
—[real3dflipbook id="1" mode="lightbox"]
— Set embed mode, available are lightbox, normal and fullscreen.class
—[real3dflipbook id="1" class="book1"]
— Set a custom CSS class that will trigger the flipbook lightbox, add the same class to eny element to open the flipbook on click. Setting class will automatically set mode to lightbox and remove the thumbnail.thumb
—[real3dflipbook id="1" thumb="https//..."]
— Set lightbox thumbnail image URL for lightbox flipbook.aspect
—[real3dflipbook id="1" aspect="1.33"]
— Set flipbook container width / height aspect ratio.
Upgrade to PRO for More Features:
Enhance your Real3D FlipBook with advanced features such as PDF hyperlinks, text search, custom toolbar configurations, and much more. Elevate your content presentation with Real3D FlipBook PRO .
Add Ons
- PDF Tools Addon — Convert PDF to images to speed up the flipbook loading time and secure the PDF.
PRO Features
- Global setting — customize the default viewer settings — set default view mode (3D, WebGL, Swipe, Scroll, Simple), customize toolbar, colors and every other aspect of the viewer
- PDF hyperlinks — link annotations embedded in PDF will automatically work in flipbook
- PDF auto link conversion — ability to automatillay recognize links in PDF text
- PDF text search
- PDF selectable text
- Deep linking — open flipbook to specific page or change flipbook page with URL hash
- Google Analytics integration with tracking custom events from flipbook
- Custom toolbar — remove any button form the toolbar, position any button on top or bottom toolbar, align left, right or center, change button size
- Hide toolbar
- Custom colors — change colors for toolbar, buttons and flipbook background
- Custom background — set flipbook background to solid color, gradient or image
- PDF Thumbnail size — change the size of auto generated PDF thumbnail
- Custom Thumbnail — upload custom image for flipbook thumbnail
- Dark skin
- Predefined UI layouts
- Automatic Table of Contents from PDF (PDF outline)
- Download PDF
- Download pages
- Share — Email, WhatsApp, LinkedIn, Digg, Pinterest, Reddit
- Bookmark
- Autoplay
- Translate
- Page Editor Addon support — Add videos, links, youtube, sound to flipbook pages with visual editor
- PDF Tools Addon full support — Optimize PDF flipbooks with PDF Tools Addon, by converting PDF to images and JSON
- WooCommerce Addon support — Integrate flipbook with WooCommerce product
- Premium customer support
Скриншоты
Блоки
Этот плагин предоставляет 1 блок.
- 3D FlipBook, PDF Viewer, PDF Embedder - Real 3D FlipBook WordPress Plugin
Установка
Automatic installation
- Click ‘Plugins > Add New’ and search for ‘Real3D Flipbook’.
- Find the plugin box of Real3D Flipbook and click on the ‘Install Now’ button.
- Activate the Real3D Flipbook plugin.
- Create a new flipbook: Click on the ‘Real3D Flipbook’ > ‘Add new’, add images or PDF as source, customize your flipbook with settings and publish.
- Copy the flipbook shortcode from the Publish box and paste it into a post or a page.
Manual installation
- Download real3d-flipbook.zip
- Upload the zip plugin through ‘Plugins > Add New > Upload’ interface or upload real3d-flipbook folder to the ‘/wp-content/plugins/’ directory.
- Activate Real3D Flipbook plugin through the ‘Plugins’ menu in WordPress.
- Create a new flipbook: Click on the ‘Real3D Flipbook’ > ‘Add new’, add images or PDF as source, customize your flipbook with settings and publish.
- Copy the flipbook shortcode from the Publish box and paste it into a post or a page.
Часто задаваемые вопросы
-
How to create a flipbook
-
Once you have plugin installed and activated, go to plugin admin and create new flip book by clicking «Add new». Add pages to flipbook by uploading JPG pages or PDF and publish flipbook.
-
How to embed a flipbook in a post or page
-
Go to Flipbooks list by clicking Real3D Flipbook in the menu. Copy flipbook shortcode and paste it to a post or page.
-
Is there a limit in number of pages or PDF file size?
-
Real3D Flipbook supports 500+ MB PDF files with 1000+ pages. Only visible pages are loaded, so large number of pages does not affect the performance or loading time.
-
How to optimize PDF flipbook for fast page loading?
-
Typically, PDFs with a smaller file size will be rendered faster and it depends on how big a single page is. The amount of pages does not affect the performance. It’s essential that you optimize your documents for the web. See Optimize a PDF from Adobe’s website for more information. There are more improvement techniques that we can suggest:
- Avoid using high resolution images — 150 dpi resolution for scanned images shall be enough for screens, especially for low powered devices;
- Try to use JPEG encoding for color images/photos in RGB colorspace when possible;
- Avoid using expensive compositions/effects such as transitions/masking — flatten transparency;
- Avoid using PDF generators (or don’t create content) that produce ineffective PDF output (e.g. LibreOffice creates a lots of tiny images for vector elements/pictures it does not understand);
- If there is such a setting, use web-optimized PDF output / linearization;
Fix or don’t produce corrupted PDFs that do not conform to the PDF32000 specification.
-
How to optimize image flipbook for fast page loading?
-
Optimize images for web, with online tools for image optimization or image editing software. Use images with resolution around 2000px. Use JPG or WebP instead of PNG.
Отзывы
Участники и разработчики
«3D FlipBook, PDF Viewer, PDF Embedder — Real 3D FlipBook WordPress Plugin» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники«3D FlipBook, PDF Viewer, PDF Embedder — Real 3D FlipBook WordPress Plugin» переведён на 1 язык. Благодарим переводчиков за их работу.
Перевести «3D FlipBook, PDF Viewer, PDF Embedder — Real 3D FlipBook WordPress Plugin» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
1.0
- initial release
3.39
- New: more options added under General
- New: WebGL options
- Improvement: better performance
- Improvement: faster page loading time
- Improvement: optimized script loading
- Improvement: smaller script sizes
- Fix : various bug fixes
3.39.1
- Fix: updating from 1.0
3.41
- New: view mode «scroll»
- Fix: view mode «3d» performance
3.42
- New: flipbook mode «lightbox» and «fullscreen» added
- Fix: view mode «scroll» not loading first page if viewer is off screen
- Improvement: disable flipbook when it is off screen
3.50
- Fix: bug with OffscreenCanvas undefined on iOS
- Fix: disable page scroll on mobile when lightbox is active
- Fix: disable page flip if another flipbook is in fullscreen or lightbox
- Improvement: faster page loading in mode «webgl»
- Improvement: faster page loading for PDF flipbooks
- Improvement: performance optimizations
3.53
- Improvement: Added toolbar with Zoom in, Zoom out and Fullscreen options
3.53.1
- New: Help section in Edit flipbook page, with Getting Started video
- New: Open lightbox flipbook with a «lightbox CSS class» — any element with this CSS class will open the lightbox flipbook
- New: Set lightbox CSS class via shortcode parameter «class»
- New: Set PDF URL via shortcode parameter «pdf»
- New: Set lightbox thumbnail URL via shortcode parameter «thumb»
3.54
- Improvement: Updated Getting Started video
- Improvement: Changed default flipbook container size to A4 double page
3.55
- Fix: Creating flipbook from images
- Fix: Flipping pages with arrows in mode «3d» and «2d»
3.56
- New: Thumbnails option in toolbar
- New: Print option in toolbar
- Improvement: Page resolution for PDF flipbook
3.56.1
- New: Help admin page
3.56.2
- New: Toolbar button for enabling / disabling flip sound
3.57
- Fix: Prevent page flip after pinch zoom
- Fix: Prevent double click zoom during page flip
3.58
- Fix: Single page mode with odd number of pages
- Fix: Blurry pages in mode 2D
- Fix: Right to left mode when book has 1 page
3.59
- Fix: Left page not visible on iOS, when view mode is 2d or 3d
- Fix: HTML content not working for PDF flipbook
3.60
- New: Table of Contents from page titles
- New: Table of Contents builder
- New: Share on Facebook, X
3.61
- New: Option to override click on PDF links, all links will open PDF in Real3D Flipbook lightbox
- New: Option to render shortcodes [pdf-embedder url=»…pdf»], [dflip source=»…pdf»], [wonderplugin_pdf src=»…pdf»] in Real3D Flipbook
3.61.1
- New: Option to render shortcodes [3d-flip-book pdf=»…pdf»], [3d-flip-book id=»…pdf»], [dflip id=»…pdf»], [pdfjs-viewer url=»…pdf»] in Real3D Flipbook
3.61.2
- Fix: Import flipbooks from JSON
3.62
- New: Download PDF button
- New: Enable / Disable any toolbar button
3.63
- Improvement: Flipbook live preview in admin
3.65
- New: Option to show only first x number of pages
- Fix: Scrollbar on Table of Contents and Thumbnails
3.68
- Improvement: Updated links for addons
3.68.1
- Fix: Conflict with dflip plugin
3.69
- Fix: Override PDF Embedder shortcode and block
3.70
- New: Support for translation with .po .mo files
- New: Added Turkish translation
3.71
- Improvement: Navigation arrows redesign
- Improvement: Thumbnails view redesign
3.72
- Fix: Saving HTML content for flipbook pages
- New: Tooltip for toolbar
3.73
- Fix: Right to left mode in view mode «3d», «2d», «simple»
3.73.1
- Fix: Right to left mode in view mode «swipe»
3.74
- New: Resize flipbook container to fit double page flipbook on desktop and single page flipbook on mobile
3.75
- Improvement: Code optimization
3.76
- Improvement: Performance optimization for JPG flipbooks
- Fix: Missing «scroll» option in Mobile > View mode
3.77
- Fix: View mode «swipe» not working
3.79
- New: Tools submenu in toolbar
- Improvement: Share menu redesign
- Improvement: Better flip animation
3.80
- Fix: Flipbook thumbnail overwriting
3.81
- Fix: Flipbook quick edit post deletes flipbook settings