Interactive Flipbook Pages
After pages are added to flipbook you can edit each page by clicking on page thumbnail:
Edit Flipbook > Pages, hover over the page and click Edit.
Title
Page title will appear in table of content. If the page title is empty the page will not be listed in table of content.
HTML Content
Add any HTML content to a page, that will be rendered on a separate layer on top of the page image.
You can add any HTML and style it with inline CSS. You can also add inline javascript.
Use inline CSS for size and position of elements, like in examples below. HTML content layer has default height of 1000px.
Below are examples of different elements added to flipbook page, as raw HTML.
External Link
CSS class flipbook-page-item flipbook-page-item-link
Example of link that opens external URL in new tab:
Internal link
CSS class flipbook-page-item flipbook-page-item-link internalLink
Example of internal link that flips to flipbook page 2 on click:
Spotlight link
CSS class flipbook-page-item flipbook-page-item-link spotlight
Example of link that opens an .mp4 video in lightbox overlay:
Example of spotlight link that opens youtube video in lightbox overlay:
Example of spotlight link that opens an image in lightbox overlay:
.mp4 video
Video player example:
Youtube
Example of youtube video added to page, by adding Youtube embed code, with added inline CSS for size and position:
The same way you can add any iframe, or any other HTML on flipbook page.
Page Editor Addon (for Real3D Flipbook Pro)
For easier adding of interactive content to flipbook pages (video, sound, links, iframes, Youtube) check out the visual editor for Real3D Flipbook pages Page Editor Addon
With this addon you can add links, videos, sounds and embed codes to flipbook pages. Each element is draggable and resizable so you can easily position the elements. This addon also enables live preview of page HTML content.
Last updated