Zum Hauptinhalt springen

Eingebetteter Viewer

Zeigen Sie PDFs direkt auf der Seite mit vollständigen Navigationselementen an.

Was der eingebettete Viewer macht

Der eingebettete Viewer zeigt Ihr PDF direkt auf der Seite an. Kunden können lesen, scrollen, zoomen und Seiten navigieren, ohne Ihren Shop zu verlassen.

PDF-Viewer-Konfiguration

Wählen Sie vor dem Hinzufügen der eingebetteten Extension, welchen PDF-Viewer Sie verwenden möchten. Dies wird in der PDF-Detailseite der App unter Viewer-Konfiguration konfiguriert:

Custom Viewer (Vollständig)

  • Vollständig ausgestatteter PDF-Viewer mit allen Navigationselementen
  • Suchfunktion, Zoom-Tools, anpassbare Anzeigeoptionen
  • Mobiloptimierte Anzeige
  • Konfigurieren: Anfangsseite, Zoomstufe, Seitenlayout, Scrollrichtung
  • Aktivieren/Deaktivieren: Download, Toolbar, Bildstempel, Textmarker, Zeichenwerkzeuge, Textauswahl

Light Viewer (Schnell & Einfach)

  • Einfacher, schnell ladender Viewer mit minimaler Oberfläche
  • Perfekt für schnelle Dokumentenvorschau
  • Mobiloptimiert
  • Keine Konfigurationsoptionen - funktioniert einfach

Flipbook Viewer (Interaktive Seiten)

  • Interaktives Seitenumblätter-Erlebnis
  • Imitiert das Lesen eines physischen Buches oder Magazins
  • Großartig für Kataloge, Broschüren, Marketingmaterialien
  • Nicht mobiloptimiert
  • Konfigurieren: Animationsstil, Seitenschatten, Hintergrundfarbe

Der von Ihnen gewählte Viewer-Typ gilt für ALLE Theme App Extensions (sowohl Button als auch eingebettet) für dieses PDF.

Wie es aussieht

Der eingebettete Viewer zeigt das PDF direkt auf der Seite mit Ihrer gewählten Viewer-Konfiguration an:

Custom Viewer zeigt:

  • Vollständigen PDF-Inhalt mit Navigations-Toolbar
  • Seitensteuerelemente (vorherige/nächste, Zoom)
  • Suchfunktion
  • Download-/Druckschaltflächen (wenn aktiviert)
  • Anpassbare Funktionen basierend auf Ihren Einstellungen

Light Viewer zeigt:

  • Einfache PDF-Anzeige
  • Grundlegende Navigation
  • Minimale Oberfläche für schnelles Laden

Flipbook Viewer zeigt:

  • Seitenumblätter-Animation
  • Buchähnliches Leseerlebnis
  • Interaktives Seitenumblättern

Wann der eingebettete Viewer verwendet werden sollte

Am besten für:

  • Lange Dokumente, die Kunden auf Ihrer Website lesen sollen
  • Technische Spezifikationen, die Zoomen erfordern
  • Kataloge, bei denen das Durchsuchen wichtig ist
  • Seiten mit Platz für den Viewer
  • Desktop-fokussierte Inhalte

Nicht ideal für:

  • Kurze PDFs (verwenden Sie stattdessen Button)
  • Mobile-First-Shops (kann beengt sein)
  • Seiten mit begrenztem Platz
  • Wenn Sie viele PDFs auf einer Seite haben

Eingebetteten Viewer zu Ihrem Theme hinzufügen

  1. Gehen Sie zu Onlineshop > Themes
  2. Klicken Sie auf Anpassen bei Ihrem aktiven Theme
  3. Navigieren Sie zu der Seite, auf der PDFs erscheinen sollen
  4. Klicken Sie auf Abschnitt hinzufügen oder Block hinzufügen
  5. Finden Sie PDF Connect unter Apps
  6. Wählen Sie PDF Embedded Viewer
  7. Klicken Sie auf Speichern

Die eingebettete Extension anpassen

Im Theme-Editor können Sie anpassen, wie der eingebettete Viewer auf Ihrer Seite erscheint:

Überschrift anzeigen - Abschnittsüberschrift ein-/ausschalten

Überschriftstext - Abschnittstitel anpassen (z. B. "PDF-Dokumente")

Viewer-Höhe - Höhe als Prozentsatz des Viewports festlegen (nur Desktop, Mobile verwendet Vollbild)

Container-Rahmen anzeigen - Rahmen um den Viewer hinzufügen

Diese Einstellungen steuern nur das Layout und Styling der Extension. Die tatsächlichen PDF-Viewer-Funktionen (Zoom, Download, Toolbar, Navigation usw.) werden in der Viewer-Konfiguration der App für jedes PDF konfiguriert.

Mehrere PDFs mit eingebettetem Viewer

Wenn Sie mehrere PDFs mit einer Seite verknüpfen, zeigt der eingebettete Viewer sie vertikal gestapelt an:

  • Erstes PDF wird im ersten Viewer angezeigt
  • Zweites PDF wird im zweiten Viewer angezeigt
  • Kunden scrollen nach unten, um jedes zu sehen

Dies kann Seiten sehr lang machen. Erwägen Sie die Verwendung der Button-Anzeige für mehrere PDFs.

Eingebetteter Viewer auf Mobilgeräten

Der Viewer passt sich an mobile Bildschirme an, aber:

  • Nimmt erheblichen vertikalen Platz ein
  • Zoom-Steuerelemente können klein sein
  • Scrollen innerhalb des Viewers kann knifflig sein
  • Erwägen Sie die Button-Anzeige für Mobile-First-Shops

Viewer-Funktionen

Zoom - Kunden können hinein- und herauszoomen

Seitennavigation - Zu bestimmten Seiten springen

Suche - Text im PDF finden (einige Viewer)

Download - PDF auf ihr Gerät speichern (wenn aktiviert)

Drucken - Direkt vom Viewer drucken (wenn aktiviert)

Leistungstipps

PDF-Größe optimieren - Dateien unter 5 MB laden am schnellsten

Lazy Loading - Viewer lädt nur, wenn auf der Seite sichtbar

Thumbnail-Qualität - Erste Seite lädt vor vollständigem PDF

Mobile-Überlegung - Größere Dateien können bei mobilen Daten langsam laden

Nächste Schritte