Eröffne den Shop deines Teams

Vom Fourthwall-Shop zur Shop-Seite auf deiner Website: verbinden, Produkte auswählen, veröffentlichen.

Für Team-Owner und Admins · 7 Schritte

Was du vorher brauchst

  • Dein Team hat ein Website-Abo. Im Adminbereich eines kostenlosen Teams steht Website holen statt Shop.
  • Du hast einen eigenen Fourthwall-Shop, der auf Fourthwall live ist und dort mindestens ein veröffentlichtes Produkt hat. Ein Shop, der auf Fourthwall noch auf „Coming soon“ steht, oder ausgeblendete Produkte erscheinen nicht auf deiner Website.
  • Noch keinen Shop? Erstelle zuerst einen auf Fourthwall – Spawnfront kann das nicht für dich tun. Die Fourthwall-Anleitung Fourthwall-Konto erstellen führt dich durch.
  • Du bist Owner oder Admin des Teams.

Schritte

  1. Schritt 1: Schalte deinen Shop auf Fourthwall live

    Veröffentliche auf Fourthwall mindestens ein Produkt und schalte deinen Shop live. Das machst du auf der Website von Fourthwall, nicht in Spawnfront. Neu bei Fourthwall? Starte mit Fourthwall-Konto erstellen und lies dann Deine erste Woche auf Fourthwall, um Produkte hinzuzufügen und live zu gehen.

    Das siehst du: deine Produkte unter der Fourthwall-Adresse deines Shops.

  2. Schritt 2: Öffne den Shop im Adminbereich deines Teams

    Öffne in Spawnfront dein Team in der Seitenleiste und tippe dann auf Shop.

    Das siehst du: eine Seite mit dem Titel Shop. Ist dein Shop noch nicht verbunden, zeigt sie drei Felder: Storefront-Token, Checkout-Domain und Webhook-Secret.

    Der Adminbereich deines Teams, Shop in der Seitenleiste markiert.
  3. Schritt 3: Verbinde deinen Shop

    Füge Storefront-Token, Checkout-Domain und Webhook-Secret aus den Entwicklereinstellungen deines Fourthwall-Shops ein und tippe dann auf Verbinden.

    Das siehst du: eine Karte mit dem Namen deines Shops und seiner Webhook-Adresse zum Kopieren. War dein Shop schon verbunden, überspringe diesen Schritt.

    Das ausgefüllte Verbindungsformular der Shop-Seite, der Button Verbinden markiert.
  4. Schritt 4: Wähle die Produkte aus

    Schalte in der Liste deiner Shop-Produkte Im Store zeigen für jedes Produkt ein, das auf deiner Website erscheinen soll.

    Das siehst du: Jedes eingeschaltete Produkt kommt in die Liste darunter, in der Reihenfolge, in der deine Shop-Seite sie zeigt.

    Die Produkte deines Shops, der Schalter „Im Store zeigen“ neben dem Trikot markiert.
  5. Schritt 5: Speichere deine Auswahl

    Tippe neben einem ausgewählten Produkt auf Hoch oder Runter, um die Reihenfolge festzulegen. Markiere bis zu vier als Hervorgehoben, damit sie auf deiner Startseite erscheinen. Tippe dann auf Auswahl speichern.

    Das siehst du: „Auswahl gespeichert“. Deine Auswahl ist als Entwurf gespeichert – Besucher sehen sie noch nicht.

    Die ausgewählten Produkte, das Trikot als Hervorgehoben markiert, der Button Auswahl speichern markiert.
  6. Schritt 6: Veröffentliche deine Website

    Tippe in der Seitenleiste auf Veröffentlichen. Prüfe die Liste unter Änderungen seit der letzten Veröffentlichung, tippe auf Veröffentlichen (dort steht Veröffentlichen und live gehen, wenn du deine Website offline genommen hast) und dann im Fenster, das sich öffnet, auf Jetzt veröffentlichen.

    Erst dieser Schritt bringt deinen Shop auf deine Website. Deine Auswahl bleibt ein Entwurf, bis du veröffentlichst.

    Das siehst du: Alles ist live.

    Die Seite Veröffentlichen mit der Shop-Änderung, der Button Veröffentlichen markiert.
  7. Schritt 7: Prüfe deine Website

    Öffne deine Website. Shop steht jetzt im Menü, daneben ein Warenkorb.

    Das siehst du: die Produkte, die du ausgewählt hast, auf der Shop-Seite, in deiner Reihenfolge.

    Die Website deines Teams, Shop im Menü markiert.

So erkennst du, dass es geklappt hat

  • Im Menü deiner Website stehen Shop und ein Warenkorb.
  • Die Shop-Seite zeigt die ausgewählten Produkte in deiner Reihenfolge.
  • In den Warenkorb füllt den Warenkorb, und Zur Kasse öffnet die Zahlungsseite von Fourthwall. Hör dort auf – eine Bestellung kostet echtes Geld.

Sieht etwas nicht richtig aus?

Auf meiner Website steht „Shop bald verfügbar“

Der Shop geht nur an, wenn beides zutrifft: ein verbundener Shop und mindestens ein ausgewähltes Produkt in deiner veröffentlichten Website. Tippe nach dem Speichern deiner Auswahl auf Veröffentlichen (Schritt 6). Hast du das gemacht, prüfe, ob dein Shop auf Fourthwall live ist (Schritt 1).

Ich habe noch keinen Fourthwall-Shop

Spawnfront erstellt keine Shops – du erstellst deinen auf Fourthwall und verbindest ihn hier. Folge der Fourthwall-Anleitung Fourthwall-Konto erstellen, veröffentliche ein Produkt, schalte den Shop live und mach dann mit Schritt 2 weiter.

Die Produktliste im Shop ist leer

Nur auf Fourthwall veröffentlichte Produkte erscheinen. Ausgeblendete Produkte oder Entwürfe nicht – veröffentliche sie auf Fourthwall und lade die Shop-Seite neu.

Beim Verbinden heißt es, der Token ist falsch

Kopiere den Storefront-Token aus den Entwicklereinstellungen deines Fourthwall-Shops – kein Open-API-Passwort – und prüfe, ob die Checkout-Domain die Adresse deines eigenen Shops ist.

Die Kassenseite ist schwer lesbar

Zur Kasse öffnet die Zahlungsseite von Fourthwall unter der Fourthwall-Adresse deines Shops. Ihre Farben kommen aus dem Design deines Shops auf Fourthwall, nicht von deiner Spawnfront-Website. Ändere sie also in den Shop-Designeinstellungen deines Fourthwall-Dashboards. Dein Spawnfront-Shop und der Warenkorb nutzen die Farben deiner Website – siehe Vorlage und Look wählen.

Veröffentlichen ist ausgegraut

Eine fehlgeschlagene Prüfung blockiert das Veröffentlichen. Die Liste Prüfungen auf der Seite Veröffentlichen zeigt, welche es ist und wie du sie behebst.

Kommst du nicht weiter? Kontaktiere den Support oder schreib an support@spawnfront.com – nenn uns die Seite, auf der du bist, und die Schrittnummer.