Navigating a long flipbook: table of contents, thumbnails, search and page links
5 min read
A four-page brochure needs nothing more than the arrows. A 60-page catalog, a 120-page annual report or a product manual is different. Readers arrive looking for one thing, and if they have to flip through forty pages to find it, many of them give up first. Four tools fix that, and each one answers a different question.
Tool
The reader is asking
Works best for
Table of contents
What is in here, and where?
Reports, manuals, magazines with sections
Thumbnails
Which page was the one with…?
Catalogs, lookbooks, portfolios
Search
Where does it mention this?
Price lists, manuals, technical documents
Page links
Can you send me straight to it?
Newsletters, sales emails, support replies
Table of contents
The table of contents panel can be filled in three ways:
PDF bookmarks. If the PDF has bookmarks (the outline you see in the sidebar of a desktop PDF reader), the flipbook uses them. There is nothing to set up.
Page titles. Give pages a title in the flipbook’s Pages tab and the table of contents is built from them.
Your own list. The Table of Contents tab in the flipbook editor lets you add items, point each one to a page and drag them into order. A custom list overrides the PDF outline and the page titles.
Bookmarks are the least work, as long as the PDF has them. In InDesign, tick Bookmarks in the PDF export dialog and they are taken from the document’s table of contents. In Word, choose Create bookmarks using Headings in the PDF options.
Make your own list when the PDF outline was written for print rather than for a screen: too deep, too sparse, or full of entries like “3.2.1” that mean nothing to someone browsing.
Two settings decide how the panel behaves:
Show Table of Contents on start opens it with the book. Use it for reports and manuals, where the overview is the first thing readers want.
Close Table of Contents when page is clicked hides it after a jump. On a phone, where the panel covers the page, that is almost always what readers expect.
Thumbnails
Thumbnails are for documents people remember by sight. In a furniture catalog, readers look for “the blue sofa”, not “page 37”, and a grid of small pages gets them there faster than any list of headings.
Show Thumbnails on start opens the panel with the book, which works well for catalogs on desktop.
Thumbnail size sets how large the previews are. Larger ones are easier to recognise, smaller ones fit more pages on the screen.
Close Thumbnails when page is clicked works like the same setting for the table of contents.
The Mobile tab has its own thumbnails-on-start option, so the panel can open on desktop and stay closed on phones, where there is less room for it.
Search
Search reads the text inside the PDF, so it only works when the PDF has real text. A scanned document is a picture of text: run it through OCR before you upload it. A quick test is to open the PDF in a desktop reader and try to select a word. If you can’t, readers won’t find it either.
Show search results as page thumbnails lists the matches as small pages instead of lines of text. In a catalog that is often more useful, because the reader can see which result is the product they want.
You can put a search button, or a search field, in the toolbar. For a price list or a manual, make it easy to see: for those documents, search is how most people will use the flipbook.
Text search is part of the PRO version. Lite vs PRO has the full comparison.
Links to a page
Deep linking gives every page its own address. Turn on Deep linking in the flipbook settings and the address in the browser changes as the reader turns pages. It ends in a hash made of a prefix and the page number. With the prefix set to catalog_, page 12 is #catalog_12.
Open a link that ends in that hash and the flipbook starts on that page. If the flipbook is set to open in a lightbox, the link opens the lightbox at that page.
Some places where that helps:
Newsletters. “New this season, from page 14” with a link that lands on page 14, not on the cover.
Support replies. Point to the exact page of the manual instead of writing “see chapter 6”.
Sales. Send a customer the page with the product they asked about.
Set a Deep linking prefix of your own when a page holds more than one flipbook, so each link opens the right book. A short, readable prefix also makes the links easier to understand when people share them.
Two more settings help readers land in the right place. Start page opens the book on a page other than the cover, which suits a price list where the cover adds nothing. If the printed page numbers don’t start on the cover, Page number offset lines up the numbers the flipbook shows with the ones printed on the pages.
A checklist before you publish
The PDF has bookmarks, or you have made your own table of contents.
You can select text in the PDF, so search will find it.
The toolbar shows the buttons readers need for this document, and hides the rest.
The panels open on start only where that helps, and you have checked it on a phone.
A deep link opened in a private window lands on the right page.
Questions about flipbook navigation
Why is my table of contents empty?
The PDF has no bookmarks and the pages have no titles. Export the PDF again with bookmarks, add page titles, or make a custom table of contents in the flipbook editor.
Why does search find nothing?
Usually because the PDF has no text layer: it was scanned, or the text was converted to outlines when it was exported. Run OCR on a scan, and export with live text instead of outlines.
Can the table of contents be different from the PDF bookmarks?
Yes. A custom table of contents replaces the PDF outline, so you can rename, reorder or leave out entries without touching the PDF.
Can I link to a page of a flipbook that opens in a lightbox?
Yes. With deep linking turned on, the link opens the lightbox on that page.
Do these tools work in every view mode?
Yes. The table of contents, thumbnails, search and page links are part of the toolbar, which is the same in every mode. See which flipbook view mode to use.
No WordPress, Shopify or Wix? The JavaScript library puts the same flipbook on any page. A working example in a dozen lines, then lightbox, deep links, phone settings and the two errors almost everyone hits.
Photos, scans and exported pages can become a flipbook without a PDF. When images are the better choice, which sizes and formats to use, and what you give up.
Two ways to put a flipbook on an Elementor page. The Shortcode widget costs nothing, the addon gives you a widget with live preview. Plus how to open the book from your own button.
4 min read
Turn your PDFs into flipbooks
Catalogs, magazines and brochures with a realistic page flip, on WordPress, Shopify, Wix or any website.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.