In order to display your Flipbook in an embedded iFrame on your website, you'll need to include an API script in the body of your page.
For that you'll need to retrieve the JavaScript (JS) API script associated with your account and paste it into the code for your website. This guide will show you how!
📖 This article explains:
How to find your iPaper Flipbook API script
We're all about making things easy for you. That's all you need to do is copy the Flipbook API script, below, and paste it in your website's code.
<script src='https://cdn.ipaper.io/flipbooks/api/v3/latest.js'></script>
However, you can also find the Flipbook API script via iPaper Admin. Getting your Flipbook API script is easy:
Navigate to the Flipbooks tree view.
Right-click on top-level, account name (also known as the top of your Flipbook tree).
From the drop-down menu, select Get flipbook API script.
A modal will be shown with your V3 Flipbook API script. Simply click the Copy Script button to copy it to your clipboard.
Now you're ready to paste your script into your website's code!
How to implement your API script on your website
To implement your Flipbook API script, simply paste it into the <body> section of your page, on which your Flipbook is embedded within an <iframe> element.
The iPaper Flipbook API technical documentation
Now that you've enabled your iPaper account to communicate with your website, you'll want to set up the commands and events for your API to follow.
For that, refer to our full API documentation here:
Of course, if you've got any questions on how to configure, or use the iPaper Flipbook API, reach out to our Customer Care team via the messenger in the corner and we'll be happy to help! ✌️