Synexmedia.com

After creating and downloading your flipbook using the Creator tool, follow these simple steps to embed it on your website:

Step 1: Upload Your Flipbook File

1. Upload your downloaded .flipbook file to your web server
2. Note the public URL where the file is hosted (e.g., https://yoursite.com/files/my-flipbook.flipbook)
3. Ensure CORS headers are set if hosting on a different domain

Step 2: Add the Embed Code

Copy and paste this iframe code into your HTML page. Replace YOUR_FLIPBOOK_URL with your uploaded file's URL:

<!-- Synexmedia.com Flipbook Embed -->
<iframe
    src="https://synexmedia.com/tools/flipbook-creator/reader/index.html?embed=true&url=YOUR_FLIPBOOK_URL"
    width="100%"
    height="600"
    style="border: none; border-radius: 8px; max-width: 1200px;"
    allow="fullscreen"
    title="Interactive Flipbook">
</iframe>

Example

If your flipbook is hosted at https://example.com/docs/catalog.flipbook, your embed code would be:

<iframe
    src="https://synexmedia.com/tools/flipbook-creator/reader/index.html?embed=true&url=https://example.com/docs/catalog.flipbook"
    width="100%"
    height="600"
    style="border: none; border-radius: 8px;"
    allow="fullscreen">
</iframe>

Customization

1. Adjust width and height to fit your layout
2. Add max-width in the style for responsive designs
3. The embedded flipbook responds to keyboard arrows, clicks, and touch gestures

Requirements

Your .flipbook file must be publicly accessible. If hosted on a different domain than your website, ensure your server sends the Access-Control-Allow-Origin header to allow the reader to fetch the file.