Met de PDF-flipbookviewer toon je PDF's met meerdere pagina's, zoals catalogi, brochures en presentaties, als een digitaal boek waarin je kunt bladeren. De viewer werkt in Kontainer, en je kunt hem via een CDN-link ook op een externe website insluiten.

Een PDF-catalogus weergegeven als flipbook

Een PDF openen in flipbookmodus

  1. Zoek de PDF in je Kontainer en klik erop om het voorbeeld te openen.
  2. De PDF opent in het standaardvoorbeeld, dat één pagina tegelijk toont.
  3. Klik op het boekpictogram rechts in de navigatiebalk onder in het voorbeeld.
  4. De PDF schakelt over naar flipbookmodus, waarin de pagina's naast elkaar worden getoond als een opengeslagen boek. Gebruik de pijlen om te bladeren.

Voorbeeld van een PDF in flipbookmodus met de navigatiebalk onderaan

Knoppen in de navigatiebalk

In flipbookmodus heeft de navigatiebalk deze knoppen:

  • Vorige en volgende slaan de pagina's om. De teller ertussen toont de twee pagina's die open liggen, bijvoorbeeld 4-5 / 20.
  • Downloaden downloadt de PDF.
  • Het boekpictogram schakelt terug naar het standaardvoorbeeld.

Scroll op de pagina om in of uit te zoomen in flipbookmodus.

De PDF viewer URL ophalen

Elke PDF heeft een PDF viewer URL op het CDN van Kontainer. Daarmee toon je de PDF-viewer op een website, intranet of landingspagina. Bezoekers hoeven niet in te loggen bij Kontainer om hem te bekijken.

  1. Open het voorbeeld van de PDF en klik op het infopictogram in het menu bovenaan.
  2. Scroll in het paneel rechts naar CDN en klap het onderdeel uit.
  3. Vink Active aan als dat nog niet zo is.
  4. Zoek het veld PDF viewer URL en klik op het kopieerpictogram ernaast om de URL te kopiëren.

Klik op Open PDF viewer onder het URL-veld om te zien wat bezoekers te zien krijgen.

Het CDN-onderdeel in het infopaneel met het veld PDF viewer URL

Het CDN-onderdeel bevat ook een Embed URL en een Download URL. Die verwijzen naar het PDF-bestand zelf, niet naar de viewer. Gebruik de PDF viewer URL als je wilt dat bezoekers in de viewer door de PDF bladeren.

Je kunt de PDF viewer URL ook ophalen via de Kontainer-API. Dat is handig als je website of een ander systeem automatisch PDF's uit Kontainer toont. Lees meer in Kontainer-API-integratie.

De PDF-viewer op een website insluiten

Plak de PDF viewer URL in het embed- of iframe-blok van je website. Bewerk je de HTML rechtstreeks, gebruik dan dit codefragment en vervang JOUW-PDF-VIEWER-URL door de URL die je hebt gekopieerd:

<iframe src="JOUW-PDF-VIEWER-URL" width="100%" height="600" style="border:0;" allowfullscreen></iframe>

Pas de hoogte aan je paginalay-out aan. Bij de meeste CMS-platforms, zoals WordPress, HubSpot en Drupal, kun je de URL ook direct in een embed-blok plakken.

Goed om te weten

  • Weergaven van een ingesloten PDF-viewer tellen mee voor het maandelijkse CDN-verkeer van je abonnement. Lees meer in CDN-links gebruiken.
  • Als je Active uitvinkt in het CDN-onderdeel, werkt de PDF viewer URL niet meer op alle websites waar hij wordt gebruikt.