Book a demo Demo
Request demo
Help Center

How do I embed a flipbook into my website?

Product: FlippingBook Online

You can embed a flipbook into your website so visitors can view it directly on the page, without opening a separate link.

Plan availability: Embedding is available on Starter and higher plans. If you embed a flipbook during your trial and then buy to the Lite plan, the embedded flipbook will stop working.

How to embed a flipbook

  1. Go to the Flipbooks section in your FlippingBook Online account.
  2. Hover over the flipbook you want to embed and select Embed. You can also find this option in the More menu.
  3. Click Copy code to copy the embed code to your clipboard.



  4. Go to your Content Management System (CMS) or website editor and add the code to your web page. The exact steps depend on your CMS, but in most cases you need to:
    • Open the page where you want to embed your flipbook.
    • Move to the place on the page where the flipbook should appear.
    • Add an element for custom code. It's typically called something like HTML block, Insert custom code, Embed code snippet, HTML mode.
    • Paste the embed code into the text box.
    • Save or publish your page.
 

Your flipbook should now appear directly on your web page:

FlippingBook in a nutshell

If the embed doesn’t work

Every CMS works differently. If the flipbook doesn’t appear correctly, check your CMS documentation or ask your website admin for help.

It's important to know that embedding requires JavaScript. Make sure JavaScript is enabled and not blocked by your website or CMS.

If you're using a specific CMS, such as WordPress, Joomla, or SharePoint Online, see the dedicated instructions at the end of this article.

You can also contact our Support team or book a meeting. In most cases, we can help you set it up in a few minutes.

Embedded flipbooks on mobile devices

Embedded flipbooks look different on mobile devices.

On desktop, visitors usually see the full flipbook embedded on the page. On mobile, there isn’t enough screen space to show the full flipbook clearly, so we show either:

  • the cover image, or
  • a small animated preview with the page flip effect.

When visitors tap it, the flipbook opens in a new tab.

Learn more

 

Other Resources

drift chat