Zum Hauptinhalt springen
Der einfachste Weg, homie AI zu Shopify hinzuzufügen, ist die offizielle homie Shopify App: installiere sie und schalte das Widget im Shopify Theme Editor ein — ein Klick, kein Code. Wenn du die App nicht nutzen möchtest, kannst du das Embed Script auch manuell in dein Theme einfügen.
Bevor du startest, brauchst du einen auf der Plattform erstellten Assistenten und Zugriff auf deinen Shopify-Admin.

​
Empfohlen: die homie Shopify App

1

Die homie Shopify App installieren

Öffne den Veröffentlichen-Bereich deines Assistenten auf der Plattform, wähle Shopify und dann Zur Shopify App (oder installiere die homie App direkt aus dem Shopify App Store). Sie wird mit einem Klick installiert und erfordert keine Code-Anpassungen.
2

Den Theme Editor öffnen

Wähle zurück auf der Plattform Theme Editor öffnen, um direkt in den Theme Editor deines Stores zu springen.
3

homie aktivieren und Assistent-ID eintragen

Schalte in den App-Embeds des Theme Editors das homie-Embed ein, füge deine Assistent-ID ein (kopiere sie aus dem Veröffentlichen-Bereich) und aktiviere sie.
4

Speichern

Klick im Theme Editor auf Speichern.
Lade deinen Store neu. Die homie Chat-Bubble erscheint unten rechts. Öffne sie und sende eine Testnachricht.
Mit der Installation der App verbindest du außerdem deinen Shopify-Store, sodass dein Produktkatalog synchron bleibt und du das Conversion-Tracking aktivieren kannst. Mehr zur Daten- und Conversion-Seite findest du unter Shopify-Integration.

​
Alternative: Embed Script manuell einfügen

Falls du den Theme Editor nicht nutzen möchtest oder kannst, füge das Embed Script manuell in dein Theme ein.
1

Embed Script kopieren

Öffne deinen Assistenten auf der Plattform, geh in den Veröffentlichen-Bereich - Manuelle Installation und kopiere das Script. Es enthält bereits deine chatbotId.
Veröffentlichen-Bereich der Plattform mit dem kopierbaren Shopify-Script-Snippet
2

Themes in Shopify öffnen

Geh in deinem Shopify-Admin zu Online Store → Themes.
Shopify-Admin: Navigation zu Online Store Themes
3

Theme-Code bearbeiten

Öffne das •••-Menü neben deinem aktiven Theme und wähle Edit code.
Shopify-Theme-Menü mit hervorgehobener Edit-code-Aktion
4

Vor dem schließenden Body-Tag einfügen und speichern

  1. Öffne in der Seitenleiste layout/theme.liquid.
  2. Scrolle ganz nach unten, direkt über das schließende </body>-Tag.
  3. Füge das kopierte Script ein.
  4. Klick auf Save.
theme.liquid mit dem homie-Script vor dem schließenden Body-Tag
theme.liquid
Mit platform="shopify" leitet das Widget den Shopify-Marktkontext (zum Beispiel Land und Währung) an deinen Assistenten weiter.

​
Fehlerbehebung

  • Keine Bubble sichtbar? Leere deinen Cache oder öffne den Store in einem Inkognito-Fenster.
  • Mehrere Themes? Aktiviere homie (oder füge das Script ein) in jedem Theme, das du veröffentlichst.
  • Andere Position oder Farbe nötig? Passe das auf der Plattform unter den Erscheinungsbild-Einstellungen deines Assistenten an.
Für tiefere Konfiguration und Methoden siehe die Client-API.

​
Nächste Schritte

Shopify-Integration

Synchronisiere deinen Produktkatalog und ordne Käufe Unterhaltungen zu.

Client-API

Konfiguriere das Widget und rufe Methoden von deiner Seite aus auf.