So fügst du ein Flipbook in 10 Minuten in eine GoHighLevel-Funnel-Seite ein

Die meisten Funnel-Seiten bitten Besucher, ein PDF herunterzuladen, und die meisten Besucher öffnen es nie. Wenn du wissen willst, wie du ein Flipbook in eine GoHighLevel-Funnel-Seite einfügst, ist die Antwort erfrischend kurz: Wandle das PDF mit Flipbooks AI in ein Flipbook um, kopiere den Einbettungscode und füge ihn in ein Custom-HTML-Element im Funnel-Builder ein. Der Besucher bleibt auf deiner Seite, blättert durch deinen Katalog, dein Lookbook oder dein Lead-Magnet wie in einem echten Magazin und sieht die ganze Zeit deinen Call to Action.

Dieses Tutorial führt dich durch die gesamte Einrichtung, von der Vorbereitung des PDFs bis zum Veröffentlichen des Funnel-Schritts. Du erfährst auch, wo ein Flipbook in einen Funnel passt, wie du es für mobile Geräte dimensionierst und wie du die üblichen Probleme behebst, wenn eine Einbettung nicht erscheinen will.

Warum du ein Flipbook in deinen Funnel einbauen solltest

Ein statischer PDF-Link schickt Menschen von der Seite weg, an der du stundenlang gearbeitet hast. Ein Flipbook hält sie dort. Das Dokument lädt direkt auf der Seite, die Seiten blättern mit einem sanften Effekt um, und dein Formular, dein Button oder dein Buchungskalender sitzt direkt daneben.

Besucher auf der Seite halten

Jeder Klick weg von einem Funnel-Schritt ist eine Chance, den Lead zu verlieren. Ein heruntergeladenes PDF öffnet sich in einem anderen Tab oder einer anderen App, und der Besucher kommt selten zurück. Ein eingebettetes Flipbook verhält sich wie ein Teil der Seite selbst, sodass der Funnel-Weg intakt bleibt.

Inhalte vor der Anmeldung zeigen

Manche Angebote werden besser angenommen, wenn Menschen sie vorab ansehen können. Ein Flipbook lässt dich die ersten Seiten eines E-Books, einer Preisliste oder eines Portfolios zeigen und dann nach einer E-Mail-Adresse fragen, um den Rest über einen zweiten Funnel-Schritt freizuschalten.

Wo es am besten passt

💡 Profi-Tipp: Die besten Flipbook-Funnels zeigen zuerst den Nutzen und fragen erst danach nach Kontaktdaten. Platziere das Flipbook über dem Formular, nicht darunter.

Was du vorab brauchst

Die Einrichtung dauert etwa zehn Minuten, wenn du diese Dinge bereithast.

• Ein fertiges PDF (Katalog, E-Book, Broschüre, Bericht oder Lookbook)
• Ein kostenloses oder kostenpflichtiges Konto bei Flipbooks AI
• Ein GoHighLevel-Subaccount mit Zugriff auf Sites > Funnels
• Ein Funnel-Schritt, in dem das Flipbook erscheinen soll

Bereite dein PDF vor

Exportiere das PDF in einer vernünftigen Größe. Dateien unter 30 MB werden schnell umgewandelt und laden für Besucher schneller. Halte den Text bei mindestens 10 Punkt, damit er auf dem Telefon lesbar bleibt, und verwende einheitliche Seitenmaße, damit der Umblättereffekt sauber aussieht.

Wähle die richtige Seitenzahl

Kürzere Dokumente konvertieren in Funnels besser. Ein Flipbook mit 12 bis 24 Seiten fühlt sich wie eine schnelle Lektüre an. Ein Katalog mit 100 Seiten funktioniert ebenfalls, aber setze auf der ersten Seite einen klaren Aufhänger, damit der Besucher weiß, wohin er schauen soll.

So erstellst du das Flipbook

Du brauchst keine Design-Software. Der PDF-zu-Flipbook-Konverter übernimmt die Hauptarbeit.

1. Gehe zu Flipbooks AI und melde dich an oder erstelle dein Konto.
2. Klicke auf die Option, ein neues Flipbook zu erstellen, und lade dein PDF hoch.
3. Warte auf die Umwandlung. Die meisten Dateien sind in weniger als einer Minute fertig.
4. Öffne das Anpassungsfenster und lege deine Markenfarben, den Hintergrund und dein Logo fest.
5. Wähle den Umblättereffekt und schalte den Ton ein oder aus.
6. Füge Links, Videos oder Audio auf einzelnen Seiten hinzu, falls das Dokument sie braucht.
7. Speichere das Flipbook und veröffentliche es.

Anpassen, ohne es zu übertreiben

Passe den Hintergrund des Flipbooks an den Hintergrund deiner Funnel-Seite an, damit es sich einfügt. Nutze deine Markenfarbe für die Werkzeugleiste. Halte die Effekte einfach, denn Besucher sind wegen des Inhalts da, nicht wegen der Animation. Flipbooks AI fügt nie ein Wasserzeichen hinzu, sodass das fertige Ergebnis wie deins aussieht.

Datenschutz richtig einstellen

Wenn das Flipbook ein kostenpflichtiges Angebot oder ein Bonus hinter einer Kontaktabfrage ist, aktiviere den Passwortschutz. Für eine öffentliche Vorschau als Lead-Magnet lässt du es offen, damit die Einbettung für alle lädt. Was jeder Tarif enthält, kannst du auf der Preisseite vergleichen.

So kopierst du den Einbettungscode

Sobald das Flipbook veröffentlicht ist, öffne seine Freigabeoptionen und wähle Einbetten. Du siehst einen iframe-Schnipsel, der so aussieht:

<iframe src="YOUR-FLIPBOOK-LINK" width="100%" height="650" frameborder="0" allowfullscreen></iframe>

Prompt kopieren

Kopiere den gesamten Schnipsel. Auf der Seite Flipbook auf der Website einbetten werden die verfügbaren Optionen genauer erklärt.

Link oder Einbettung?

Für Funnels gewinnt der Einbettungscode fast immer. Nutze stattdessen den direkten Link in deinen Follow-up-E-Mails und Textnachrichten aus GoHighLevel.

So fügst du es in GoHighLevel ein

Jetzt kommt der Hauptteil. Folge diesen Schritten im Funnel-Builder.

1. Öffne in GoHighLevel Sites, dann Funnels, und wähle deinen Funnel aus.
2. Klicke auf den Schritt, in dem das Flipbook erscheinen soll, und öffne den Editor.
3. Füge eine neue Section und eine Row mit einer Spalte hinzu, in die das Flipbook kommt.
4. Klicke auf das Plus-Symbol in der Spalte und wähle das Element Custom JS/HTML.
5. Klicke auf das Element, öffne seine Einstellungen und wähle den Code-Editor.
6. Füge deinen iframe-Schnipsel ein.
7. Speichere den Code und klicke dann oben im Funnel-Editor auf Save.
8. Sieh dir den Schritt auf Desktop und Mobilgerät an, bevor du veröffentlichst.

Den Bereich richtig dimensionieren

Stelle die Section auf volle Breite oder eine breite Box, damit das Buch Platz hat. Eine schmale Spalte staucht die Seiten und macht den Text schwer lesbar. Auf dem Desktop funktioniert für die meisten Dokumente eine Höhe zwischen 600 und 700 Pixeln gut.

Mobile Geräte richtig einrichten

Auf Telefonen wird eine Doppelseite winzig. Die meisten Flipbook-Betrachter wechseln automatisch in eine Einzelseitenansicht, trotzdem solltest du es prüfen. Stelle die iframe-Höhe in einer mobilen Section auf etwa 500 Pixel ein oder nutze einen größeren Wert im Haupt-Code, wenn du nur eine Version willst.

⚠️ Warnung: Füge den iframe nicht in ein einfaches Textelement ein. GoHighLevel zeigt dann den rohen Code statt des Flipbooks. Verwende immer das Custom-JS/HTML-Element.

So baust du den Funnel drumherum auf

Ein Flipbook allein ist kein Funnel. Kombiniere es mit einer klaren Handlung und einem Grund, sie auszuführen.

Ein einfaches Layout, das funktioniert

1. Überschrift, die ein Ergebnis verspricht
2. Kurze Unterüberschrift mit einem Nutzen
3. Flipbook, eingebettet in der Mitte
4. Button oder Formular direkt darunter
5. Social Proof, etwa eine Kundenstimme oder eine Reihe mit Kundenlogos

Diese Reihenfolge lässt den Besucher den Inhalt probieren, Vertrauen fassen und handeln, ohne nach dem nächsten Schritt zu suchen.

Zwei-Schritte-Muster mit Kontaktabfrage

Zeige im ersten Schritt ein Vorschau-Flipbook mit einem Button, auf dem "Vollversion holen" steht. Schicke den Besucher zu Schritt zwei, der ein GoHighLevel-Formular enthält. Nach dem Absenden leitest du zu einem Dankeschön-Schritt weiter, in den das vollständige Flipbook eingebettet ist. Die Vorschau weckt Interesse, das Formular erfasst den Lead, und das vollständige Dokument belohnt ihn.

Nutze das Tracking, das du schon hast

Behalte deinen Facebook-Pixel, dein Google-Tag und das GoHighLevel-Tracking auf dem Funnel-Schritt. Wenn du den Professional-Tarif von Flipbooks AI nutzt, bekommst du außerdem Analyse- und Lead-Generierungs-Tools direkt im Flipbook, sodass du siehst, welche Seiten die Aufmerksamkeit halten.

Echte Beispiele zum Nachmachen

Dieselbe Technik passt zu vielen Unternehmen. So setzen unterschiedliche Nutzer sie ein.

Immobilienmakler

Ein Makler bettet eine digitale Immobilienbroschüre in einen Objekt-Funnel ein. Interessenten sehen sich Fotos, Grundrisse und Details zur Umgebung an und buchen dann über einen Kalender darunter eine Besichtigung. Für diesen Zweck ist der Immobilienbroschüren-Ersteller gebaut.

Fitness-Coaches

Ein Coach macht aus einem Trainingsplan eine Flipbook-Vorschau und nutzt es als Lead-Magnet. Besucher lesen die erste Trainingswoche und tragen dann ihre E-Mail-Adresse für das vollständige achtwöchige Programm ein. Für diese Art von Angebot eignet sich der Interaktiver E-Book-Herausgeber.

Einzelhandel und Produktunternehmen

Der Inhaber einer Boutique veröffentlicht ein saisonales Lookbook oder einen Produktkatalog und lenkt bezahlten Traffic auf eine Funnel-Seite, auf der Kunden stöbern, bevor sie zum Kauf weiterklicken. Der Produktkatalog-Generator eignet sich hier gut.

Kurzer Vergleich der Anwendungsfälle

Häufige Probleme beheben

Die meisten Probleme mit Einbettungen gehen auf wenige Ursachen zurück.

Das Flipbook zeigt nur eine leere Fläche

Prüfe, ob das Flipbook veröffentlicht ist und nicht auf privat ohne Passwortabfrage steht. Füge den direkten Link in einen neuen Browser-Tab ein. Wenn er sich dort öffnet, liegt das Problem im Einbettungsschnipsel. Kopiere ihn dann im Freigabefenster erneut.

Der Code erscheint als Text

Du hast das falsche Element verwendet. Lösche es und füge stattdessen das Element Custom JS/HTML hinzu.

Das Buch wirkt abgeschnitten

Erhöhe die iframe-Höhe und verbreitere die Section. Prüfe außerdem, ob die Row keinen Innenabstand hat, der die Spalte verkleinert.

Es lädt langsam

Komprimiere große Bilder im PDF vor dem Hochladen und entferne ungenutzte Seiten. Eine leichtere Datei öffnet sich schneller, besonders über mobile Datenverbindungen.

✅ Bewährte Methode: Teste die Live-URL des Funnels immer in einem Inkognito-Fenster und auf einem echten Telefon. Die Vorschau im Editor kann von der veröffentlichten Seite abweichen.

Dein nächster Schritt

Du hast jetzt alles, was du brauchst, um ein Flipbook in einen Funnel einzubauen: ein umgewandeltes PDF, einen Einbettungsschnipsel, ein Custom-HTML-Element und ein Layout, das den Besucher zu einer einzigen Handlung führt.

Bereit, deins zu bauen? Jetzt kostenlos starten bei Flipbooks AI, wandle dein erstes PDF in einer Minute um und füge den Code in deinen Funnel ein. Sieh dir die vollständige Liste der Flipbook-Tools an, um die passende Vorlage für dein Angebot zu finden, und vergleiche die Tarife, wenn du Analysen, Lead-Generierung und unbegrenzt viele Flipbooks willst.