Add Flipbook to Post or Page

Embed flipbook into post or page using:

  • Block Editor (Gutenberg)

  • Classic editor

  • Elementor

  • WPBakery Page Builder

Block Editor (Gutenberg)

Embed flipbook into post or page using the Block Editor (Gutenberg)

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

  2. Click on the + to add Rael 3D Flipbook block.

  3. Select flipbook from the dropdown.

  4. Click Publish or Update button.

  5. Click View page link to see the flipbook.

Classic editor

Embed flipbook into post or page using the WordPress Classic editor

  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 via shortcode.

Edit flipbook and copy the shortcode, for example

Paste the shortcode into a post or page

Shortcode params

id

embed flipbook by ID

name

embed flipbook by its name instead of ID

pdf

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

mode

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

viewmode

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

thumb

set flipbook thumbnail image

or hide the thumbnail

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

Elementor

Embed flipbook using the the Shortcode element.

For easier use in Elementor, see Real3D Flipbook Elementor Addon

WP Bakery

Embed flipbook using the Shortcode block.

For easier use in WPBakery Page Builder, see Real3D Flipbook WPBakery Addon

PreviousGetting startedNextFlipbook Settings

Last updated

Was this helpful?