# Shoprocket auf jeder Website einbetten
> Verkaufe von der Website, die du schon hast. Erstelle unter Einbettungen eine Einbettung, klicke auf Code abrufen und füge den Code in deine Seite bei WordPress, Squarespace, Wix, Webflow oder reinem HTML ein. Änderungen, die du später speicherst, erreichen jede Seite ohne erneutes Einfügen.
Hilfecenter / Einbetten - Aktualisiert am 28. Oktober 2026
Eine Einbettung bringt einen Teil deines Shops auf jede Website: ein Produkt mit Kaufbutton, einen vollständigen Produktkatalog, deine Kategorien oder ein Suchfeld. Du baust sie unter **Einbettungen**, klickst auf **Code abrufen** und fügst den Code in deine Seite ein. Warenkorb und Kasse öffnen sich direkt auf deiner Seite, sodass Kunden deine Website nie verlassen.
Du fügst den Code nur einmal ein. Wenn du eine Einbettung später änderst, sogar auf ein anderes Layout umstellst, wird jede Seite, auf der sie steht, beim Speichern aktualisiert.
## Bevor du anfängst
- Füge mindestens ein aktives Produkt hinzu. Eine Einbettung für ein Produkt braucht ein Produkt zum Verkaufen.
- Du musst deine Website bearbeiten und einer Seite einen Code- oder HTML-Block hinzufügen können. Die Hinweise für jeden Website-Baukasten stehen unten.
## Schritt 1 (optional, empfohlen): Shoprocket auf jeder Seite deiner Website hinzufügen
Oben unter **Einbettungen** steht eine Karte namens **Shoprocket auf jeder Seite deiner Website hinzufügen**. Sie enthält eine Codezeile für den Header deiner Website. Wenn sie drin ist, funktionieren dein schwebender Warenkorb und der Live-Chat auf jeder Seite deiner Website, nicht nur auf den Seiten mit einer Einbettung, und jede Einbettung, die du später hinzufügst, funktioniert einfach.
1. Gehe in deinem Dashboard zu **Einbettungen**.
2. Klicke auf der Karte **Shoprocket auf jeder Seite deiner Website hinzufügen** auf **Kopieren**.
3. Wähle unter dem Code deinen Website-Baukasten aus den Tabs (**HTML**, **WordPress**, **Squarespace**, **Wix** oder **Webflow**) und folge seinen zwei Schritten, um die Zeile in den Header deiner Website einzufügen.
4. Öffne eine beliebige Seite deiner Website. Der Status der Karte wechselt von **Noch nicht gesehen** zu **Verbunden**.
Du kannst diesen Schritt überspringen. Der Code jeder Einbettung enthält dieselbe Zeile, eine Einbettung funktioniert also auf jeder Seite für sich allein.
## Schritt 2: Eine Einbettung erstellen
1. Klicke unter **Einbettungen** auf **Neue Einbettung**.
2. Wähle unter **Was sie zeigt** eine Option: **Ein Produkt**, **Produktkatalog**, **Kategorien** oder **Suche**.
3. Wähle ein Layout:
- **Ein Produkt**: **Button**, **Kompakt**, **Karte**, **Highlight** oder **Volle Details**. Wähle dann das Produkt unter **Welches Produkt?**
- **Produktkatalog**: **Raster**, **Karussell** oder **Liste**. Wähle unter **Welche Produkte?** die Option **Alle Produkte**, **Eine Kategorie** oder **Handverlesen**.
- **Kategorien**: **Kacheln**.
- **Suche**: **Suchfeld** oder **Such-Symbol**.
4. Klicke auf **Weiter**.
Jedes Layout ist dieselbe Einbettung mit anderen Einstellungen, du kannst das Layout also später im Editor wechseln, und der Code, den du eingefügt hast, bleibt derselbe.
## Schritt 3: Sie anpassen
Der Editor zeigt eine Live-Vorschau, durch die du wie ein Kunde klicken kannst: in den Warenkorb legen, Produkte öffnen und bezahlen. Was die Einbettung zeigt, änderst du im Tab **Diese Einbettung**. Der Tab **Shop-Design** legt deine Farben und Schriften für deinen ganzen Shop fest, sodass alle deine Einbettungen und dein schwebender Warenkorb zusammenpassen.
Die Einbettung bekommt zunächst einen Namen, etwa "Products · Grid". Du kannst sie jederzeit umbenennen.
Wenn du zufrieden bist, klicke auf **Speichern und Code abrufen**.
## Schritt 4: Den Code kopieren und in deine Website einfügen
Nach dem Speichern öffnet sich das Fenster **Code abrufen**. Es sieht so aus:
```html
```
Kopiere deinen eigenen Code immer mit dem Button, tippe ihn nie ab. Die erste Zeile benennt die Einbettung, das Script lädt Shoprocket für deinen Shop, und die letzte Zeile ist die Stelle, an der die Einbettung erscheint.
1. Klicke auf **Code kopieren**.
2. Wähle in den Tabs des Fensters deinen Website-Baukasten und füge den Code dort ein, wo die Einbettung erscheinen soll:
- **HTML**: Füge den Code dort ein, wo die Einbettung erscheinen soll. Die Script-Zeile muss nur einmal auf einer Seite stehen, egal wie viele Einbettungen sie hat.
- **WordPress**: Füge im Block-Editor dort, wo die Einbettung hin soll, einen Block **Eigenes HTML** hinzu. Füge den Code ein und aktualisiere die Seite. Bei WordPress.com brauchen Skripte einen Tarif, der Plugins erlaubt.
- **Squarespace**: Bearbeite die Seite und füge dort, wo die Einbettung hin soll, einen **Code**-Block hinzu. Füge den Code ein, lass die Anzeige auf HTML und speichere.
- **Wix**: Wähle im Editor **Hinzufügen**, dann **Code einbetten**, dann **HTML einbetten**. Füge den Code in das Feld ein und passe die Größe an. Wix zeigt ihn in einem Rahmen, gib ihm also Platz für den Warenkorb.
- **Webflow**: Ziehe ein **Code-Embed**-Element dorthin, wo die Einbettung hin soll. Füge den Code ein, speichere und veröffentliche die Website.
Wenn du Shoprocket in Schritt 1 schon zum Header deiner Website hinzugefügt hast, braucht die Seite nur die letzte Zeile des Codes, die mit `