Embedcode

Een inbeddingscode is een HTML-fragment — doorgaans een [iframe](/glossary/iframe)-tag — dat je in de broncode van een webpagina plakt om externe content inline op die pagina weer te geven. Voor digitale publicaties laden inbeddingscodes een [flipbook](/glossary/flipbook)- of documentviewer direct in de hostpagina, zodat lezers met de publicatie kunnen interacteren zonder weg te navigeren. De content wordt geleverd vanaf de servers van het publicatieplatform, wat betekent dat er geen bestandshosting nodig is op de bestemmingssite. Wanneer de bronpublicatie wordt bijgewerkt, weerspiegelt elke ingebedde instantie de wijziging automatisch.

Inbeddingscodes verbinden je publicaties met je webpresence. Zonder hen is de enige manier om een flipbook te delen via een directe link, waardoor lezers je site moeten verlaten. Inbedden houdt bezoekers op je domein, verbetert gedragsstatistieken zoals tijd op de pagina en creëert een naadloze leeservaring. Het centraliseert ook contentbeheer: werk de PDF eenmaal bij en elke embed op elke website toont de nieuwste versie. Dit is bijzonder waardevol voor catalogi, prijslijsten en menu's die regelmatig veranderen.

FlipLink genereert een kant-en-klare inbeddingscode voor elk gepubliceerd flipbook of document. Via het [delen en distribueren](/features/sharing-and-distribution)-paneel kopieer je het [iframe](/glossary/iframe)-fragment en plak je het in elke website, blog of CMS die HTML accepteert. De inbedding is standaard [responsief](/glossary/responsive-embed) en past zich aan de containerbreedte aan op desktop- en mobiele schermen. FlipLink biedt ook een [klikbare afbeeldingsinsluiting](/features/clickable-image-embed) die een statische thumbnail toont met een link naar het volledige flipbook — handig voor e-mailnieuwsbrieven of platforms die iframes beperken. Je kunt bepalen waar je content verschijnt met [domeinwhitelisting](/glossary/domain-whitelisting), dat insluiting beperkt tot goedgekeurde domeinen.

Een inbeddingscode bestaat uit enkele belangrijke onderdelen: - **De iframe-tag**: Het kernelement dat een venster naar de externe content creëert. Het bevat een `src`-attribuut dat naar de publicatie-URL wijst, plus `width`- en `height`-attributen voor de afmetingen. - **Responsieve wrapper**: Een omringende `div` met procentuele afmetingen zorgt ervoor dat de iframe meeschaalt met de pagina-indeling. FlipLink's inbeddingscode bevat deze wrapper standaard, zodat je geen eigen CSS hoeft te schrijven. - **Allow-attributen**: Moderne browsers vereisen expliciete `allow`-attributen voor functies zoals volledig scherm. FlipLink's code bevat deze zodat alle interactieve functies direct werken. - **Fallback-content**: Een tekstlink binnen de iframe-tag dient als fallback voor de zeldzame browsers of e-mailclients die geen iframes ondersteunen. De inbedding wordt asynchroon geladen, wat betekent dat het de rendering van de hostpagina niet blokkeert. De impact op pagina-prestaties is minimaal omdat de flipbookviewer pas wordt geïnitialiseerd wanneer de iframe zichtbaar wordt in het [viewport](/glossary/viewport).

**Wat is een inbeddingscode?** Een inbeddingscode is een HTML-fragment dat je op je website plakt om content weer te geven die op een ander platform wordt gehost. Voor flipbooks maakt het doorgaans een iframe aan die de interactieve publicatieviewer direct op je pagina laadt. **Kan ik een flipbook op elke website inbedden?** Ja, zolang de website aangepaste HTML toestaat. Dit omvat WordPress, Shopify, Squarespace, Wix (via HTML-embedblokken) en elke op maat gebouwde website. Sommige e-mailclients ondersteunen geen iframes — gebruik daarvoor FlipLink's klikbare afbeeldingsinsluiting. **Wordt de inbeddingscode automatisch bijgewerkt wanneer ik de publicatie wijzig?** Ja. Omdat de code verwijst naar de publicatie-URL op FlipLink's servers, worden alle wijzigingen — PDF vervangen, instellingen aanpassen of CTA-knoppen bijwerken — onmiddellijk weerspiegeld in elke ingebedde instantie zonder de code op je site aan te raken.

1. Publiceer je flipbook of document in FlipLink 2. Open het deelpaneel en kopieer de inbeddingscode 3. Voeg in het CMS of de pagina-editor van je website een aangepast HTML-blok toe 4. Plak de inbeddingscode in het HTML-blok 5. Bekijk een preview van de pagina om te bevestigen dat het flipbook correct wordt weergegeven op desktop en mobiel 6. Als je wilt beperken waar het flipbook kan worden ingebed, configureer dan [domeinwhitelisting](/glossary/domain-whitelisting) in de publicatie-instellingen 7. Test interactieve functies (pagina omslaan, CTA-knoppen, [leadcapture](/glossary/lead-capture)) in de ingebedde versie om te verifiëren dat ze werken zoals verwacht