Quick setup

Search…
Quick setup
Quick Setup
1.Include our script within your websites page:
1
<script type="text/javascript" src="https://players.yumpu.com/hub.js"></script>
Copied!
2.Provide a container you want the frontend to be placed in, give it an "id" and set the dimension. E.g.
1
<div id="magazineContainer" style="width:620px; height:400px;"></div>
Copied!
3.Create the Yumpu object in a script tag:
1
var myYumpu = new Yumpu();
Copied!
4.Create a magazine with:
1
myYumpu.create_player("#magazineContainer", "17403069");
Copied!
5.Create a bookshelf with:
1
var collectionID = "MjG471mbwPubqNLR";
2
myYumpu.create_bookshelf("magazineContainer", collectionID, "myYumpuUsername" );
Copied!
Wait! What parameters are you using?
With magazines, the parameters are:
1.The "id" property of the HTML container where you want the magazine to be placed in. You can use a 's "id" with a leading "#", or you can also use "body" to use the whole page.
2.The magazines id, which you can easily get from the magazines page, e.g. http://www.yumpu.com/en/document/view/17403069/faceon-online-magazin-yumpu -> it's "17403069"
3.(optional) Parameters: You can add quite a lot of custom parameters to change certain functionality, switch on/off elements, and so on. Pass them as an object, e.g. { fallback_order:"hornet,"html5","js", startpage:7, hideOuterShadows:"0", ... } You'll see more infos below.
With bookshelfs, the parameters are:
1.The "id" property of the HTML container where you want the magazine to be placed in. You can use a 's "id" with a leading "#", or you can also use "body" to use the whole page.
2.The collection id, which you get, not quite so easily yet - we have to admit, from the magazines edit page, where you create your collection. Click on EDIT at he right and choose View JSON. On top of the popup you'll get a link like http://www.yumpu.com/en/collections/json/pHTQHdSYJggwsIoN ... in that example, the collection id is "pHTQHdSYJggwsIoN "
3.(optional) Parameters: You can add some additional parameters to customize your bookshelf. You'll see more infos below.
JS - Previous
Introduction
Next - JS
Magazine example's
Last modified 2yr ago
Copy link
Contents
Quick Setup
Wait! What parameters are you using?