Flipbook insluiten op je Wix-website

Wix maakt het makkelijk om een professionele website te bouwen zonder code te schrijven, maar interactieve content zoals een flipbook toevoegen kan in het begin lastig lijken. Het goede nieuws: een FlipLink flipbook insluiten op je Wix-site kost maar een paar minuten — geen programmeerervaring nodig.

In deze handleiding leer je hoe je de embedcode ophaalt uit FlipLink, deze in de Wix-editor plaatst en je flipbook er op elk schermformaat goed uit laat zien.

Waarom een flipbook insluiten op je Wix-site?

Statische PDF's achter downloadlinks trekken geen bezoekers aan. Een ingebedde flipbook laat mensen direct op de pagina door je content bladeren met realistische 3D-omslaganimaties. Dat betekent:

• Hogere betrokkenheid — bezoekers interacteren met je content in plaats van weg te navigeren naar een PDF-viewer
• Langere tijd op de pagina — interactieve elementen houden mensen langer bezig
• Professionele presentatie — catalogi, portfolio's, tijdschriften en brochures zien er veel verzorgder uit als flipbook
• Geen downloads nodig — alles laadt direct in de browser

Of je nu een productcatalogus, een bedrijfsrapport of een digitaal tijdschrift presenteert, insluiten is altijd beter dan alleen een link delen.

Wat heb je nodig?

Zorg voordat je begint dat je het volgende hebt:

1. Een FlipLink-account met minstens één gepubliceerde flipbook (meld je hier aan als je dat nog niet hebt gedaan)
2. Toegang tot de Wix-editor van je website
3. De embedcode of deel-URL van je flipbook uit FlipLink

Dat is alles. Geen premium Wix-plugins of apps van derden nodig.

Stap 1: Haal je embedcode op uit FlipLink

Pak eerst de embedcode voor de flipbook die je wilt weergeven.

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

De embedcode ziet er ongeveer zo uit:

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

FlipLink geeft je een kant-en-klaar iframe-fragment, dus je hoeft niets handmatig op te bouwen. Bekijk de Delen & Distributie functiepagina voor meer embedopties.

Stap 2: Voeg een HTML-embedelement toe in Wix

Schakel nu over naar je Wix-site-editor.

1. Open de Wix-editor van je site
2. Navigeer naar de pagina waar je de flipbook wilt plaatsen
3. Klik op de knop Toevoegen (+) in de linkerwerkbalk
4. Selecteer Code insluiten uit het menu
5. Kies HTML insluiten
6. Er verschijnt een grijs HTML-widget op je canvas — sleep het naar de gewenste positie op de pagina

In dit widget komt je flipbook te staan.

Stap 3: Plak de embedcode

1. Klik op het HTML-embedwidget dat je zojuist hebt geplaatst
2. Selecteer Code invoeren
3. Controleer of de modus op HTML staat (niet op een URL)
4. Plak de iframe-embedcode die je uit FlipLink hebt gekopieerd
5. Klik op Bijwerken of Toepassen

Je flipbook zou nu in het widget moeten verschijnen. Je ziet de interactieve viewer direct in het Wix-editorvoorbeeld.

Stap 4: Pas de grootte en positie van de flipbook aan

De standaard iframe-afmetingen passen misschien niet perfect bij je paginalayout. Hier zijn wat tips om de maat goed te krijgen:

Stel een goede hoogte in

Een hoogte van 500–700 pixels werkt goed voor de meeste flipbooks. Als je content landschapsgericht is (zoals een catalogusspread), ga dan hoger — rond 650–700px. Voor portretdocumenten is 500–600px meestal voldoende.

Maak het volledig breed

Om de flipbook over het hele contentgebied te laten uitstrekken, stel je de widgetbreedte in op de breedte van de contentkolom van je pagina. Sleep in de Wix-editor de randen van het HTML-widget om de beschikbare ruimte te vullen, of gebruik de Uitrekken layoutoptie als je Wix-template dit ondersteunt.

Responsieve overwegingen

Wix gaat anders om met responsief gedrag dan traditionele HTML. Houd rekening met het volgende:

• Het HTML-embedwidget past zich niet automatisch aan op mobiel in de klassieke Wix-editor — je moet de mobiele versie mogelijk apart aanpassen
• Klik in de mobiele Wix-editor op het HTML-widget en pas de grootte aan voor kleinere schermen
• Stel de iframe-breedte in op 100% in je embedcode zodat het elke container vult die Wix biedt
• Overweeg om de hoogte te verlagen naar 400–500px op mobiel zodat de flipbook niet het hele scherm inneemt

Als je Wix Studio (voorheen Editor X) gebruikt, heb je meer controle over responsieve breekpunten en kun je het widget vloeiend laten schalen.

Stap 5: Stel domeinwhitelisting in

Als je domeinbeperkingen hebt ingeschakeld op je flipbook voor de beveiliging, moet je je Wix-domein whitelisten zodat de embed correct laadt.

1. Ga naar je FlipLink dashboard
2. Open de instellingen van de flipbook
3. Navigeer naar de sectie Domeinwhitelisting
4. Voeg het domein van je Wix-site toe (bijv. www.jouwbedrijf.com of jouwgebruikersnaam.wixsite.com)
5. Sla je wijzigingen op

Zonder whitelisting zien bezoekers mogelijk een geblokkeerd bericht in plaats van je flipbook. Als je een aangepast domein gebruikt dat aan Wix is gekoppeld, whitelist dan dat domein in plaats van het standaard .wixsite.com-adres.

Veelvoorkomende problemen oplossen

De flipbook verschijnt niet in de editor

• Controleer of je HTML-modus hebt geselecteerd, niet de modus Websiteadres in het embedwidget
• Controleer of je flipbook gepubliceerd is (niet in conceptstatus) in FlipLink
• Controleer of de iframe src-URL correct is en toegankelijk is in een normaal browsertabblad

De flipbook laadt maar wordt afgesneden

• Vergroot de hoogte van het HTML-embedwidget in de Wix-editor
• Controleer of het iframe width-attribuut op 100% staat
• Controleer of er geen bovenliggende containers in je Wix-layout het widget afsnijden

De flipbook toont een leeg wit vlak

• Je flipbook heeft mogelijk domeinwhitelisting ingeschakeld — voeg je Wix-domein toe aan de toegestane lijst
• Wis je browsercache en herlaad de pagina
• Probeer de flipbook-URL direct te openen in een nieuw tabblad om te bevestigen dat het laadt

De embed ziet er anders uit op mobiel

• Schakel over naar de mobiele editor in Wix en pas de widgetgrootte apart aan
• Verlaag de iframe-hoogte voor mobiel om overmatig scrollen te voorkomen
• Test op een echt mobiel apparaat, want het mobiele Wix-voorbeeld kan soms afwijken van het werkelijke gedrag

Alternatief: Linken in plaats van insluiten

Als insluiten niet ideaal is voor je layout — misschien wil je een schonere pagina of is je flipbook erg lang — kun je er in plaats daarvan naar linken.

1. Kopieer de deellink uit FlipLink (niet de embedcode)
2. Voeg een knop of tekstlink toe op je Wix-pagina
3. Stel de link in om je flipbook-URL in een nieuw tabblad te openen

Deze aanpak werkt goed voor:

• E-mailcampagnes waarbij je verkeer naar een speciale flipbookpagina stuurt
• Navigatiemenu's waar je een directe link naar een catalogus of tijdschrift wilt
• Landingspagina's waar je de voorkeur geeft aan een strakke herosectie met een CTA-knop

Je kunt ook een speciale pagina op je Wix-site maken die alleen de ingebedde flipbook bevat, en dan vanuit je navigatie of andere content naar die pagina linken.

Tips voor een betere flipbookervaring op Wix

• Plaats de flipbook onder de vouw als de pagina andere belangrijke content erboven heeft — grote embeds kunnen belangrijke informatie naar beneden duwen
• Voeg context toe boven de embed met een korte kop en beschrijving zodat bezoekers weten waar ze naar kijken
• Gebruik een laadplaatshouder — voeg een korte tekst toe zoals "Flipbook laden..." boven het widget voor langzamere verbindingen
• Houd je flipbook geoptimaliseerd — comprimeer je PDF voordat je deze uploadt naar FlipLink voor snellere laadtijden
• Test op meerdere apparaten voordat je publiceert — controleer desktop, tablet en telefoon om er zeker van te zijn dat alles er goed uitziet

Gerelateerde handleidingen

Als je flipbooks op andere platforms insluiten, helpen deze handleidingen je per platform:

• Een PDF insluiten op elke website
• Een flipbook insluiten in WordPress
• Een flipbook insluiten met een iframe

Begin vandaag nog met het insluiten van je flipbook

Een FlipLink flipbook op je Wix-site plaatsen is eenvoudig: kopieer de embedcode, plak het in een HTML-widget, pas de grootte aan en publiceer. Het hele proces duurt minder dan vijf minuten.

Heb je je flipbook nog niet gemaakt? Meld je aan bij FlipLink en upload je eerste PDF. Bekijk onze prijzenpagina voor de lifetime deal — eenmalige betaling, geen abonnementen en volledige toegang tot alle functies inclusief embedcodes, aangepaste domeinen en analytics.