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.

FlippingBook

FlippingBook Plugin is a flipbook PDF viewer solution. It allows you to embed flipbooks made via FlippingBook Online or FlippingBook Publisher into WordPress in one step, without any extra fuss.
You don’t have to be make do with embedding PDFs anymore—turn them into responsive interactive HTML5 flipbooks instead and then use the plugin to embed them into a webpage in a click. Your flipbook magazine or brochure will become a seamless feature of your website, ready to engage.
<h3>About FlippingBook</h3>
FlippingBook helps create all kinds of digital documents for more than 50,000 customers around the world. If you’re new to the format, <a href="https://flippingbook.com/presentation-examples" rel="nofollow ugc">check out our PDF flipbook examples</a> and get inspired to create your own 3D flipbook.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/hpnRodjyiUk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>How to embed a flipbook into WordPress</h3>
If you’re a FlippingBook user: 
1. Copy the link to the PDF flipbook you want to embed. 
2. Go to the admin panel of your WordPress website. Find FlippingBook Plugin through the Plugin menu and activate it. 
3. Now you can simply paste your flipbook sharing link into the body of your post, and the link will be converted into a neat oEmbed automatically.
<h3>How to embed a PDF into WordPress</h3>
If you’ve never used FlippingBook before: 
1. Sign up for FlippingBook and <a href="https://www.youtube.com/watch?v=6NUAMSHQtCc" rel="nofollow ugc">create your first flipbook</a>*—just upload your PDF and customize it. 
2. Copy the sharing link to your flipbook when it’s ready. 
3. Go to the admin panel of your WordPress website. Find FlippingBook Plugin through the Plugin menu and activate it. 
4. Now you can simply paste your flipbook sharing link into the body of your post, and the link will be converted into a neat oEmbed automatically.
(*) You can either sign up for our paid subscription straight away or go for the trial to try out all the features first. Don’t forget to <a href="https://flippingbook.com/order-online" rel="nofollow ugc">choose the plan</a> that works best for you once your trial is over—otherwise your flipbooks will go offline.
<h3>Features</h3>
<h4>Admin page</h4>
You can tweak the settings of your oEmbed via the admin page of your WordPress website.
<ul>
<li>
Make your flipbook responsive and customize the oEmbed ratio 
These two settings allow you to make the FlippingBook oEmbeds responsive. 
Instead of having a default size, your embeds will fill the container by width and retain the ratio specified in the oEmbed ratio field. 
The Make oEmbed responsive setting will apply to all new oEmbeds. You’ll need to clear the oEmbed cache if you’d like to apply the setting to your existing FlippingBook oEmbeds.
</li>
<li>
Set a custom domain name 
If you are a FlippingBook Online user and you have your Custom Domain set up, you should enter the domain name in the relevant field to enable the oEmbed and the shortcode support for your custom domain. You can get more information about custom domains in <a href="https://flippingbook.com/help/online/other-features-and-options/branded-urls-in-flippingbook-online" rel="nofollow ugc">this article</a>.
</li>
</ul>
<h4>Shortcode</h4>
With a shortcode, you can customize your WordPress flip book even further.
To do so, choose Embed → Embed into WordPress in your FlippingBook Online account and Publication → Get Embed Code → WordPress in FlippingBook Publisher if you host on the cloud. Customize the look and the size of your oEmbed there and then just copy the embed code.
You can also make the [flipbook] shortcode by yourself to specify all the attributes you may need, such as:
<ul>
<li><code>width</code>—the width of your embed in pixels or percentages</li>
<li><code>height</code>—the height of your embed in pixels (you can set it to <code>auto</code>)</li>
<li><code>ratio</code>—your desired width:height ratio (e.g. <code>16:9</code>, <code>4:3</code>, etc) 
Note: If you set a specified ratio, you need to set the height to <code>auto</code> so that it could be adjusted according to your chosen ratio.</li>
<li><code>page</code>—the page you want your 3D flipbook to be opened at</li>
<li><code>mode</code>—you can set your PDF flipbook to be viewed as a <code>link</code> if you don’t want to have a full embed on your page 
Note: Best used together with the lightbox attribute (see below).</li>
<li><code>lightbox</code>—by default, we open embedded links or clickable covers in a lightbox, but if you set this parameter to <code>false</code>, the flipbook will be opened in a new tab instead</li>
<li><code>wheel</code>—set to <code>true</code>, if you want people to be able to flip through your embedded flipbook using the mouse wheel 
Note: This attribute may disrupt page scrolling when the cursor is over the embed.</li>
<li><code>transparent</code>—set to <code>true</code> to make the embed background transparent</li>
<li><code>hide-logo</code>—set to <code>true</code> to hide the FlippingBook logo (only applies when <code>transparent="true"</code>)</li>
<li><code>navigation-color</code>—set the navigation color as a hex value, e.g. <code>#FF0000</code> or <code>F00</code> (only applies when <code>transparent="true"</code>)</li>
<li><code>book-size</code>—set the book size as a percent number, e.g. <code>80</code> (only applies when <code>transparent="true"</code>)</li>
</ul>
<h4>Shortcode examples</h4>
This shortcode will display your PDF flip book in a 800x550px window:
<pre><code>[flippingbook width="800px" height="550px"]https://online.flippingbook.com/view/631977/[/flippingbook]
</code></pre>
This shortcode will display your WordPress flipbook in full available width, while maintaining the 16:9 aspect ratio:
<pre><code>[flippingbook ratio="16:9" width="100%" height="auto"]https://online.flippingbook.com/view/631977/[/flippingbook]
</code></pre>
This shortcode will display a flipbook cover, which will open in a lightbox when a user clicks to open it:
<pre><code>[flippingbook width="200px" height="200px" lightbox="true"]https://online.flippingbook.com/view/631977/[/flippingbook]
</code></pre>
This shortcode will display a link with your flip book title, which will open in a lightbox when a user clicks to open it:
<pre><code>[flippingbook mode="link" lightbox="true"]https://online.flippingbook.com/view/631977/[/flippingbook]
</code></pre>

Embed PDFs into your WordPress site as interactive flipbooks. Attractive and trackable, flipbooks are a great alternative to static PDFs.

Toombler Flipbook vs FlippingBook