Flipbook in deine Wix-Website einbetten

Wix macht es einfach, eine professionelle Website ohne Programmierung zu erstellen, aber das Hinzufügen interaktiver Inhalte wie eines Flipbooks kann zunächst knifflig wirken. Die gute Nachricht: Das Einbetten eines FlipLink-Flipbooks auf deiner Wix-Website dauert nur wenige Minuten — keine Programmiererfahrung erforderlich.

In dieser Anleitung erfährst du, wie du deinen Einbettungscode von FlipLink abrufst, ihn im Wix-Editor einfügst und so anpasst, dass dein Flipbook auf jeder Bildschirmgröße gut aussieht.

Warum ein Flipbook auf deiner Wix-Website einbetten?

Statische PDFs hinter Download-Links begeistern keine Besucher. Ein eingebettetes Flipbook ermöglicht es, deinen Inhalt direkt auf der Seite durchzublättern — mit realistischen 3D-Umblätter-Animationen. Das bedeutet:

• Höheres Engagement — Besucher interagieren mit deinem Inhalt, statt zu einem PDF-Viewer zu navigieren
• Längere Verweildauer — interaktive Elemente halten die Besucher am Durchstöbern
• Professionelle Darstellung — Kataloge, Portfolios, Magazine und Broschüren wirken als Flipbooks viel hochwertiger
• Kein Download erforderlich — alles lädt direkt im Browser

Ob du einen Produktkatalog, einen Unternehmensbericht oder ein digitales Magazin präsentierst — Einbetten schlägt Verlinken jedes Mal.

Was du brauchst

Bevor du beginnst, stelle sicher, dass du Folgendes hast:

1. Ein FlipLink-Konto mit mindestens einem veröffentlichten Flipbook (hier registrieren, falls noch nicht geschehen)
2. Zugriff auf den Wix-Editor für deine Website
3. Den Einbettungscode oder die Freigabe-URL deines Flipbooks von FlipLink

Das war's. Keine Premium-Wix-Plugins oder Drittanbieter-Apps nötig.

Schritt 1: Einbettungscode von FlipLink abrufen

Zuerst rufst du den Einbettungscode für das Flipbook ab, das du anzeigen möchtest.

1. Melde dich in deinem FlipLink-Dashboard unter go.fliplink.me an
2. Öffne das Flipbook, das du einbetten möchtest
3. Klicke auf den Teilen-Button in der Toolbar
4. Wähle den Einbetten-Tab
5. Kopiere den bereitgestellten Iframe-Einbettungscode

Der Einbettungscode sieht etwa so aus:

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

FlipLink liefert dir ein gebrauchsfertiges Iframe-Snippet, sodass du nichts manuell erstellen musst. Einen tieferen Einblick in die Einbettungsoptionen findest du auf der Seite Freigabe und Verteilung.

Schritt 2: HTML-Einbettungselement in Wix hinzufügen

Wechsle nun zu deinem Wix-Seiteneditor.

1. Öffne den Wix-Editor für deine Website
2. Navigiere zu der Seite, auf der das Flipbook erscheinen soll
3. Klicke auf den Hinzufügen (+)-Button in der linken Toolbar
4. Wähle Einbettungscode aus dem Menü
5. Wähle HTML einbetten
6. Ein graues HTML-Widget erscheint auf deiner Arbeitsfläche — ziehe es an die gewünschte Position auf der Seite

In diesem Widget wird dein Flipbook leben.

Schritt 3: Einbettungscode einfügen

1. Klicke auf das HTML-Einbettungs-Widget, das du gerade platziert hast
2. Wähle Code eingeben
3. Stelle sicher, dass der Modus auf HTML gesetzt ist (nicht auf eine Website-Adresse)
4. Füge den Iframe-Einbettungscode ein, den du von FlipLink kopiert hast
5. Klicke auf Aktualisieren oder Übernehmen

Dein Flipbook sollte nun innerhalb des Widgets gerendert werden. Du siehst den interaktiven Viewer direkt in der Wix-Editor-Vorschau.

Schritt 4: Flipbook in Größe und Position anpassen

Die Standard-Iframe-Abmessungen passen möglicherweise nicht perfekt zu deinem Seitenlayout. Hier sind einige Tipps, um die richtige Größe zu finden:

Eine gute Höhe einstellen

Eine Höhe von 500–700 Pixeln funktioniert für die meisten Flipbooks gut. Wenn dein Inhalt querformatig ist (wie ein Katalogaufschlag), wähle eine größere Höhe — etwa 650–700 Pixel. Für Hochformatdokumente reichen normalerweise 500–600 Pixel aus.

Volle Breite nutzen

Damit das Flipbook über den gesamten Inhaltsbereich reicht, stelle die Widget-Breite auf die Breite deiner Inhaltsspalte ein. Ziehe im Wix-Editor die Kanten des HTML-Widgets, um den verfügbaren Platz auszufüllen, oder nutze die Strecken-Layout-Option, wenn dein Wix-Template sie unterstützt.

Responsive-Hinweise

Wix handhabt responsives Verhalten anders als traditionelles HTML. Ein paar Dinge, die du beachten solltest:

• Das HTML-Einbettungs-Widget ändert seine Größe im klassischen Wix-Editor nicht automatisch auf Mobilgeräten — möglicherweise musst du die mobile Version separat anpassen
• Im Wix-Mobileditor klickst du auf das HTML-Widget und änderst seine Größe für kleinere Bildschirme
• Setze die Iframe-Breite in deinem Einbettungscode auf 100%, damit er jeden Container ausfüllt, den Wix bereitstellt
• Erwäge, die Höhe auf 400–500 Pixel auf Mobilgeräten zu reduzieren, damit das Flipbook nicht den gesamten Bildschirm einnimmt

Wenn du Wix Studio (ehemals Editor X) verwendest, hast du mehr Kontrolle über responsive Breakpoints und kannst das Widget fließend skalieren lassen.

Schritt 5: Domain-Whitelisting einrichten

Wenn du Domainbeschränkungen für dein Flipbook aus Sicherheitsgründen aktiviert hast, musst du deine Wix-Domain auf die Whitelist setzen, damit die Einbettung korrekt geladen wird.

1. Gehe zu deinem FlipLink-Dashboard
2. Öffne die Einstellungen des Flipbooks
3. Navigiere zum Bereich Domain-Whitelisting
4. Füge die Domain deiner Wix-Website hinzu (z. B. www.deinunternehmen.com oder deinbenutzername.wixsite.com)
5. Speichere deine Änderungen

Ohne Whitelisting sehen Besucher möglicherweise eine Blockierungsmeldung statt deines Flipbooks. Wenn du eine benutzerdefinierte Domain verwendest, die mit Wix verbunden ist, setze diese Domain auf die Whitelist statt der Standard-.wixsite.com-Adresse.

Häufige Probleme beheben

Das Flipbook erscheint nicht im Editor

• Stelle sicher, dass du den HTML-Modus gewählt hast, nicht den Website-Adresse-Modus im Einbettungs-Widget
• Überprüfe, ob dein Flipbook in FlipLink veröffentlicht ist (nicht im Entwurfsmodus)
• Prüfe, ob die Iframe-src-URL korrekt ist und in einem normalen Browser-Tab zugänglich ist

Das Flipbook wird geladen, sieht aber abgeschnitten aus

• Erhöhe die Höhe des HTML-Einbettungs-Widgets im Wix-Editor
• Stelle sicher, dass das Iframe-width-Attribut auf 100% gesetzt ist
• Überprüfe, ob keine übergeordneten Container in deinem Wix-Layout das Widget beschneiden

Das Flipbook zeigt ein weißes Kästchen

• Für dein Flipbook ist möglicherweise Domain-Whitelisting aktiviert — füge deine Wix-Domain zur Erlaubnisliste hinzu
• Leere deinen Browser-Cache und lade die Seite neu
• Versuche, die Flipbook-URL direkt in einem neuen Tab zu öffnen, um zu bestätigen, dass sie lädt

Die Einbettung sieht auf dem Smartphone anders aus

• Wechsle zum Mobileditor in Wix und passe die Widget-Größe separat an
• Reduziere die Iframe-Höhe für Mobilgeräte, um übermäßiges Scrollen zu verhindern
• Teste auf einem echten Mobilgerät, da die Wix-Mobilvorschau manchmal vom tatsächlichen Verhalten abweichen kann

Alternative: Verlinken statt Einbetten

Wenn Einbetten nicht ideal für dein Layout ist — vielleicht möchtest du eine aufgeräumtere Seite oder dein Flipbook ist sehr lang — kannst du es stattdessen verlinken.

1. Kopiere den Freigabelink von FlipLink (nicht den Einbettungscode)
2. Füge einen Button oder Textlink auf deiner Wix-Seite hinzu
3. Stelle den Link so ein, dass deine Flipbook-URL in einem neuen Tab geöffnet wird

Dieser Ansatz eignet sich gut für:

• E-Mail-Kampagnen, bei denen du Traffic zu einer dedizierten Flipbook-Seite leitest
• Navigationsmenüs, in denen du einen direkten Link zu einem Katalog oder Magazin haben möchtest
• Landingpages, auf denen du einen sauberen Hero-Bereich mit einem CTA-Button bevorzugst

Du kannst auch eine dedizierte Seite auf deiner Wix-Website erstellen, die nur das eingebettete Flipbook enthält, und dann von deiner Navigation oder anderen Inhalten aus auf diese Seite verlinken.

Tipps für ein besseres Flipbook-Erlebnis auf Wix

• Platziere das Flipbook unterhalb des sichtbaren Bereichs, wenn die Seite darüber andere wichtige Inhalte hat — große Einbettungen können wichtige Informationen nach unten verdrängen
• Füge Kontext über der Einbettung hinzu mit einer kurzen Überschrift und Beschreibung, damit Besucher wissen, was sie vor sich haben
• Nutze einen Lade-Platzhalter — füge einen kurzen Texthinweis wie „Flipbook wird geladen…" über dem Widget für langsamere Verbindungen hinzu
• Halte dein Flipbook optimiert — komprimiere dein PDF vor dem Hochladen zu FlipLink für schnellere Ladezeiten
• Teste auf mehreren Geräten, bevor du veröffentlichst — prüfe Desktop, Tablet und Smartphone, um sicherzustellen, dass alles richtig aussieht

Verwandte Anleitungen

Wenn du Flipbooks auf anderen Plattformen einbettest, führen dich diese Anleitungen durch den Prozess für jede Plattform:

• Wie man ein PDF auf jeder Website einbettet
• Wie man ein Flipbook in WordPress einbettet
• Wie man ein Flipbook mit Iframe einbettet

Bette dein Flipbook noch heute ein

Ein FlipLink-Flipbook auf deiner Wix-Website einzubetten, ist unkompliziert: Kopiere den Einbettungscode, füge ihn in ein HTML-Widget ein, passe die Größe an und veröffentliche. Der gesamte Vorgang dauert weniger als fünf Minuten.

Falls du dein Flipbook noch nicht erstellt hast, registriere dich bei FlipLink und lade dein erstes PDF hoch. Schau dir unsere Preisseite an, um das Lifetime-Angebot zu sehen — eine Zahlung, keine Abonnements und voller Zugriff auf alle Funktionen einschließlich Einbettungscodes, benutzerdefinierter Domains und Analysen.