Create FlipBook with just HTML (Recommended)

All you need is to include the necessary files.

<div class="_df_book" source="http://www.yourssite.com/books/dflip manual.pdf"></div>

Basic HTML Template


    <html>
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Basic HTML Template</title>

    <!-- Flipbook StyleSheet -->
    <link href="http://www.yoursite.com/dflip/css/dflip.css" rel="stylesheet" type="text/css">

    <!-- Icons Stylesheet -->
    <link href="http://www.yoursite.com/dflip/css/themify-icons.css" rel="stylesheet" type="text/css">

    </head>
    <body>
    <div class="_df_thumb" id="df_manual_thumb" source="location of pdf.pdf" thumb="location of thumbnail.jpg"> PDF Example</div >
    <!-- Refer to other examples on how to create different types of flipbook -->

    <!-- jQuery 1.9.1 or above -->
    <script src="dflip/js/libs/jquery.min.js" type="text/javascript"></script>

    <!-- Flipbook main Js file -->
    <script src="http://www.yoursite.com/dflip/js/dflip.min.js" type="text/javascript"></script>

    <script>

    </script>
    </body>
    </html>

Plus you can pass some of the parameters too!!

<div class="_df_book" height="500" webgl="true" backgroundcolor="teal"
    source="http://www.yourssite.com/books/dflip manual.pdf"
    id="df_manual_book">
    </div>

This is just a basic example. Refer to other examples for further usages.