Toombler

<a href="https://toombler.com" rel="nofollow ugc">Toombler</a> converts Google Drive PDFs into smooth, interactive page-flip viewers that look great on any device. Embed a flipbook on any post or page in seconds.
Features:
<ul>
<li>Gutenberg block with live preview in the editor</li>
<li>Classic shortcode for page builders and themes</li>
<li>Responsive — scales to any container width</li>
<li>Full control over every viewer setting (matches the Toombler dashboard)</li>
<li>Two selectable page-flip sounds, hard cover, spine shadow, auto-play, and more</li>
<li>Optional navigation arrows, page counter, download button, and fullscreen mode</li>
<li>No cookies set, no user data collected by the plugin itself</li>
</ul>
Shortcode usage:
<pre><code>[toombler id="YOUR_FILE_ID"]
</code></pre>
Get your File ID from your Toombler dashboard (⚙ Configure & Embed → copy the <code>id=</code> value from the embed URL).
All shortcode parameters:
<ul>
<li><code>id</code> (required) — Google Drive file ID from your Toombler dashboard</li>
<li><code>width</code> — embed width in px (default: 760)</li>
<li><code>height</code> — embed height in px (default: 540)</li>
<li><code>nav</code> — navigation arrows: 1/0 (default: 1)</li>
<li><code>counter</code> — page counter: 1/0 (default: 1)</li>
<li><code>sound</code> — page-flip sound: 1/0 (default: 0)</li>
<li><code>flipsound</code> — which flip sound: 1 / 2 (default: 1)</li>
<li><code>autoplay</code> — auto-play: 1/0 (default: 0)</li>
<li><code>autospeed</code> — auto-play seconds per page: 1–60 (default: 3)</li>
<li><code>dl</code> — download button: 1/0 (default: 1)</li>
<li><code>fs</code> — fullscreen button: 1/0 (default: 0)</li>
<li><code>bg</code> — background colour: dark / light / transparent (default: dark)</li>
<li><code>start</code> — start page (default: 1)</li>
<li><code>bookmark</code> — remember page per visitor: 1/0 (default: 1)</li>
<li><code>zoom</code> — allow zoom: 1/0 (default: 1)</li>
<li><code>drag</code> — allow corner drag: 1/0 (default: 1)</li>
<li><code>thumbs</code> — thumbnail strip: 1/0 (default: 0)</li>
<li><code>duration</code> — flip animation in ms: 100–3000 (default: 650)</li>
<li><code>spine</code> — spine shadow (centre glow): 1/0 (default: 0)</li>
<li><code>borderless</code> — no rounded corners: 1/0 (default: 0)</li>
<li><code>adreplace</code> — replace page 2 with an ad: 1/0 (default: 0)</li>
<li><code>closed</code> — start with a closed book (cover only): 1/0 (default: 1)</li>
<li><code>hardcover</code> — rigid front & back cover: 1/0 (default: 1)</li>
<li><code>corners</code> — show hover corner curl: 1/0 (default: 1)</li>
<li><code>mscroll</code> — mobile scroll (swipe to scroll, not flip): 1/0 (default: 0)</li>
</ul>
External service:
This plugin embeds content from toombler.com. The flipbook viewer is loaded in an <code><iframe></code> from <code>https://toombler.com/embed</code>. By using this plugin you agree to the <a href="https://toombler.com/terms" rel="nofollow ugc">Toombler Terms of Service</a> and <a href="https://toombler.com/privacy" rel="nofollow ugc">Privacy Policy</a>. A free Toombler account is required to create flipbooks.

Toombler Flipbook

Embed beautiful, interactive PDF flipbooks from Toombler on your WordPress site — shortcode or Gutenberg block.

lucianohpcv

Adds a page peel in the corner of the site… with jQuery! no Flash 😀
Based on the work by Soh Tanaka: http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/
If your theme’s stylesheet modifies the body’s width, PageCornr will look bad. Use a Wrapper and modify the width from it. In that way, PageCornr will stay in the corner.
<h4>Important note regarding Opera</h4>
If you use (as I do) a urlfilter.ini file downloaded from the Internet, make sure to comment this lines (replace % with *):
<ul>
<li>%/plugins/page-cornr%</li>
<li>%/images/ad.%</li>
</ul>
Otherwise, you won’t be able to see the images nor visit this page (Page Cornr page on WordPress).

Toombler Flipbook vs Page Cornr