All Collections
Tutorials
How to Create and Share or Embed a Flipbook
How to Create and Share or Embed a Flipbook

In this guide, we will show you how to create a Flipbook from your Finished PDF ebook created in Designrr

Enrique avatar
Written by Enrique
Updated over a week ago

 Facts To Consider Before Creating a Flipbook - MUST READ

Before you create any flipbook in Designrr you need to understand how flipbooks work.

A flipbook is not an ebook, is another way to read a PDF. Therefore, flipbooks cannot be downloaded. They must be hosted on a server.

The flipbooks generated with Designrr do not play videos or audio files.

The flipbook is created from a PDF file as a source, so is a 1 to 1 mirror of your Designrr ebook. Keep that in mind if you are planning to have a flipbook version of you ebook. Use a simple structure and make it easy for your readers to read the flipbook.

The flipbook cannot be edited. Therefore, every time you make a change in your project you need to generate the PDF to reflect the changes in the flipbook.

Note: For troubleshooting, see more below.

1. Generate the PDF

Once your ebook is completely finished you need to click the 'Publish' button and generate the PDF.

Select the Adobe Reader option.

PRO Upgrade Tip: Depending on the size of the ebook - varies depending on the number of images the ebook contains - , is a good idea to optimize the images first to keep both the PDF and the flipbook lightweight. By default is set to on in the PRO plan and higher.

2. Generate The Flipbook

Once the PDF is ready, just click on the 'Open Flipbook' button.

The flipbook will open in a new Tab/Window. If you just want the flipbook URL, you can copy it from the browser toolbar and share.

It should look similar to this:

3. Generate The Flipbook Embed Code Automatically

In the main Dashboard, find your project's thumbnail and click on three dots. When the menu opens click on\'Generate Flipbook Embed Code'.

This tool (opens in a new pop-up window) will generate an embed code that can be used to easily place the flipbook on your website. You simply need to click on the blue button, 'Generate & Copy', and the embed code is automatically copied to your computer's clipboard. Now you can paste the code on an empty page or any other page on your website.

The default values are fine for most users, but notice that you can resize the flipbook and disable the option to share the flipbook and download the PDF.

4. Disable Sharing and Download

Before you share you flipbook you have to decide if you want to let your readers share the flipbook or download the PDF used to generate the PDF.

In case that you want to disable those options, you can easily do it from the 'Account Settings' section. Once activated, those options will be removed from your flipbook toolbar.

5. Sharing Your Flipbook On Your Website Or Social Media page

In step number 2, we copied the flipbook URL (tip:  paste it on a text file). We ended with  this link: https://book.designrr.co/?id=15044&token=2695082348

If you want to share your flipbook on your social media accounts, paste that link on the post box...

and publish.

If you want to share your ebook on your website or blog, embed the flipbook link in a HTML code like the example below and paste it on your site (hint: use a sidebar text widget)

<a href="https://book.designrr.co/?id=15044&token=2695082348">MyAwesome Book!</a>  

Tip: WordPress users can use a free plugin like Pretty Link and share that link instead.

6. Troubleshooting

In some cases, you may get an error or message explaining that is not possible to create the flipbook.

The reason is that the ebook/PDF contains a great number of images and the size is to large to generate the flipbook.

To solve it we need to go back to step 1, optimize the images and generate the PDF again. (Tip: open tutorial optimize the images)

Once the images are optimized and the PDF is newly generated, go back to the dashboard and create your flipbook.


RELATED TUTORIALS:


Did this answer your question?