Teilen und Einbetten Ihres Flipbooks

Erfahren Sie, wie Sie Ihr Flipbook per Direktlink teilen und auf Ihrer Website per iframe oder JavaScript-Widget einbetten.

Teilen und Einbetten Ihres Flipbooks

Sobald Ihr Flipbook veröffentlicht ist, möchten Sie es vor Ihr Publikum bringen. ZenFlip bietet Ihnen mehrere Möglichkeiten, Ihre Publikationen zu teilen und einzubetten.

Jedes veröffentlichte Flipbook erhält seine eigene eindeutige URL. So finden Sie diese:

  1. Öffnen Sie die Publikation von Ihrem Dashboard

  2. Klicken Sie auf die Schaltfläche Teilen

  3. Kopieren Sie den Direktlink

Das URL-Format ist: https://zenflip.io/view/ihr-publikations-slug

Wenn Sie eine benutzerdefinierte Domain eingerichtet haben, verwendet der Link stattdessen Ihre Domain. Sie können diesen Link überall teilen - per E-Mail, in Messaging-Apps, sozialen Medien oder Dokumenten.

Social Sharing

Wenn Sie Ihren Flipbook-Link in sozialen Medien oder Messaging-Plattformen teilen, generiert ZenFlip automatisch eine Rich-Preview-Karte mit:

  • Dem Titel Ihres Flipbooks

  • Der Beschreibung, die Sie in den Publikationseinstellungen festgelegt haben

  • Einem Thumbnail der Titelseite

Für die besten Social-Media-Vorschauen stellen Sie sicher, dass Sie einen beschreibenden Titel und eine Beschreibung in Ihren Publikationseinstellungen hinzugefügt haben.

Einbetten auf Ihrer Website

Durch Einbetten platzieren Sie Ihr Flipbook direkt auf einer Webseite, sodass Besucher es lesen können, ohne Ihre Website zu verlassen. ZenFlip bietet zwei Einbettungsmethoden.

Option 1: iFrame-Einbettung

Die iframe-Methode ist der einfachste Weg zum Einbetten. Sie funktioniert auf praktisch jeder Website, jedem CMS oder Landing-Page-Builder.

  1. Öffnen Sie die Publikation von Ihrem Dashboard

  2. Klicken Sie auf Teilen und wählen Sie dann den Tab Einbetten

  3. Wählen Sie iFrame als Einbettungstyp

  4. Legen Sie Ihre bevorzugte Breite und Höhe fest (oder belassen Sie die Standardwerte)

  5. Klicken Sie auf Code kopieren

  6. Fügen Sie den Code in das HTML Ihrer Website ein

Der generierte Code sieht ungefähr so aus:

`html <iframe src="https://zenflip.io/embed/ihr-publikations-slug" width="100%" height="600" frameborder="0" allowfullscreen> </iframe> `

Tipps für iframe-Einbettungen:

  • Verwenden Sie width="100%", um das Flipbook responsiv zu machen

  • Setzen Sie eine Höhe, die zum Seitenverhältnis Ihrer Publikation passt (600px funktioniert für die meisten Dokumente gut)

  • Fügen Sie allowfullscreen hinzu, damit Leser in den Vollbildmodus wechseln können

Option 2: JavaScript-Widget-Einbettung

Die JS-Widget-Einbettung gibt Ihnen mehr Kontrolle über das Erscheinungsbild und Verhalten des Viewers. Sie lädt asynchron und bietet eine reichhaltigere Integration.

  1. Öffnen Sie die Publikation von Ihrem Dashboard

  2. Klicken Sie auf Teilen und wählen Sie dann den Tab Einbetten

  3. Wählen Sie JavaScript Widget als Einbettungstyp

  4. Passen Sie die Widget-Optionen an (Größe, Autoplay, Startseite)

  5. Klicken Sie auf Code kopieren

  6. Fügen Sie den Code in Ihre Website ein

Die JS-Widget-Einbettung enthält ein <script>-Tag und einen Container-<div>. Sie lädt den Viewer dynamisch und bietet bessere Leistung als ein Standard-iframe, besonders für Seiten mit mehreren Einbettungen.

Welche Einbettungsmethode sollten Sie wählen?

Funktion

iFrame

JS Widget

Einfachheit der Einrichtung

Sehr einfach

Etwas aufwändiger

CMS-Kompatibilität

Funktioniert überall

Die meisten modernen CMS

Leistung

Gut

Besser

Anpassbarkeit

Basis (nur Größe)

Erweitert (Optionen)

Mehrere Einbettungen pro Seite

Kann langsam sein

Optimiert

Unsere Empfehlung: Verwenden Sie den iframe, wenn Sie eine schnelle, universelle Lösung benötigen. Verwenden Sie das JS Widget, wenn Sie mehr Kontrolle wünschen oder planen, mehrere Flipbooks auf einer einzelnen Seite einzubetten.

Einbetten in gängigen Plattformen

WordPress

Fügen Sie den iframe- oder JS-Widget-Code in einen Eigenes HTML-Block im WordPress-Block-Editor (Gutenberg) ein.

Squarespace

Verwenden Sie einen Code-Block im Squarespace-Editor und fügen Sie Ihren Einbettungscode ein.

Webflow

Fügen Sie ein Embed-Element zu Ihrer Seite hinzu und fügen Sie den Code ein.

Notion

Notion unterstützt iframe-Einbettungen nativ. Fügen Sie den Direktlink Ihres Flipbooks ein, und Notion bietet an, automatisch eine Einbettung zu erstellen.

Passwortgeschützte Flipbooks

Wenn Ihr Flipbook einen Passwortschutz verwendet, fordert der eingebettete Viewer den Leser auf, das Passwort einzugeben, bevor Inhalte angezeigt werden. Das gleiche Passwort, das Sie in den Publikationseinstellungen festgelegt haben, gilt sowohl für Direktlinks als auch für Einbettungen.

Fehlerbehebung bei Einbettungen

Wenn Ihre Einbettung nicht korrekt angezeigt wird:

  • Stellen Sie sicher, dass die Publikation auf Öffentlich oder Passwortgeschützt eingestellt ist (private Publikationen können nicht eingebettet werden)

  • Prüfen Sie, ob Ihre Website iframes von externen Domains erlaubt

  • Überprüfen Sie, dass der Einbettungscode in einen HTML-Block eingefügt wurde, nicht in einen Rich-Text-Editor

  • Weitere Hilfe finden Sie in unserem Leitfaden zur Flipbook-Viewer-Fehlerbehebung