This Flip Book PREVIEW FACILITY allows your customers to preview the inside pages of our books. It is the same as Amazon’s LOOK INSIDE.
A great tool to increase conversion allowing customers to see what they are getting before they buy.
Easy to implement on your site – 2 ways you can do this:

  1. Use the links to each book preview below and place on relevant product page of your site
  2. To avoid opening another web page, set up a modal or pop up box

Children’s Story Books

Activity Books For Children


Educational Books For Children


Occasion Books For Children


Disney – Standard


Disney – Premium


Disney – Timeless


Disney - Baby Board Books



Beatrix Potter

  • Beatrix Potter – Little Book of Harmony
  • Peter Rabbit – Little Book of Virtue
  • Peter Rabbit – Little Guide to Life
  • Peter Rabbit – Hopping into Life

Thomas the Tank Engine



Books From the Archive


Aardman


Board Books For Toddlers

  • First Steps Board Book Alphabet for Toddlers
  • First Steps Board Book Colours for Toddlers
  • First Steps Board Book Numbers for Toddlers
  • First Steps Board Book Shapes for Toddlers
  • First Steps Sound Board Book Old MacDonald for Toddlers

Books For Adults

Activity & Recreation Books


Books Of Love

  • Things I’d do for Love

Chilli & Bubbles

  • Chilli & Bubbles – Little Book for Dad
  • Chilli & Bubbles – Little Book for Mum
  • Chilli & Bubbles – Book of Love

Haynes Manuals


History of Music Books

  • History of Music 1960s
  • History of Music 1970s
  • History of Music 1980s
  • History of Music 1990s


Thunderbirds

  • Gerry Anderson Comic Collection Book
  • Thunderbirds Comic Collection Book
  • Thunderbirds Volume 1
  • Thunderbirds Volume 2
  • Thunderbirds Volume 3
  • Thunderbirds Volume 4
  • Thunderbirds Volume 5

Signature Gifts Flip Book Implementation

This is simple to implement by following the instructions below.

  1. Download the latest version of FancyBox from http://fancyapps.com/fancybox/ and copy the contents of the “Source” folder into a folder called “Fancybox” within your website. This should include a jquery.fancybox.js, jquery.fancybox.css and a number of images.
  2. In the header section of your page, you’ll need to load jQuery and FancyBox by adding the following 3 lines (Please note, jQuery should be loaded before Fancybox):
         
        <script src="http://code.jquery.com/jquery-latest.min.js">
        <script src="fancybox/jquery.fancybox.js">
        <link href="fancybox/jquery.fancybox.css" rel="stylesheet">   
          
  3. Add a script to the header to tell the system to how to open FancyBox (there are more options available in the Fancybox documentation):
    
     <script>
         $(".fancybox-html").fancybox({
             autoSize: true,
             closeClick: false,
             fitToView: true,
             type: 'iframe'
         });
        </script>
    
  4. Add a link to the page with a class of “fancybox-html” to open eg: <a href=”http://fb.signature-gifts.co.uk/flipbook/?Product=YLTS” class=”fancybox-html”>Your Letter To Santa</a><br /> That’s it, the flip book will open without taking the user away from your website!

Example HTML for Fancybox Flip Book

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Flip book in Fancybox Test Page</title>
    <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script src="fancybox/jquery.fancybox.js"></script>
    <link href="fancybox/jquery.fancybox.css" rel="stylesheet" />

        <script>
            $(".fancybox-html").fancybox({
                autoSize: true,
                closeClick: false,
                fitToView: true,
                type: 'iframe'
            });
    </script>

</head>
<body>
<a href="http://fb.signature-gifts.co.uk/flipbook/?Product=YLTS" class="fancybox-html">
Your Letter To Santa</a><br />
</body>
</html>

 

Question-mark Arrow Right auto-xml-api Barcode Basket Icon card Location Pin copy Details Icon Down Menu Arrow Download Catalogue Download Image Drop Down Arrow Gift Icon Grid View heart In Stock Information List View Log Out Manage Account Phone Print Data Sheet Search shop Sort Arrow spread-sheet tick Trade Log In Visit Image Gallery white-label-site