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







Disney – Standard









Marvel - Little Favourites


Beatrix Potter


Very Hungry Catepillar



Thomas the Tank Engine


Paddington Bear












Books For Adults













Swallows and Amazons

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