Digital Marketing Blog

How to Make an Interactive Flipbook with iPaper
02 Aug 2016

How To Make A Digital Flipbook (Simple Step-By-Step Guide)

In this blog post, you will learn how to make a digital flipbook, as these interactive documents are an incredibly useful tool for engaging your readers.

In addition to beautiful design, captivating images and useful snippets of text, interactive flipbooks include features such as links, animations, and videos to keep readers engaged and interested.

This is good. 

Very good actually, as engaged readers are more likely to buy from you. 

Furthermore, you can include forms and pop-ups to get in touch with your audience.

Use it for valuable communication long after they have left your catalog, brochure or magazine again. 

 

2017-03-23_11-39-18_360.gif

 

Users enjoy the experience of flipping pages and exploring the interactive features. It helps to keep them engaged with the subject matter for longer and to give them a positive impression of your brand. 

If you can't wait, feel free to try out our platform for free - no strings attached!

Sign Up To Make a Free Digital Flipbook >

Learn how to make a digital flipbook yourself. (It's easy peasy, our system will guide you through. And if you're lost, our Customer Care team is ready to help you). 

 

rune.jpg

 Rune is just as smiling on the phone, so don't hesitate to call. 

How to Use Interactive Flipbooks

Interactive flipbooks can be used in numerous ways. For both B2C and B2B.

Use an interactive flipbook to

  • display your range of products in a catalog format
  • design a brochure that showcases your services
  • present your otherwise static and dull PDFs in a new and engaging way
  • accelerate sales for B2B with optimized search functionality
  • create customized proposals/brochures for potential and existing customers and partners with their exact logo, preferences and price list.  
  • save time on search in long documents
  • easily and instantly update heavy product catalogs
  • create an educational flipbook that offers the reader an enriched learning experience
  • ensure responsiveness on all platforms and devices
  • capture the impatient online consumer
  • convert browsing into sales with direct e-commerce
  • drive conversions via user engagement
  • ensure fast load time
  • collect leads via forms and pop-ups for continuous communication with interested users - and potential customers

 

placeit (7).png

No matter your industry, you can benefit from engaged reader experiences in your online documents. 

Use it to present your products or services to the end user or to save time internally with instantly updated content with high search functionality and responsiveness. 

We mostly use the iPaper internally for our partners, which are B2B. It makes our work so much easier, as we no longer have to update various documents and PDF's. Now we only send out iPapers, and we just change the links in them and they are instantly up-to-date. This eases our work considerably.

States Marketing Manager; Viktorija Jasiuleviciute from Decoflame

 

Marijke.png

However, you choose to use it, adding interactive features will help you boost engagement among your target audience. 

Learn how this B2B company made the transition from print to digital »

Now, you might be wondering? 

Which type of content can I create with a digital flipbook? 

Tons! 

You probably already have the basics at hand - if you - like most companies - save your documents as static PDF-files. 

It can be anything from annual reports to fancy magazines to product heavy catalogs. 

 

EXCLUSIVE ACCESS: PROFESSIONAL TRYOUT ➔

digital-flipbooks.png

I'll show you more examples. Read this blog post with 16 different examples of how others, such as BESTSELLER, MUELLER Company, and Range Rover use digital flipbooks to engage their audience: 

Quick overview: what can you create with digital flipbooks?

 

How to Make a DIGITAL Flipbook

So lets' get to it. How to make a digital flipbook in practice?

When you have the right software, making a digital flipbook is a relatively straightforward process that is within the reach of any online publisher, marketer or even your student worker can do it!  

However, creating one that is as engaging as it can be, takes careful design and consideration.

Follow these simple steps on how to make a digital flipbook to make an interactive experience that will wow your audience.

Step 1: Create a PDF

The first step in creating a beautiful and fascinating interactive flipping book is to create a PDF that contains all the essential content of your publication.

Resources.png

WHAT TO keep IN MIND WHEN MAKING YOUR PDF

Designing and exporting for an online publication is different than for print.

It's essential that your work looks sharp and attractive across all screen sizes and devices while maintaining fast loading times. 

Fortunately, a digital iPaper loads much faster than most PDF's. 

Also, when designing for online, it's important to keep in mind that your publication will be displayed entirely on screens. 

Therefore, size matters. 

 

  • SIZE

A4 size (210x297mm) pages or 210x280mm will yield good results across devices.

 

a4.jpg

A square format (e.g. 280x280mm) will utilize more screen space on desktop/laptop monitors but might not provide an equal experience on mobile devices in portrait mode.

As a big plus, you are not limited by printing costs, and hence, can make your PDF soon to be flipbook, with as many pages as you like.

To optimize your results across all screen sizes we recommend exporting your PDF at 150 pixels per inch.

 

 

  • READABILITY

It has to be easy to read. 

Hence, choose the font wisely. 

Serif or sans-serif? Designers love to argue on this topic but fortunately, with today's screens, many fonts will do. Also Serif fonts, which were originally intended for print. 

2017-08-15 14_14_27-What’s the most readable font for the screen_.png

Just make sure that you choose the right size of the font, so it doesn't look smudged on the screen. 

In below screenshot from Medium, you can see how a serif font works perfectly well on screen (and even better on their blog, where it bigger than here). 

 

2017-08-15 15_17_47-Thoughts after taking the Deeplearning.ai courses – Towards Data Science – Mediu.png 

  • LINKS

Links are important in your digital flipbooks. Today's online consumers expect to be able to click through documents.

If you've created bookmarks in InDesign they can be imported directly into your Flipbook as an index. 

You can also create links (external links, internal page links & email links) in InDesign which can be imported directly into your Flipbook as active links (requires the Link Media module). 

Don't worry.

If you haven't any links in your PDF, you can easily make them within the flipbook platform.

All underlined text in another color should be marked as a link, as it's universally understood as a link - especially if the text is blue. 

In below example, the blue body text can't be clicked. 

I would have expected it to be a link. 

How about you? 

 blue_text.png

 

The same applies if you for any reason has made part of the body text blue without underlining it. It is still perceived as a link. 

Make sure to make links on:

  1. all underlined text in another color
  2. blue body text
  3. website addresses
  4. social media icons
  5. referrals to other pages
  6. referrals for "see more" or "visit xxx", or "click here", etc. 

close up of a broken chain and a paper clip on white background.jpeg

  •  WHITE SPACE

When making a digital flipbook, you should make room for engaging elements such as video and animation when making your PDF.

This means some white space, where you intend the enrichment to be.

Otherwise, you can end up with a publication that is too noisy to look at.

A good example is this from SKANSKA. Here the cup is inserted as an animation where the white space is. 

Had there been text underneath, it wouldn't have worked. 

 

2017-08-15 16_00_33-Skanska Magazine #4.png

 

  • BE VISUAL

As so visually captured by Semrush:

No need to expand on this in writing, as you probably won't remember it anyway...

be visual.png

 

Add images and use bullet lists to break up your text so that the reader is never overwhelmed with a dense wall of text.

Learn tricks of the trade with this free eBook about designing for digital »

download free ebook designing for digital

 

Now with your PDF in place (size, readability, links, white space and images) let's move on to step 2. 

Step 2: Convert PDF to Flipbook

You can use a digital publishing platform to convert your PDF to a flipbook.

This action turns a standard PDF document into a flipping book.

You can embed it into your website, allowing users to quickly flip forward and backward through the pages to find the information they need.

Some digital publishing platforms stop at this stage.

But you can mark yourself out as an expert flipbook creator by taking the time to add interactive features. Features that engage your readers and encourage them to keep reading.

 

New Call-to-action

 

Let's take a look at how to make a digital flipbook by adding interactive features that work together to enrich the reader's experience.

 

Step 3: Add Interactive Features

Consider adding these features to your basic flipping book to make it more interesting to interact with:

Links:

Add hyperlinks that your readers can click on to learn more about particular topics.

Or links that make you jump to another page. 

For example, you can add links to pages on your site where readers can purchase the products they click on.

You can also choose to make your audience shop directly from your catalog. 

undefined

 

Pop-ups:

Give your readers the option of reading extra information by including pop-ups with additional content or images on your pages.

These boxes can contain text, image galleries or web pages, allowing your readers to explore a broad range of information without ever leaving your flipbook.

undefined

 

Or create a pop-up for collecting leads. Make your readers sign-up to your newsletter, customer club or blog directly from your catalog. 

See example here: 

 

 

 

 

 

Forms:

Forms are great for:

  • Consumer surveys
  • Online competitions and drawings
  • Newsletter sign-ups
  • Or like in below example for ordering flyers to a campaign: 

2017-08-16 10_59_20-Bestil flyer.png

 

For detailed instructions on how to make a form within the iPaper platform, click here »

Animations:

Animate some of your pages, so they move, fade in or zoom in as your reader looks at them.

When users turn to a page and see that it is moving, they are likely to stop and pay attention.

See examples of animations here: 

 

New Call-to-action

 

Videos:

If a picture is worth 1,000 words, a video must be worth even more.

Using iPaper, you can embed videos hosted on YouTube, Vimeo or your server into your online publication.

 

reelight.png

 

eCommerce:

Catch your readers and turn them from browsers to customers directly from the flipbook by using eCommerce.

You can either link to your webshop or even better let them shop directly from your catalog. 

eCommerce.png

Get to know more about shoppable content in this blog post »

 i

Paper’s eCommerce solution has taken our digital outreach to a new level, making our campaign leaflets more useful, fun and effective for our customers.

The combination of iPaper eCommerce and the ‘click & collect’ functionality enables the customer to get inspired, read about a certain product, check if the books are in stock at their local shop and reserve – all at the same time, in the same publication.

We are very happy with iPapers eCommerce solution, and with the flexibility iPaper has shown to adapt the solution to our needs.

Caroline Heitmann, Market and eCommerce Manager,  Norli Libris AS. 

When you use iPaper, you can add any of these features without having any advanced technical skills.

Start 14-Day Free Trial

 

Once you've uploaded your PDF, explore the range of functions that are available to add with just a few clicks.

 

 

 

 

STEP 4: PROMOTE IT

Now you're done with your engaging flipbook, and it's time to let the world know about it! 

You can do the following: 

Remember - sharing is caring! 

See how Yves Rocher Italia has success with sharing their digital flipbook on their Facebook page. Every time they upload a new catalog, it goes viral. 

It's the most shared content and within a few weeks, the digital flipbook became their no. 1. brand communication tool. 

Untitled design (2).png

 

STEP 5: EVALUATE AND OPTIMIZE 

Remember to evaluate on your publication. 

Use the heat map to see where people click. 

Do they click on unclickable items? 

If yes, then make sure to make them clickable with links for your next catalog. 

P.S. A little insider tip: people tend to zoom in on fact boxes. 

safe-heatmap.jpg

You can also use the following tools to analyze your publications and optimize accordingly: 

 Google Tag Manager (GTM)

 Google Analytics 

 Facebook Tracking Pixel

 

Conclusion on How to make a digital flipbook

Creating an interactive flipping book is an excellent way to engage audiences and keep them on your site.

The good news:

It isn't difficult at all.

Use a digital publishing platform, like iPaper, to make your first flipping book and explore the range of interactive features that help you to communicate more effectively with your readers.

Follow these simple steps: 

  1. Make a PDF
  2. Convert PDF to Flipbook (easy upload)
  3. Add interactive features
  4. Promote it on all platforms
  5. Evaluate and optimize 

For more info on how to make a digital flipbook, SEO-optimization, lead generation etc. please visit our resource page.

Lead Generation and Digital Marketing Resources

 

Or click here if you can't wait to make your own flipbook. 

Click Here to Make a Free Digital Flipbook >

 

About the author

Bettina Oksen Bendorf

Bettina Oksen Bendorf

Bettina is an Inbound Marketing Specialist. I have a passion for creating relevant content with focus on the receivers’ needs. Always with the customers’ point of view in focus: “What’s in it for me?”. Chocolate lover and fitness junkie.

Back to the blog