So fügen Sie eine Dokumentbibliothek in Shopify ein

Mit Document Library Pro können Sie Ihrem Shopify-Shop eine durchsuchbare, filterbare Dokumentbibliothek hinzufügen: in einem Produkt, auf einer Seite oder als eigene Seite in Ihrem Shop-Menü. Diese Anleitung deckt alle Möglichkeiten ab, unabhängig davon, ob Sie die Document Library Pro Shopify-App verwenden oder nicht.

Bibliothek in Produkt oder Seite einfügen

Wenn Sie Document Library Pro aus dem Shopify App Store installiert haben, können Sie mit wenigen Klicks eine Bibliothek zu jedem Produkt oder jeder Seite hinzufügen.

  1. Öffnen Sie das Produkt oder die Seite, der Sie eine Bibliothek hinzufügen möchten.
  2. Klicken Weitere Aktionen oben rechts, dann Dokumentbibliothek einfügen.
  3. Wählen Sie, welche Bibliothek hinzugefügt werden soll (siehe unten), und klicken Sie dann auf Einfügen.

Opening Insert document library from the More actions menu in the Shopify product editor

Die Bibliothek wird der Produkt- oder Seitenbeschreibung hinzugefügt und erscheint sofort in Ihrem Shop. Es muss nichts weiter aktiviert werden.

Welche Bibliothek wird hinzugefügt: standardmäßig wird eine Bibliothek eingefügt, die alle Ihre Dokumente auflistet. Wenn Sie zusätzliche Bibliotheken erstellt haben, die eine bestimmte Gruppe von Dokumenten auflisten, erscheinen auch diese in der Liste zur Auswahl. Um eine neue Bibliothek zu erstellen, klicken Sie auf Bibliothek erstellen im Auswahlfenster, das die Document Library Pro-Plattform öffnet, auf der Sie sie erstellen.

Choosing which document library to insert into a Shopify product

Die Bibliothek innerhalb der Beschreibung verschieben

Die Bibliothek wird immer am Ende der Beschreibung hinzugefügt. So verschieben Sie sie an eine andere Stelle:

  1. Klicken Sie im Beschreibungseditor auf die Schaltfläche für die Code-Ansicht (<>) in der Symbolleiste.
  2. Finde den <iframe>...</iframe> Block, der sich ganz am Ende des Codes befindet.
  3. Schneiden Sie ihn aus und fügen Sie ihn dort ein, wo die Bibliothek in Ihrem Inhalt erscheinen soll, und speichern Sie dann.

Die Document Library-Karte hinzufügen

Um Dokumentenbibliotheken einfacher zu Produkten hinzuzufügen, können Sie auch eine Document Library-Karte direkt auf dem Produktbearbeitungsbildschirm hinzufügen, damit Sie nicht jedes Mal das Mehr-Aktionen-Menü öffnen müssen. Wir empfehlen, Anheften (das Anheften-Symbol auf der Karte), damit sie auf dem Bearbeitungsbildschirm jedes Produkts erscheint, nicht nur bei einem. Die Karte erscheint im Blocks Abschnitt am unteren Ende des Bearbeitungsbildschirms. Shopify platziert App-Karten dort, daher kann er nicht weiter oben auf der Seite verschoben werden.

Zum Blocks Abschnitt am Ende eines Produkts oder einer Seite scrollen, auf Block hinzufügen, wähle Document Library-Karteauswählen und anheften.

Adding the Document library card block in the Shopify product editor

The Document library card in the Shopify product editor with a library dropdown and Insert button

Eine andere Bibliothek auf jedem Produkt anzeigen

Sie können auf jedem Produkt eine andere Bibliothek anzeigen. Fügen Sie die gewünschte Bibliothek mit den obigen Schritten in jedes Produkt ein. Sie könnten beispielsweise für jedes Produkt eine separate Bibliothek mit Datenblättern erstellen und diese auf der jeweiligen Produktseite einfügen.

Ihre gesamte Bibliothek zum Shop-Menü hinzufügen

Die App erstellt eine fertige Seite namens Dokumente die alle Ihre Dokumente auflistet. So fügen Sie einen Link in Ihre Shop-Navigation ein:

  1. Gehe in deinem Shopify-Admin zu Content → Menus.
  2. Öffnen Sie das gewünschte Menü (z. B. Ihr Hauptmenü) und klicken Sie auf Menüpunkt hinzufügen.
  3. Im Link nach der Seite und wählen Sie sie aus. Dokumente Seite.
  4. Geben Sie ihr einen Namen wie “Dokumente” und klicken Sie auf Menü speichern.

Selecting the Documents page when adding it to a Shopify store menu

Die Dokumentenseite ist eine normale Shopify-Seite, sodass Sie die volle Kontrolle darüber haben. Unter Online Store → Pages können Sie sie umbenennen und eigenen Text sowie Bilder ober- oder unterhalb der Bibliothek hinzufügen, z. B. eine kurze Einleitung. Wenn Sie Dokumente nur auf bestimmten Produkten anzeigen möchten und keine zentrale Bibliotheksseite benötigen, können Sie die Dokumentenseite einfach löschen.

Editing the auto-created Documents page in the Shopify admin

Eine Dokumentenbibliothek zu einem Theme-Abschnitt hinzufügen

Wenn eine Bibliothek an einer festen Stelle in Ihrem Theme erscheinen soll - nicht innerhalb einer Produkt- oder Seitenbeschreibung (z. B. unterhalb der Schaltfläche "In den Warenkorb") - können Sie sie als Theme-Block hinzufügen.

  1. Go to Online Store → Themes und klicke auf Anpassen.
  2. Öffnen Sie das gewünschte Template (z. B. das Produkt-Template), klicken Sie in dem Abschnitt, in dem die Bibliothek erscheinen soll, auf Block hinzufügen und wählen Sie den Block Dokumentenbibliothek aus.
  3. Geben Sie den Slug der anzuzeigenden Bibliothek ein und speichern Sie.

Da ein Theme-Block im Template platziert wird, zeigt er auf jedem Produkt oder jeder Seite, die dieses Template verwendet, die gleiche Bibliothek. Diese Methode eignet sich daher am besten für eine einzige gemeinsame Bibliothek. Um auf jedem Produkt eine andere Bibliothek anzuzeigen, verwenden Sie die oben beschriebene Einfüge-Methode, die die Bibliothek nur zu diesem einen Produkt hinzufügt.

Wenn Sie mit Theme-Code vertraut sind und pro Produkt eine andere Bibliothek an einer festen Theme-Position anzeigen möchten, können Sie einen Shopify- Custom Liquid -Block hinzufügen, der ein Produkt-Metafeld ausliest, und dann dieses Metafeld (den Bibliotheks-Slug) für jedes Produkt setzen. Dies ist eine erweiterte Einrichtung und für die oben genannten Methoden nicht erforderlich.

Eine Dokumentenbibliothek mit dem Einbettungscode hinzufügen

Jede Bibliothek hat einen Einbettungscode (ein <iframe>). Sie können ihn überall dort einfügen, wo Sie HTML hinzufügen können. Diese Methode verwenden Sie, wenn Sie sich auf documentlibrary.pro ohne die Shopify-App registriert haben oder wenn Sie eine Bibliothek an einer Stelle platzieren möchten, die die obigen Schritte nicht abdecken. Den Einbettungscode erhalten Sie unter Publish Library in Ihrem Document Library Pro-Dashboard.

Pasting a document library embed code into the code view of a Shopify page

Sie können den Einbettungscode einfügen in:

  • Eine Produktbeschreibung: Öffnen Sie das Produkt, klicken Sie in der Beschreibungsleiste auf die Code-Ansicht-Schaltfläche (<>) und fügen Sie den Einbettungscode an der gewünschten Stelle ein.
  • Eine Seite: go to Online Store → PagesÖffnen oder erstellen Sie eine Seite, klicken Sie in der Inhaltsleiste auf die Code-Ansicht-Schaltfläche (<>) und fügen Sie den Einbettungscode ein.
  • Ein Theme-Bereich: in Online Store → Themes → Customize, füge einen Custom Liquid Block zu einem Abschnitt hinzu und fügen Sie den Einbettungscode ein.
  • Jede andere Website: Der gleiche Einbettungscode funktioniert auf jeder Website, nicht nur auf Shopify.

Verwandte Artikel

Bereit, Ihre Dokumente in einer durchsuchbaren Bibliothek zu bündeln?

Richten Sie Ihre erste Bibliothek in wenigen Minuten ein - als WordPress-Plugin, eingebettet auf einer beliebigen Website oder als eigene gehostete Bibliothek.

Kostenlos starten

14 Tage kostenlos Jederzeit kündbar