Real3D Flipbook PDF Viewer WordPress Plugin Lite
  • Getting Started
  • Creating Flipbook
  • Add Flipbook to Post or Page
    • Block Editor (Gutenberg)
    • Classic Editor
    • Elementor
    • WP Bakery
  • Flipbook Settings
    • General
    • Lightbox
    • WebGL
    • Mobile
  • Interactive Flipbook Pages
  • Addons
    • Page Editor Addon
    • Bookshelf Addon
    • PDF Tools Addon
    • WooCommerce Addon
    • Elementor Addon
    • WPBakery Addon
  • FAQ
Powered by GitBook
On this page
  • Shortcode
  • Shortcode parameters
  • id
  • name
  • pdf
  • mode
  • viewmode
  • thumb
  • class
  1. Add Flipbook to Post or Page

Classic Editor

Embed flipbook into post or page using the WordPress Classic Editor

PreviousBlock Editor (Gutenberg)NextElementor

Last updated 1 year ago

  1. Create new page with Pages > Add New Page or edit existing page.

  2. Click Rael 3D Flipbook button above the editor and select the flipbook.

  3. Select flipbook or pdf and click Insert flipbook button.

  4. Click Publish or Update button.

  5. Click View page link to see the flipbook.

Shortcode

Flipbook can be embedded in a post or page by inserting the flipbook shortcode.

Flipbook shortcodes can be found in Real3D Flipbook > Flipbooks.

Copy the flipbook shortcode, for example:

[real3dflipbook id="1"]

And paste the shortcode into a post or page.

Shortcode parameters

id

embed flipbook by ID

[real3dflipbook id="1"]

name

embed flipbook by its name instead of ID

[real3dflipbook name="Book 1"]

pdf

pass the PDF URL to flipbook, this can be used to show different PDF-s using the same flipbook

[real3dflipbook id="1" pdf="http://...book1.pdf"]

[real3dflipbook id="1" pdf="http://...book2.pdf"]

mode

set flipbook mode via shortcode param, available are normal, lightbox, fullscreen

[real3dflipbook id="1" mode="lightbox"]

viewmode

set flipbook view mode, available are webgl, 3d, 2d, swipe, scroll, simple

[real3dflipbook id="1" thumb="" class="book1"]

thumb

set flipbook thumbnail image

[real3dflipbook id="1" thumb="http://..."]

or hide the thumbnail

[real3dflipbook id="1" thumb=""]

class

set CSS class that will open the lightbox flipbook, any element on the page with this CSS class will open the flipbook, this is used to open flipbook with a button or image or text