Website-Einbettung

Betten Sie Ihr PDF-Flipbook auf jeder Website ein

Platzieren Sie ein gehostetes Flipbook auf Ihrer Website, sodass Besucher das Dokument lesen können, ohne eine PDF herunterzuladen.

PDF hochladenDemo ansehen
embed
<iframe
  src="https://flipbook.so/embed/abc123"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen>
</iframe>

Was eine gute Flipbook-Einbettung leisten sollte

Ein eingebettetes Dokument muss in einem echten Web-Layout funktionieren, nicht nur als Vollbild-Viewer.

  1. 01

    Responsives Lesen

    Der Flipbook-Viewer funktioniert auf Desktop-, Tablet- und Mobilbildschirmen, damit Besucher ohne PDF-App lesen können.

  2. 02

    Einfacher iframe-Code

    Kopieren Sie den Embed-Code aus dem Teilen-Panel und fügen Sie ihn in einen HTML-Block oder eine Seitenvorlage ein.

  3. 03

    Keine Plugin-Abhängigkeit

    Verwenden Sie einen browserbasierten Viewer, anstatt Besucher zur Installation von Software oder zum Download der Originaldatei aufzufordern.

  4. 04

    Leser-Analysen

    Messen Sie das Engagement auch bei eingebettetem Flipbook, einschließlich Aufrufe, Seitenlesezahlen und Klicks auf interaktive Links.

Live-Demo

Probieren Sie hier ein echtes Flipbook aus

Blättern Sie durch die Seiten, öffnen Sie es im Vollbild und klicken Sie auf Links. Sehen Sie genau, was Ihre Leser bekommen.

Im Viewer öffnen

So betten Sie ein Flipbook ein

Der Workflow ist gleich, egal ob die Seite in einem CMS, Baukasten oder eigenen Code aufgebaut ist.

  1. 1

    Flipbook erstellen

    Laden Sie die PDF zu Flipso hoch und warten Sie, bis sich der gehostete Viewer öffnet.

  2. 2

    Teilen-Panel öffnen

    Kopieren Sie den iframe-Code aus dem Embed-Bereich. Der Code zeigt auf den schlanken Embed-Viewer.

  3. 3

    Auf Ihrer Seite einfügen

    Fügen Sie den Code in einen individuellen HTML-Block, eine Seitenvorlage oder ein CMS-Embed-Feld ein und passen Sie die Höhe an Ihr Layout an.

  4. 4

    Auf Mobilgeräten testen

    Öffnen Sie die Seite auf einem Smartphone und prüfen Sie, ob das Flipbook lesbar ist, korrekt scrollt und benachbarte Inhalte nicht überdeckt.

FAQ

Fragen zur Flipbook-Einbettung

  • Kann ich ein Flipbook in WordPress einbetten?

    Ja. Verwenden Sie einen Custom-HTML-Block oder einen Page-Builder-Block, der iframe-Code akzeptiert.

  • Kann ich ein Flipbook in Shopify, Wix oder Squarespace einbetten?

    In der Regel ja, sofern der Seiteneditor benutzerdefinierte HTML- oder iframe-Embeds erlaubt. Testen Sie die Seite mobil, bevor Sie veröffentlichen.

  • Aktualisiert sich das Embed, wenn ich das Flipbook aktualisiere?

    Das Embed verweist auf die gehostete Flipbook-URL, sodass die Seite nach Updates dieselbe Embed-Stelle weiter nutzen kann.

  • Sollte ich einbetten oder einen Link teilen?

    Einbetten, wenn das Dokument ein Seitenziel unterstützt. Einen Link teilen, wenn das Dokument per E-Mail, Chat, Social oder QR-Code reisen soll.

Weiter erkunden

Verwandte Flipbook-Anleitungen