Logo of Flipbooks AI
Logo of Flipbooks AI
WordPressEmbedFlipbookWebsitePDF

WordPress Flipbook Embed

Put a flipbook on your WordPress site with one Custom HTML block and no plugin at all. Upload a PDF to Flipbooks AI, copy the snippet, paste it into a page or a post, and visitors turn the pages without ever leaving your site. It works with block themes, classic themes, Elementor and Divi, on self hosted WordPress and on the plans that allow custom HTML. No plugin, no fee, no ads, no watermarks, and no cap on how many flipbooks one site can carry.

WordPress Flipbook Embed

Add a Flipbook to a WordPress Page

1

Publish Your Flipbook

Upload your PDF to Flipbooks AI, choose a page turn style, add your logo and theme colours, then publish. The flipbook is hosted for you, so nothing large ever goes into the WordPress media library.

2

Copy the Embed Snippet

Open the share options and copy the embed snippet. It is a single responsive frame with a title on it, ready to paste, and it carries no plugin requirement and no licence key of any kind.

3

Paste Into a Custom HTML Block

In the WordPress editor add a Custom HTML block, paste the snippet, and click Preview on the block. Set the alignment to wide or full if you want a bigger reader, then update the page.

How to Embed a Flipbook in WordPress

How to Embed a Flipbook in WordPress

Upload your PDF to Flipbooks AI and publish it. Copy the embed snippet. In WordPress, open the page or post, click the plus button, search for Custom HTML and add that block. Paste the snippet in, then use the Preview button on the block to check it renders. Set the block alignment to wide or full if you want the reader to break out of the content column, update the page, and view it on your live site. The whole thing takes about two minutes and touches no theme files.

Create Your WordPress Flipbook

What Is a WordPress Flipbook Embed?

A WordPress flipbook embed is your PDF turned into a page turning reader that lives inside one of your own pages. Flipbooks AI hosts the flipbook and gives you a short snippet. You paste that snippet into a Custom HTML block, and from then on the reader sits in your layout like any other element: your header above it, your footer below it, your sidebar beside it. Visitors swipe through a catalogue or a magazine without a download, without a new tab, and without WordPress having to serve a heavy file from your hosting.

Create Your WordPress Flipbook
What Is a WordPress Flipbook Embed?
What Is a WordPress Flipbook Embed?
What Is a WordPress Flipbook Embed?
What Is a WordPress Flipbook Embed?

Why You Do Not Need Another Plugin

Every plugin you add is another thing to update, another possible conflict after a core release, and another author who might stop maintaining it. A flipbook plugin also has to render the book on your own server, which means your hosting does the work every time somebody opens it. The embed route avoids all of that. Nothing is installed, nothing runs in PHP, and the flipbook is served from elsewhere. If you deactivate every plugin on the site tomorrow to debug something, the embed keeps working.

Create Your WordPress Flipbook
Why You Do Not Need Another Plugin

Trusted by Fortune 500 Companies

The Custom HTML Block, Step by Step

The Custom HTML Block, Step by Step

In the block editor, put the cursor where you want the flipbook and press the plus button, or simply type a forward slash followed by html and press enter. Choose Custom HTML. Paste the snippet into the box exactly as copied, with nothing added around it. The editor shows the raw code rather than the flipbook, which is normal, so click Preview on the block toolbar to see the real thing. If you plan to use the same flipbook on several pages, save the block as a synced pattern and one edit updates all of them.

Create Your WordPress Flipbook
Why Embed Instead of Linking a PDF
Why Embed Instead of Linking a PDF
Why Embed Instead of Linking a PDF
Why Embed Instead of Linking a PDF

Why Embed Instead of Linking a PDF

The usual approach is to upload the PDF to the media library and link to it. That link takes the visitor off your page into a browser PDF viewer, where your menu is gone, your analytics stop, and the back button is the only way home. Half of them never come back. An embed keeps them on your site, keeps the page counting as a real visit, and keeps your navigation one tap away. It also stops a 60MB file living on your hosting, which matters if your plan measures storage or your uploads are capped by the server.

Create Your WordPress Flipbook

Putting a Flipbook in a Post

A post takes the same block as a page, which makes a flipbook a natural fit for an announcement: a new season catalogue, an annual report, an issue of a newsletter. Put a paragraph of real text above the embed explaining what the document is, because that text is what search engines and social previews read. Keep the post excerpt written by hand rather than auto generated, since an excerpt pulled from a page that is mostly an embed tends to come out empty.

Create Your WordPress Flipbook
Putting a Flipbook in a Post

WordPress Flipbook Embed Alternatives

DearFlip

DearFlip

  • Free & Unlimited
  • No Plugin Needed
  • No Watermarks
  • Video & Audio
  • Reader Analytics
  • Mobile Ready
  • Fast Loading
  • Password Protection
  • Instant Sharing
  • Secure Hosting
Flipbooks AI

Flipbooks AI

  • Free & Unlimited
  • No Plugin Needed
  • No Watermarks
  • Video & Audio
  • Reader Analytics
  • Mobile Ready
  • Fast Loading
  • Password Protection
  • Instant Sharing
  • Secure Hosting
FlipHTML5

FlipHTML5

  • Free & Unlimited
  • No Plugin Needed
  • No Watermarks
  • Video & Audio
  • Reader Analytics
  • Mobile Ready
  • Fast Loading
  • Password Protection
  • Instant Sharing
  • Secure Hosting
Issuu

Issuu

  • Free & Unlimited
  • No Plugin Needed
  • No Watermarks
  • Video & Audio
  • Reader Analytics
  • Mobile Ready
  • Fast Loading
  • Password Protection
  • Instant Sharing
  • Secure Hosting
Elementor, Divi and Other Page Builders

Elementor, Divi and Other Page Builders

Page builders all have somewhere to put raw markup. In Elementor, drag in the HTML widget and paste the snippet. In Divi, use the Code module. Beaver Builder has an HTML module, and WPBakery has a Raw HTML element. In every case, paste the snippet on its own without wrapping it in extra containers that set a fixed height, because a fixed height is the usual cause of a flipbook that looks squashed on a phone. Preview on mobile inside the builder before you publish.

Create Your WordPress Flipbook

Features That Suit a WordPress Site

The embed is a plain responsive frame, so it behaves like a good WordPress block: it fills the content column, it respects wide and full width alignment, and it does not fight your theme. Inside it you get clickable links out to your own posts and products, embedded video and audio, a searchable text layer, a contents page that jumps, and reader analytics. Nothing is watermarked, nothing is capped, and because the flipbook is hosted for you, your host only ever serves the small snippet rather than the whole document.

Create Your WordPress Flipbook
Features That Suit a WordPress Site
Features That Suit a WordPress Site
Features That Suit a WordPress Site
Features That Suit a WordPress Site

The Classic Editor and Older Themes

Plenty of sites still run the classic editor, and it takes the snippet happily. Switch from the Visual tab to the Text tab first, paste the snippet there, and switch back only after saving, because the Visual editor will sometimes tidy markup it does not recognise. Older themes with narrow content columns are worth checking on a phone, since a very narrow column can make a two page spread hard to read. Setting the flipbook to open one page at a time solves it without touching the theme.

Create Your WordPress Flipbook
The Classic Editor and Older Themes
Sizing the Embed to Your Content Width

Sizing the Embed to Your Content Width

Block themes set a content width in theme.json, and classic themes usually set one in their stylesheet. The embed fills whatever width it is given, so the decision is yours: leave it in the content column for a report that sits inside an article, or set the block alignment to wide or full for a lookbook that deserves the whole screen. Full width alignment needs a theme that supports it, which nearly all modern ones do. Leave the height alone and let the frame keep its own proportions.

Create Your WordPress Flipbook
Works With Every Theme and Builder
Works With Every Theme and Builder
Works With Every Theme and Builder
Works With Every Theme and Builder

Works With Every Theme and Builder

Block themes with full site editing, classic themes with a page template, and everything in between will take the snippet, because a Custom HTML block is core WordPress rather than a feature of any one theme. Elementor has an HTML widget, Divi has a Code module, Beaver Builder has an HTML module, and the classic editor takes the same snippet in its Text tab. Switching themes later does not break the embed, since nothing about it depends on your current theme files or on any plugin being active.

Create Your WordPress Flipbook

WordPress.com Plans and iframe Limits

This trips people up, so it is worth being clear. Self hosted WordPress, the software you install on your own hosting, will take the snippet anywhere you can add HTML. WordPress.com is a hosted service and its cheaper plans restrict custom HTML and third party frames, so a snippet pasted there may be stripped when the page saves. If your snippet vanishes on save, that is what happened. On those plans, link to the flipbook instead, or move up to a plan that allows custom code.

Create Your WordPress Flipbook
WordPress.com Plans and iframe Limits

Who Embeds Flipbooks in WordPress

2456+

Site Owners

6

Bloggers

13

Agencies

24

Retailers

65

Nonprofits

9

Schools

Keeping the Media Library Light

Keeping the Media Library Light

Uploading a large PDF into WordPress is a habit worth breaking. It counts against your hosting storage, it is served by your own server every time somebody opens it, and on shared hosting the maximum upload size often refuses the file altogether. With an embed the PDF never touches your site. Your media library stays small, your backups stay quick, and the migration to a new host later has less to carry. If the old PDF is already there, remember to redirect its URL when you take it down.

Create Your WordPress Flipbook

Looks Right on a Phone Sized Screen

More than half of the traffic to most WordPress sites arrives on a phone, so the embed is built for narrow screens first. It scales to the width of your content column, shows a single page on a small screen and the full spread on a wide one, and lets a reader pinch into a caption without the page going soft. Swiping turns the page rather than scrolling your post, so nobody gets stuck in the frame. There is no app to install and no separate mobile version of the page to maintain.

Create Your WordPress Flipbook
Looks Right on a Phone Sized Screen
Looks Right on a Phone Sized Screen
Looks Right on a Phone Sized Screen
Looks Right on a Phone Sized Screen

Page Speed, Caching and Core Web Vitals

An embedded flipbook loads inside its own frame after your page has drawn, so it does not hold up first paint the way a large inline PDF viewer does. It gets on well with the usual caching plugins, because the snippet is static markup with nothing for the cache to get wrong. Leave lazy loading on. If you run a speed test, measure the page rather than the frame: the frame is doing its work separately, which is exactly why this route is kinder to your scores than serving the document yourself.

Create Your WordPress Flipbook
Page Speed, Caching and Core Web Vitals
Making the Embed Accessible

Making the Embed Accessible

An embedded frame should announce itself. The snippet carries a title so a screen reader says what the frame contains instead of reading out an address. Put a heading and a short paragraph above it describing the document, which helps every visitor and not only the ones using assistive technology. Inside the flipbook, keyboard navigation moves between pages, the text layer of your PDF stays readable, and zoom keeps type sharp. Offering the plain PDF as a fallback link is a kindness worth the extra line.

Create Your WordPress Flipbook
Free Embeds With No Watermark or Ads
Free Embeds With No Watermark or Ads
Free Embeds With No Watermark or Ads
Free Embeds With No Watermark or Ads

Free Embeds With No Watermark or Ads

Most flipbook plugins in the WordPress directory are free to install and then ask for a licence key before you can remove their branding, publish more than a handful of books, or see any statistics. Flipbooks AI is free outright. No watermark sits over your cover, no advert appears in the frame, no page limit stops a long catalogue, and analytics are included. Embed a flipbook on ten pages of your site, refresh them every season, and you will not meet a paywall or a renewal notice.

Create Your WordPress Flipbook

Match the Flipbook to Your Theme Colours

The reader should look like part of your site rather than a widget dropped into it. Set the background to a colour from your theme palette, add your logo, and choose a quiet control style so the frame does not shout over your design. If your site uses a dark header and a light body, pick the tone that sits comfortably against the section the embed lives in. Getting this right is what makes visitors read the flipbook as part of your site instead of an advert.

Create Your WordPress Flipbook
Match the Flipbook to Your Theme Colours

What Site Owners Say About WordPress Flipbook Embeds

I had two flipbook plugins fight over the same shortcode after a core update and lost an afternoon to it. Now the catalogue is a Custom HTML block and there is nothing left to conflict. I deactivated both plugins and the page did not blink. Two minutes of work replaced a plugin I had been paying for.

Marketing team
Marketing team

Product catalogs

Our annual report used to be a 45MB PDF sitting in the media library, and our host kept warning us about storage. Embedding it took the file off the site entirely. The page loads faster than the old download link ever did, and for the first time we can see how many trustees actually read past the summary.

Studio owner
Studio owner

Client lookbooks

I build sites for small retailers and I put a lookbook on nearly every one now. The snippet drops into an Elementor HTML widget and it fills the section properly on a phone, which was never true of the plugin I used before. Clients like that they can update the catalogue themselves without opening WordPress.

School office
School office

Newsletters and programmes

We run a school newsletter on WordPress. Each issue is a flipbook embedded in a post, and parents read it on their phones between school runs. The old PDF link had maybe a third of the opens. Nobody has asked how to use it, which for a school audience is the highest praise there is.

Independent designer
Independent designer

Portfolio flipbooks

SEO Around the Embed

SEO Around the Embed

Search engines do not read the contents of a frame as part of your page, so the copy around it is doing the ranking. Give the page a clear heading, a paragraph or two describing what the document covers, and a short list of what is inside. Use the words a customer would type. If the catalogue has a hundred products, mention a few of them in the page copy and link to the relevant category pages. The flipbook keeps visitors on the page longer, and the text you wrote is what gets you found.

Create Your WordPress Flipbook

Share the Same Flipbook Beyond Your Site

The embed is one of several ways out. The same flipbook has its own link, so you can put it in a newsletter, a social post or a WhatsApp message without building a page for it. You can print a QR code for a shop counter or a trade show stand. If the document is not for everyone, put a password on it and give that only to the people who should read it. Whatever you change later shows up everywhere at once, because the embed and the link both point at the same published flipbook.

Create Your WordPress Flipbook
Share the Same Flipbook Beyond Your Site
Share the Same Flipbook Beyond Your Site
Share the Same Flipbook Beyond Your Site
Share the Same Flipbook Beyond Your Site

Members Only and Password Protected Pages

WordPress can already restrict a page: set a post password in the editor, mark it private, or use a membership plugin if you sell access. The flipbook has its own password too, and using both is not overkill for a price list or an internal handbook. Remember that a protected WordPress page hides the page, not the flipbook link, so if the document itself must stay private, set the password on the flipbook as well and switch downloading off.

Create Your WordPress Flipbook
Members Only and Password Protected Pages

Compare WordPress Flipbook Options

ApplicationRatingUnlimited CreditsUsage RatingDescription
10/10Yes1

Flipbooks AI gives you unlimited free flipbooks that embed into any WordPress page with a single Custom HTML block. No plugin, no watermark, no page cap, with video, clickable links, password protection and reader analytics included, and nothing served from your own hosting.

DearFlip

5.2/10No2

DearFlip is a well regarded WordPress flipbook plugin with a shortcode, a block and plenty of settings for people who want everything inside the dashboard. It runs on your own server, and the fuller feature set comes with a paid licence.

Real3D FlipBook

7.1/10No3

Real3D FlipBook offers realistic page turns and deep customisation for WordPress site owners who like tuning every option. It is a commercial plugin, so it carries a licence, and like any plugin it becomes one more thing to keep updated.

FlipHTML5

8.3/10No4

FlipHTML5 converts PDFs and gives you an embed code, which drops into a Custom HTML block fine. Its free tier adds a watermark and applies limits, while analytics and the richer interactive tools sit behind a subscription.

Issuu

6.4/10No5

Issuu hosts publications and provides an embed for WordPress. Its public library helps a magazine get found, but the free tier shows Issuu branding around your document and caps uploads, so a clean branded embed means paying.

Heyzine

7.8/10No6

Heyzine is quick to use and produces good looking flipbooks with a simple embed snippet. Free accounts are limited in how many flipbooks they hold and carry branding, with the better customisation kept for paid plans.

Publuu

6.9/10No7

Publuu makes tidy flipbooks and its link tracking suits sales teams following up on a brochure. Longer documents and the detailed statistics most site owners want require a paid plan.

Google Drive Viewer

8.1/10No8

A PDF in Google Drive can be embedded in a WordPress page for nothing. It scrolls rather than turns, shows Drive controls around your document, and gives you no branding, no analytics and no clickable links you designed.

Media Library PDF Link

6.5/10No9

Uploading the PDF and linking to it is the default WordPress habit. It is free and instant, but it sends visitors off your page into a browser viewer, uses your hosting storage, and tells you nothing about whether the document was read.

Custom Coded Viewer

7.6/10No10

A developer can build a PDF viewer into your theme with a JavaScript library. It fits perfectly and belongs to you, but somebody has to maintain it through browser changes, and it usually costs more than the catalogue it displays.

Multisite, Multilingual and Many Editions

Multisite, Multilingual and Many Editions

A network of sites can embed the same flipbook everywhere, or give each site its own edition, since the snippet is just markup and carries no licence. If you run WPML or Polylang, publish one flipbook per language and put the matching snippet on the matching translation, so a French visitor gets the French catalogue rather than an English one with a translated caption. Updating an edition later means republishing it once, and every site showing it follows along.

Create Your WordPress Flipbook
See What Visitors Read on Your Pages
See What Visitors Read on Your Pages
See What Visitors Read on Your Pages
See What Visitors Read on Your Pages

See What Visitors Read on Your Pages

Your WordPress analytics can tell you that somebody landed on the catalogue page. They cannot tell you whether the catalogue was read. The flipbook can: how many people opened it, how deep they went, which pages held them, and where they stopped. Put that beside your page views and you learn something useful. If visitors reach page three of a twenty page brochure, the problem is the brochure rather than the traffic, and you can fix it without redesigning the whole site.

Create Your WordPress Flipbook

An Embed That Keeps Working After Updates

WordPress ships a major release a few times a year, themes change hands, and plugins go quiet. Anything you install is exposed to all of it. A snippet in a Custom HTML block is about as stable as WordPress gets: core has supported that block since the block editor arrived, and it does not depend on your theme, your builder or any plugin staying maintained. On the other side, the flipbook itself keeps up with browsers on your behalf, so an embed you paste today is still working in three years.

Create Your WordPress Flipbook
An Embed That Keeps Working After Updates

Frequently Asked
WordPress Flipbook Embed

Do I need a plugin to embed a flipbook in WordPress?

No. The Custom HTML block is part of WordPress core, and pasting the snippet there is all it takes. That means nothing extra to update, no plugin conflicts after a core release, and no PHP running on your server to build the flipbook.

Which block do I paste the embed code into?

The Custom HTML block. Click the plus button and search for it, or type a forward slash followed by html and press enter. Paste the snippet, then use the block Preview button, because the editor shows raw code rather than the flipbook itself.

Can I put the flipbook in a post as well as a page?

Yes. Posts and pages both take the same block, and a post works well for announcing a new catalogue or issue. Add a paragraph of real text above the embed, since that text is what search engines and social previews use.

Will the embed work with Elementor or Divi?

Yes. Elementor has an HTML widget and Divi has a Code module, and both take the snippet as it is. Avoid wrapping it in a container with a fixed height, which is the usual reason a flipbook looks squashed on a phone.

Why did my embed code disappear when I saved?

That is usually WordPress.com rather than a mistake on your part. Its cheaper hosted plans strip custom HTML and third party frames on save. Self hosted WordPress has no such restriction, and on a limited plan you can link to the flipbook instead.

Does an embedded flipbook slow down my site?

Less than serving the PDF yourself. The flipbook is hosted elsewhere and loads in its own frame after your page has drawn, so your hosting only sends the small snippet. It also works normally with the usual caching plugins.

Do I still need to upload the PDF to the media library?

No, and you are better off not doing it. The file never touches your site, so your storage stays free, your backups stay quick, and you avoid the maximum upload size that shared hosting often enforces on large documents.

Can I update the flipbook without editing the page?

Yes. Republish the flipbook and every page carrying the snippet shows the new version straight away. You never have to open the WordPress editor again, and any link or QR code you shared earlier updates at the same time.

Have more questions?

If you still have questions or want to explore more details about our features, limitations, and usage, we invite you to visit our full FAQ page.

Contact Us