Hilfe
Einloggen

Dein Theme mit Apps erweitern

Du kannst Apps installieren, um deinem Theme Funktionen und Integrationen hinzuzufügen. Du findest Apps im Shopify App Store.

Apps können auf folgende Weisen in dein Theme integriert werden:

  • Als App-Block: Mit App-Blöcken kannst du App-Funktionalität genau dort in deinem Theme hinzufügen, wo du sie verwenden möchtest. Du kannst App-Blöcke über den Theme-Editor hinzufügen, entfernen, in der Vorschau anzeigen, neu positionieren und anpassen.
  • Als App-Einbettung: App-Einbettungen sind von der App bereitgestellte Elemente, die in deinem Theme schweben, als Überlagerung angezeigt werden oder deinem Onlineshop Code hinzufügen, ohne für deine Kundschaft sichtbar zu sein. Du kannst App-Einbettungen über den Theme-Editor aktivieren, deaktivieren, in der Vorschau anzeigen und anpassen.
  • Durch Hinzufügen von benutzerdefiniertem Code: Einige Apps fügen Code direkt in den Code deines Themes ein, um deinem Theme Funktionalität hinzuzufügen. Du kannst die App über die App-Einstellungen oder den Theme-Editor anpassen.

Auf dieser Seite

App-Blöcke

Apps können sowohl als Blöcke in einem Abschnitt als auch als Abschnitte in einer Vorlage hinzugefügt werden. So kannst du App-Funktionalität genau dort auf einer Seite hinzufügen, wo du sie verwenden möchtest. App-Blöcke können über den Theme-Editor hinzugefügt, entfernt, neu positioniert und angepasst werden.

App-Blöcke sind möglicherweise nur mit bestimmten Seitentypen kompatibel. Beispielsweise kann eine Größentabellen-App nur mit Produktseiten kompatibel sein.

Ein App-Block, der in einem Abschnitt verwendet wird:

Ein App-Block, der in einem Abschnitt verwendet wird.

Ein App-Block, der als Abschnitt in einer Vorlage verwendet wird:

Ein App-Block, der als Abschnitt in einer Vorlage verwendet wird.

App-Block-Unterstützung in Abschnitten

Einige Abschnitte deines Themes unterstützen möglicherweise keine App-Blöcke. Um herauszufinden, welche Abschnitte deines Themes App-Blöcke unterstützen, schlage in der Dokumentation deines Themes nach oder kontaktiere die Entwickler:innen deines Themes.

Wenn ein Abschnitt App-Blöcke unterstützt und du eine kompatible App installiert hast, wird in der Blockauswahl der Abschnitt Apps angezeigt.

Einen App-Block zu einem Abschnitt hinzufügen

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Finde das Theme, das du bearbeiten möchtest, und klicke dann auf Theme bearbeiten.

  3. Navigiere zu der Seite und dem Abschnitt, wo du den App-Block hinzufügen möchtest.

  4. Klicke in der Seitenleiste auf Block hinzufügen.

  5. Wähle im Dropdown-Menü im Abschnitt Apps den App-Block aus, den du zum Abschnitt hinzufügen möchtest, oder klicke auf die Suchleiste und gib einen Suchbegriff ein, um deine installierten Apps zu durchsuchen.

  6. Optional: Klicke auf das Symbol ⠿ und ziehe es, um den Block an eine andere verfügbare Stelle auf der Seite zu verschieben. Du kannst den Block auch über die verfügbaren Einstellungen anpassen.

  7. Klicke auf Speichern.

Mobil

  1. Tippe in der Shopify-App auf das Symbol Menü.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Alle Themes verwalten.

  4. Finde das Theme, das du bearbeiten möchtest, und tippe dann auf Theme bearbeiten.

  5. Tippe auf Bearbeiten.

  6. Navigiere zu der Seite und dem Abschnitt, wo du den App-Block hinzufügen möchtest.

  7. Tippe in der Seitenleiste auf Block hinzufügen.

  8. Wähle im Dropdown-Menü im Abschnitt Apps den App-Block aus, den du zum Abschnitt hinzufügen möchtest, oder tippe auf die Suchleiste und gib einen Suchbegriff ein, um deine installierten Apps zu durchsuchen.

  9. Optional: Tippe auf das Symbol ⠿ und ziehe es, um den Block an einen anderen verfügbaren Ort auf der Seite zu verschieben. Du kannst den Block auch über die verfügbaren Einstellungen anpassen.

  10. Tippe auf „Speichern“ oder ✓.

App-Block zu einer Vorlage hinzufügen

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Finde das Theme, das du bearbeiten möchtest, und klicke dann auf Theme bearbeiten.

  3. Navigiere zu der Seite, auf der du den App-Abschnitt hinzufügen möchtest.

  4. Klicke in der Seitenleiste auf „Abschnitt hinzufügen“.

  5. Wähle im Dropdown-Menü im Abschnitt Apps die App aus, die du zur Seite hinzufügen möchtest, oder klicke auf die Suchleiste und gib einen Text ein, um deine installierten Apps zu durchsuchen.

  6. Optional: Klicke auf das Symbol ⠿ und ziehe es, um den Block an eine andere verfügbare Stelle auf der Seite zu verschieben. Du kannst den Block auch über die verfügbaren Einstellungen anpassen.

  7. Klicke auf Speichern.

Mobil

  1. Tippe in der Shopify-App auf das Symbol Menü.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Alle Themes verwalten.

  4. Finde das Theme, das du bearbeiten möchtest, und tippe dann auf Theme bearbeiten.

  5. Tippe auf Bearbeiten.

  6. Navigiere zu der Seite, auf der du den App-Abschnitt hinzufügen möchtest.

  7. Tippe in der Seitenleiste auf „Abschnitt hinzufügen“.

  8. Wähle im Dropdown-Menü im Abschnitt Apps die App aus, die du zur Seite hinzufügen möchtest, oder tippe auf die Suchleiste und gib einen Text ein, um deine installierten Apps zu durchsuchen.

  9. Optional: Tippe auf das Symbol ⠿ und ziehe es, um den Block an einen anderen verfügbaren Ort auf der Seite zu verschieben. Du kannst den Block auch über die verfügbaren Einstellungen anpassen.

  10. Tippe auf „Speichern“ oder ✓.

Die App wird als Block in einem Apps-Abschnitt hinzugefügt. Du kannst dem Abschnitt weitere App-Blöcke hinzufügen. Du kannst einer Seite auch mehrere Apps-Abschnitte hinzufügen.

App-Einbettungen

App-Einbettungen sind von Apps bereitgestellte Elemente, die in deinem Theme schweben, als Überlagerung angezeigt werden oder deinem Onlineshop Code hinzufügen, ohne für deine Kundschaft sichtbar zu sein. Beispielsweise kann eine Chat-Bubble-App, die in der Ecke deines Shops angezeigt wird, oder eine Analyse- oder Tracking-App deinem Shop als App-Einbettung hinzugefügt werden. App-Einbettungen können über den Theme-Editor aktiviert, deaktiviert und angepasst werden. App-Einbettungen können mit jeder Theme-Version verwendet werden.

Wenn du mehrere Märkte hast, kannst du App-Einbettungen für jeden Markt anpassen. Beispielsweise kannst du eine Chat-App-Einbettung nur für deinen Nordamerika-Markt aktivieren oder unterschiedliche Einstellungen für App-Einbettungen für verschiedene Märkte konfigurieren. Um App-Einbettungen für einen bestimmten Markt anzupassen, wähle den Markt aus dem Dropdown-Menü Markt im Theme-Editor aus, bevor du App-Einbettungen aktivierst oder konfigurierst. Weitere Informationen zur Anpassung deines Themes für bestimmte Märkte findest du unter Dein Theme für bestimmte Märkte oder Shopify B2B anpassen.

Ein Block „App einbetten“.

Eine App-Einbettung aktivieren

Desktop

  1. Gehe in deinem Shopify-Adminbereich zu Onlineshop > Themes.

  2. Finde das Theme, das du bearbeiten möchtest, und klicke dann auf Theme bearbeiten.

  3. Optional: Wenn du die App-Einbettung für einen bestimmten Markt anpassen möchtest, klicke auf das Dropdown-Menü Markt und wähle den Markt aus, den du anpassen möchtest. Wenn du keinen Markt auswählst, gelten die Änderungen für den Shop-Standard.

  4. Klicke in der Seitenleiste auf das Symbol „App-Einbettungen“.

  5. Wähle die App-Einbettung aus, die du aktivieren möchtest, oder klicke auf die Suchleiste und gib einen Suchbegriff ein, um deine installierten Apps zu durchsuchen.

  6. Klicke neben der App-Einbettung, die du aktivieren möchtest, auf den Toggle Button, um sie zu aktivieren.

  7. Optional: Klicke auf das Erweiterungssymbol ▸ neben dem Namen der App-Einbettung, um deren Einstellungen anzuzeigen.

  8. Klicke auf Speichern.

  9. Sieh dir eine Vorschau deines Shops an, um die eingebettete App live zu sehen.

Mobil

  1. Tippe in der Shopify-App auf das Symbol Menü.

  2. Tippe im Abschnitt Vertriebskanäle auf Onlineshop.

  3. Tippe auf Alle Themes verwalten.

  4. Finde das Theme, das du bearbeiten möchtest, und tippe dann auf Theme bearbeiten.

  5. Optional: Wenn du die App-Einbettung für einen bestimmten Markt anpassen möchtest, tippe auf das Dropdown-Menü Markt und wähle den Markt aus, den du anpassen möchtest. Wenn du keinen Markt auswählst, gelten die Änderungen für den Shop-Standard.

  6. Tippe auf … > „App-Einbettungen“.

  7. Wähle die App-Einbettung aus, die du aktivieren möchtest, oder gib einen Suchbegriff in die Suchleiste ein, um deine installierten Apps zu durchsuchen.

  8. Tippe neben der App-Einbettung, die du aktivieren möchtest, auf den Toggle Button, um sie zu aktivieren.

  9. Optional: Tippe auf das Erweiterungssymbol ▸ neben dem Namen der App-Einbettung, um deren Einstellungen anzuzeigen.

  10. Tippe auf „Speichern“.

  11. Sieh dir eine Vorschau deines Shops an, um die eingebettete App live zu sehen.

Dem Theme-Code hinzugefügte Apps

Einige Apps fügen Code direkt in den Code deines Themes ein, um deinem Theme Funktionalität hinzuzufügen. Nach der Installation der App erhältst du möglicherweise Onboarding-Anweisungen, die das Bearbeiten deines eigenen Codes umfassen, um die App-Funktionalität an der gewünschten Stelle in deinem Theme hinzuzufügen. Du kannst die App über die App-Einstellungen oder den Theme-Editor anpassen.

Wenn dein Theme einen Custom Liquid section anbietet, kannst du deinen App-Code möglicherweise in einen Abschnitt für benutzerdefiniertes Liquid im Theme-Editor einfügen, anstatt den Code deines Themes direkt zu bearbeiten.