🔌 WordPress Plugin

Wunderschöne Flipbooks
auf deiner WordPress-Website

Mit dem kostenlosen Toombler-Plugin kannst du interaktive, blätterbare PDF-Flipbooks zu jedem Beitrag und jeder Seite hinzufügen — mit einem Gutenberg-Block oder einem einfachen Shortcode.

⬇ Plugin herunterladen (.zip) WordPress.org

Version 1.4.0 · Kostenlos · GPL-lizenziert · Funktioniert mit WordPress 5.8 – 7.1

So funktioniert es

1
📄

Lege dein PDF in Google Drive, Dropbox oder OneDrive ab — oder nimm ein Google Doc oder eine Slides-Präsentation

Stelle die Freigabe auf „Jeder mit dem Link“, damit Toombler es lesen kann.

2
✨

Erstelle ein Flipbook auf Toombler

Füge den Freigabelink in dein Toombler-Dashboard ein. Dein Flipbook ist sofort einsatzbereit.

3
🔌

Installiere das WordPress-Plugin

Suche im WordPress-Plugin-Verzeichnis nach „Toombler Flipbook“ und klicke auf Installieren.

4
🎉

Mit einem einzigen Shortcode einbetten

Füge [toombler id="…"] an beliebiger Stelle ein und du bist fertig.

Alles inklusive, nichts zu konfigurieren

🧱

Gutenberg-Block

Ziehe den Toombler-Flipbook-Block auf eine beliebige Seite und erhalte eine Live-Vorschau direkt im Block-Editor.

⌨️

Shortcode

Funktioniert mit Classic Editor, Elementor, Divi, WPBakery und jedem Page-Builder, der Shortcodes unterstützt.

📱

Vollständig responsiv

Das Flipbook skaliert automatisch für jeden Container — gestochen scharf auf Desktop, Tablet und Mobilgeräten.

🚀

Keine zusätzliche Seitenlast

Keine Skripte im Frontend geladen. Nur ein einzelnes responsives iframe — keine Auswirkung auf deine Ladezeitbewertung.

🔒

Unterstützung für PIN & Ablaufdatum

Schütze Flipbooks mit einer PIN oder lege ein Ablaufdatum fest — alles in deinem Toombler-Dashboard verwaltet.

🆓

Vollständig kostenlos

Das Plugin ist kostenlos und quelloffen (GPL). Ein kostenloses Toombler-Konto ist alles, was du brauchst.

Installation

Plugin herunterladen und installieren

Option A: Gehe im WordPress-Adminbereich zu Plugins → Installieren, suche nach „Toombler Flipbook“ und klicke auf Installieren & Aktivieren.

Option B: Lade die ZIP-Datei unten herunter und gehe zu Plugins → Installieren → Plugin hochladen.

⬇ toombler-wp-plugin.zip herunterladen

Hole deine Datei-ID von Toombler

Öffne dein Toombler-Dashboard, klicke bei einem Flipbook auf ⚙ und öffne Konfigurieren & Einbetten. Kopiere den Wert hinter id= in der Einbettungs-URL — das ist deine Datei-ID.

Mit dem Gutenberg-Block einbetten

Klicke im Block-Editor auf +, suche nach „Toombler“ und füge den Block hinzu. Füge deine Datei-ID in der Seitenleiste ein. Du siehst sofort eine Live-Vorschau.

Oder nutze den Shortcode

Füge in einem beliebigen Beitrag, einer Seite oder einem Widget Folgendes ein:

[toombler id="YOUR_FILE_ID"]

Mit optionalen Parametern:

[toombler id="YOUR_FILE_ID" width="760" height="540" nav="1" counter="1" sound="1" fs="0" dl="1" bg="dark"]

Shortcode-Referenz

ParameterStandardBeschreibung
idrequiredDie Flipbook-ID aus deinem Toombler-Dashboard
width760Einbettungsbreite in Pixeln
height540Einbettungshöhe in Pixeln
nav1Navigationspfeile — 1 ja, 0 nein
counter1Seitenzähler — 1 ja, 0 nein
sound0Blättergeräusch — 1 ja, 0 nein
flipsound1Welcher Blätterton: 1 oder 2
autoplay0Automatische Wiedergabe — 1 ja, 0 nein
autospeed3Sekunden pro Seite bei automatischer Wiedergabe (1–60)
dl1Download-Schaltfläche — 1 ja, 0 nein
fs0Vollbild-Schaltfläche — 1 ja, 0 nein
bgdarkHintergrund: dark, light oder transparent
start1Startseite beim Öffnen
bookmark1Seite pro Besucher merken — 1 ja, 0 nein
zoom1Zoomen erlauben — 1 ja, 0 nein
drag1Ecken-Ziehen erlauben — 1 ja, 0 nein
thumbs0Vorschaubildleiste — 1 ja, 0 nein
duration650Blätteranimation in ms (100–3000)
spine0Buchfalz-Schatten (mittlerer Glanz) — 1 ja, 0 nein
borderless0Keine abgerundeten Ecken — 1 ja, 0 nein
closed1Mit geschlossenem Buch starten (nur Cover) — 1 ja, 0 nein
hardcover1Fester Vorder- & Rückdeckel — 1 ja, 0 nein
corners1Eckenwölbung beim Darüberfahren — 1 ja, 0 nein
mscroll0Mobiles Scrollen (Wischen scrollt statt umzublättern) — 1 ja, 0 nein
adreplace0Seite 2 durch die Toombler-Seite ersetzen, statt sie einzufügen — 1 ja, 0 nein
text0Barrierefreie, einklappbare Textversion unter dem Flipbook (gut für SEO) — 1 ja, 0 nein

Was das Plugin Ihrer Website hinzufügt — und was nicht

Ein Plugin lassen Sie in Ihre eigene Installation, also ist die Frage berechtigt, was es mitbringt. Dieses ist bewusst klein. Im Frontend gibt es ein einziges <div> aus, darin ein <iframe> mit loading="lazy" — ein Flipbook weiter unten auf einer langen Seite wird also erst geholt, wenn der Leser dort ankommt.

Es lädt im Frontend kein Stylesheet und kein JavaScript. Es legt keine Datenbanktabellen an und hängt keinen Menüpunkt in die Verwaltung. Es funkt nicht nach Hause, zählt nichts und verlangt keinen API-Schlüssel. Alles, was das Flipbook zum Laufen bringt, läuft im iframe auf unserer Seite — deshalb bewegt sich Ihr Geschwindigkeitswert auch nicht, wenn Sie eins einbauen.

Das Deaktivieren verläuft ebenso unspektakulär: Der Shortcode wird nicht mehr erkannt, [toombler id="…"] steht dann als gewöhnlicher Text im Beitrag, bis Sie ihn entfernen. In der Datenbank bleibt nichts zurück, weil dort nie etwas abgelegt wurde.

Die Textfassung, und warum sie sich lohnt

Ein Flipbook ist ein Bild Ihrer Seiten. Für Leser mit funktionierenden Augen und einer Maus ist das in Ordnung, für einen Screenreader nutzlos: Der findet einen Rahmen und sonst nichts. Mit text="1" im Shortcode erscheint unter dem Buch ein aufklappbares Feld Read the text version, gefüllt mit der echten Textebene aus Ihrem PDF.

Geholt wird sie auf Ihrem Server, nicht im Browser des Besuchers, und das Ergebnis landet in einem WordPress-Transient: zwölf Stunden, wenn Text gefunden wurde, eine Stunde, wenn nicht — damit ein Flipbook, dessen Text noch verarbeitet wird, ihn kurz darauf doch bekommt und nicht erst am nächsten Tag. Gespeichert werden höchstens 60.000 Zeichen; das ist mehr als eine übliche Broschüre und verhindert, dass ein Handbuch mit vierhundert Seiten Ihre Optionstabelle füllt.

Es gibt einen zweiten Grund, weniger edel, aber real: Dieser Text steht auf Ihrer Seite, in Ihrem HTML, unter Ihrer Domain. Eine Suchmaschine, die den Beitrag liest, sieht, was das Dokument tatsächlich sagt, statt eines Rahmens, in den sie nicht hineinkommt. Wenn Sie Kataloge oder Kundenzeitschriften veröffentlichen, die gefunden werden sollen, bewirkt dieses eine Attribut mehr als alles andere auf dieser Seite.

Es funktioniert nur bei PDFs mit echtem Text. Ein Scan ohne OCR hat keine Textebene, und dann bleibt das Feld weg, statt sich leer zu öffnen.

Voraussetzungen, Versionen und Lizenz

Das Plugin braucht WordPress 5.8 oder neuer und PHP 7.4 oder neuer und wird gegen die aktuelle WordPress-Version getestet. Diese Hürden liegen mit Absicht niedrig: Der Code benutzt nichts Exotisches und läuft deshalb auch auf Hosting, das ein paar Jahre hinterherhinkt.

Weil es ein gewöhnlicher Shortcode ist, funktioniert er im Block-Editor, im klassischen Editor, in einem Text-Widget und in Page-Buildern wie Elementor, Divi, Beaver Builder und Bricks — überall, wo Shortcodes ausgeführt werden. Der Gutenberg-Block ist eine Bequemlichkeit obendrauf, keine Bedingung.

Es ist freie Software unter der GPL, Version 2 oder später, derselben Lizenz wie WordPress selbst. Sie dürfen den Code lesen, ändern und Ihre eigene Abwandlung auf Ihren eigenen Seiten betreiben.

Wie es mit Ihren Eingaben umgeht

Alles, was im HTML einer Seite landet, verdient einen misstrauischen Blick — also hier, was mit Ihren Attributen passiert. Die Datei-ID muss [A-Za-z0-9_-] entsprechen und zwischen zehn und sechzig Zeichen lang sein; alles andere wird mit einer sichtbaren Meldung abgewiesen, statt in eine URL geklebt zu werden. Breite und Höhe laufen durch absint(), sodass ein verirrter Buchstabe den Standardwert ergibt und nicht Ihr Layout zerlegt. Die fertige URL wird escaped, bevor sie in das src kommt.

Eines sollten Sie wissen, weil es regelmäßig überrascht: WordPress verwirft Shortcode-Attribute, die es nicht kennt, stillschweigend. Schreiben Sie hight="600", geht nichts kaputt — Sie bekommen einfach die Standardhöhe und nirgends eine Warnung. Wenn eine Option nichts zu bewirken scheint, prüfen Sie zuerst die Schreibweise gegen die Tabelle oben.

Das Plugin stellt genau eine Anfrage von Ihrem Server an unseren, und nur wenn text="1" gesetzt ist: Es fragt nach dem Text dieses einen Flipbooks. Über Ihre Besucher wird nichts übermittelt, weil es nichts über Ihre Besucher weiß.

Block oder Shortcode?

Beide erzeugen dasselbe HTML, es ist also eine Frage der Arbeitsweise. Der Block zeigt eine Live-Vorschau im Editor und eine Seitenleiste mit den Optionen als echten Bedienelementen, was beim Ausprobieren von Größen angenehmer ist. Der Shortcode ist Text und lässt sich deshalb leicht zwischen Beiträgen kopieren, in einen Page-Builder einfügen und später wiederfinden, wenn Sie jedes Flipbook auf der Website aufspüren wollen.

Betreuen Sie die Website für jemand anderen, hat der Shortcode einen praktischen Vorteil: Er übersteht einen Themenwechsel, einen anderen Editor und den Umzug auf einen Page-Builder, ohne neu gebaut werden zu müssen. Einen Vergleich des Plugins mit den drei anderen Einbindungswegen — nacktes iframe, JavaScript-Schnipsel und oEmbed — finden Sie in der Anleitung zum Einbinden eines PDFs in WordPress.

Bereit, Flipbooks zu deiner WordPress-Website hinzuzufügen?

Erstelle ein kostenloses Toombler-Konto, verwandle ein PDF aus Drive, Dropbox oder OneDrive oder ein Google Doc bzw. eine Slides-Präsentation in ein Flipbook und bette es in wenigen Minuten ein.

⬇ Plugin herunterladen Ein Flipbook erstellen