Flipbook insluiten in WordPress: zo doe je dat

Waarom een flipbook insluiten op je WordPress-site?

Statische PDF's die achter downloadlinks zitten, doen je content geen recht. Bezoekers klikken, wachten tot een bestand is gedownload, openen het in een aparte app en — komen meestal niet meer terug naar je site. Een interactieve flipbook rechtstreeks op je WordPress-pagina insluiten verandert dat volledig.

Met een ingesloten flipbook krijgen je bezoekers een rijke bladerervaring zonder je website te verlaten. Dat betekent langere sessieduur, lagere bouncepercentages en een veel professionelere indruk. Of je nu een productcatalogus, bedrijfsbrochure, magazine of trainingshandleiding toont — een ingesloten flipbook houdt lezers betrokken precies waar je ze wilt.

FlipLink maakt dit moeiteloos. Zodra je een flipbook maakt van je PDF, krijg je een kant-en-klare embedcode die werkt met elk WordPress-thema, elke paginabouwer of editor. Geen plugins nodig.

Ben je nieuw in het omzetten van PDF's naar flipbooks? Begin dan met onze handleiding over hoe je een PDF online omzet naar een flipbook en kom hier terug om deze in te sluiten.

Je embedcode ophalen uit FlipLink

Voordat je in WordPress aan de slag gaat, heb je je embedcode nodig. Zo pak je die:

1. Log in op je FlipLink-dashboard op go.fliplink.me
2. Open de flipbook die je wilt insluiten
3. Klik op de knop Delen
4. Selecteer het tabblad Insluiten
5. Kopieer de verstrekte iframe-code

Je embedcode ziet er ongeveer zo uit:

<iframe
  src="https://go.fliplink.me/view/your-flipbook-id"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen
></iframe>

Dat is alles wat je nodig hebt. FlipLink regelt de deling en distributie — jij hoeft alleen deze code in WordPress te plakken.

Methode 1: WordPress Block Editor (Gutenberg)

De Block Editor is de standaard WordPress-editor en de eenvoudigste manier om je flipbook in te sluiten.

Stap voor stap

1. Open de pagina of het bericht waar je de flipbook wilt plaatsen
2. Klik op de +-knop om een nieuw blok toe te voegen
3. Zoek naar Aangepaste HTML en selecteer het
4. Plak je FlipLink iframe-embedcode in het blok
5. Klik op Voorbeeld om te controleren of het er goed uitziet
6. Druk op Publiceren of Bijwerken

Dat is alles. De flipbook wordt direct op je pagina weergegeven met volledige interactiviteit — bladeren, zoomen, volledig scherm en meer.

Pro-tip

Wil je de flipbook gecentreerd met wat ruimte eromheen? Wikkel deze dan in een div:

<div style="max-width: 900px; margin: 0 auto; padding: 20px 0;">
  <iframe
    src="https://go.fliplink.me/view/your-flipbook-id"
    width="100%"
    height="600"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>

Methode 2: Elementor

Elementor is een van de populairste WordPress-paginabouwers en het insluiten van een flipbook kost maar een paar klikken.

Stap voor stap

1. Open de pagina in de visuele editor van Elementor
2. Zoek in het widgetpaneel naar HTML
3. Sleep de HTML-widget naar de gewenste sectie
4. Plak je FlipLink iframe-code in het HTML-veld
5. Pas de marge en padding aan in het tabblad Geavanceerd
6. Klik op Bijwerken om op te slaan

Elementor toont de iframe live in de editor, zodat je precies ziet hoe je flipbook eruitziet vóór publicatie. Gebruik de responsieve instellingen van Elementor om de hoogte aan te passen voor tablet- en mobiele breakpoints indien nodig.

Methode 3: Classic Editor

Gebruik je nog de Classic Editor? Geen probleem. Het proces is net zo eenvoudig.

Stap voor stap

1. Open je pagina of bericht in de Classic Editor
2. Schakel naar het tabblad Tekst (niet Visueel) in de werkbalk
3. Plaats je cursor waar je de flipbook wilt
4. Plak de iframe-embedcode
5. Schakel terug naar het tabblad Visueel om te bevestigen dat het verschijnt
6. Klik op Publiceren of Bijwerken

Belangrijk: Plak embedcodes altijd in het tabblad Tekst. Het Visueel-tabblad kan je HTML strippen of wijzigen, wat de embed kan breken.

Tips voor responsieve weergave

Je flipbook moet er op elk apparaat geweldig uitzien. Hier zijn enkele praktische tips voor responsief insluiten.

Gebruik percentagebreedte

Stel altijd width="100%" in op je iframe zodat deze de container vult. Zo past de flipbook zich automatisch aan elke schermgrootte aan.

Stel een verstandige hoogte in

Een vaste pixelhoogte van 500 tot 700 werkt goed voor de meeste flipbooks op desktop. Voor een meer responsieve aanpak gebruik je de beeldverhouding-truc:

<div style="position: relative; width: 100%; padding-bottom: 75%; height: 0; overflow: hidden;">
  <iframe
    src="https://go.fliplink.me/view/your-flipbook-id"
    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
    frameborder="0"
    allowfullscreen
  ></iframe>
</div>

Dit behoudt een 4:3-beeldverhouding ongeacht de schermbreedte. Pas padding-bottom aan om de verhouding te wijzigen — gebruik 56.25% voor 16:9 of 100% voor een vierkant.

Test op mobiel

De viewer van FlipLink is volledig responsief, maar bekijk je WordPress-pagina altijd even op een telefoon om te controleren of de omringende lay-out geen onhandige ruimtes veroorzaakt. De meeste problemen komen van de CSS van de pagina, niet van de flipbook zelf.

Klikbare afbeeldingsembed als alternatief

Niet elke pagina heeft een volledige interactieve embed nodig. Soms wil je een lichtere aanpak — een mooie thumbnail die de volledige flipbook opent wanneer erop wordt geklikt. Dat is precies waar de functie Klikbare afbeeldingsembed van FlipLink voor is.

In plaats van een iframe krijg je een afbeelding met een link. Dit is perfect voor:

• Blogsidebars waar een volledige flipbook te groot zou zijn
• Landingspagina's waar je wilt dat bezoekers bewust doorklikken
• E-mailnieuwsbrieven die teruglinken naar je WordPress-pagina
• Bronbibliotheken die meerdere publicaties als thumbnails tonen

Je kunt de klikbare afbeeldingsembed-code ophalen vanuit hetzelfde Delen-dialoogvenster in je FlipLink-dashboard. Het laadt sneller dan een iframe en geeft je volledige controle over het uiterlijk van de thumbnail via de huisstijl- en designopties van FlipLink.

Veelvoorkomende problemen oplossen

De flipbook verschijnt niet

• Zorg ervoor dat je de code hebt geplakt in de Tekst/HTML-modus, niet in de Visuele editor
• Controleer of je WordPress-thema geen iframes blokkeert (sommige beveiligingsplugins blokkeren ze)
• Controleer of de flipbook is gepubliceerd en niet in conceptmodus staat in FlipLink

De flipbook is te klein of te groot

• Pas de height-waarde aan in de iframe-code
• Gebruik de hierboven getoonde responsieve wrapper-div voor consistente afmetingen
• Controleer of het inhoudsgebied van je thema een max-width heeft die de embed beperkt

Flipbook werkt op desktop maar niet op mobiel

• Zorg ervoor dat width="100%" is ingesteld (geen vaste pixelbreedte)
• Controleer op CSS overflow: hidden op bovenliggende containers die de iframe kunnen afsnijden
• De viewer van FlipLink verwerkt mobiele gebaren standaard, dus het probleem zit bijna altijd in de paginalay-out

WordPress verwijdert de embedcode

Sommige beveiligingsplugins (zoals Wordfence of iThemes Security) of thema-instellingen kunnen iframe-tags uitfilteren. Als je embedcode verdwijnt na het opslaan:

• Controleer de instellingen van je beveiligingsplugin op iframe-filterregels
• Voeg go.fliplink.me toe aan je toegestane iframe-bronnen
• Probeer een speciaal HTML-blok te gebruiken in plaats van inline plakken

SEO-overwegingen

Ingesloten flipbooks verbeteren de betrokkenheidsstatistieken van gebruikers, wat indirect je SEO ten goede komt. Zorg voor maximale zichtbaarheid door de SEO- en socialemedia-voorvertoningen van je flipbook in te stellen in FlipLink, zodat zoekmachines en sociale platformen rijke metadata tonen wanneer je pagina wordt gedeeld.

Bekijk voor een uitgebreider overzicht van insluitopties buiten WordPress onze complete handleiding over hoe je een PDF op een website insluit.

Begin vandaag met flipbooks insluiten op WordPress

Een FlipLink-flipbook insluiten op je WordPress-site kost minder dan vijf minuten. Geen plugins om te installeren, geen ingewikkelde setup — plak gewoon een embedcode en je bezoekers krijgen een prachtige interactieve ervaring.

Klaar om te beginnen? Maak je gratis FlipLink-account aan en zet je eerste PDF om in een insluitbare flipbook. Met onze levenslange deal vanaf € 129 voor 100 actieve publicaties kun je onbeperkt insluiten op al je WordPress-pagina's en meer.

Bekijk onze prijspagina om het juiste abonnement voor jouw behoeften te vinden.