Ihren ersten Store Schritt für Schritt erstellen

Folgen Sie dem Beispiel eines Kerzenshops von der Anmeldung über die erste Vorschau und eine gezielte Änderung bis zu den Prüfungen vor der Veröffentlichung. Mit Screenshots und kurzen Aufnahmen.

Erstellen Sie eine Storefront, die Sie prüfen, ändern und zum Teilen vorbereiten können. Folgen Sie den Schritten der Reihe nach oder springen Sie über das Inhaltsverzeichnis zum gewünschten Schritt.

Das Beispiel heißt Quiet Mornings, ein Shop für handgefertigte Kerzen. Sie können stattdessen Ihre eigene Geschäftsidee verwenden. Screenshots und Aufnahmen ohne Ton zeigen die englische Oberfläche; Fragen und verfügbare Steuerelemente können je nach Store abweichen.

Einstiegspfad: Runner AI → Kostenlos starten → anmelden → Ihr Arbeitsbereich.

Der kurze Weg

Öffnen Sie das Store-Namensmenü → Geschäft erstellen (oder + Geschäft in einem leeren Arbeitsbereich). Wählen Sie Neu erstellen, falls angezeigt, oder Shopify verbinden für einen bestehenden Shopify-Store.
Beschreiben Sie im Projektgespräch Ihr Geschäft, Ihre Zielgruppe, die gewünschte Gestaltung und die benötigten Seiten. Senden Sie die Anfrage und beantworten Sie Runners Fragen.
Öffnen Sie nach dem ersten fertigen Build Onlineshop und prüfen Sie die Vorschau. Eine fertige Vorschau ist noch nicht öffentlich.
Wählen Sie zum Start Veröffentlichen und erledigen Sie vor der Bestätigung alle angezeigten Voraussetzungen. Veröffentlichung und funktionierender Checkout müssen getrennt geprüft werden.

Bevor Sie beginnen

Verwenden Sie eine E-Mail-Adresse oder ein Google-Konto, auf die Sie zugreifen können.
Wählen Sie einen Arbeitsbereich mit einem freien Store-Platz und ausreichend Guthaben für die Anfrage. Klären Sie Tarif- oder Zugriffsbeschränkungen, bevor Sie einen weiteren Store erstellen.
Beschreiben Sie in einem Satz, was Sie verkaufen und wer es kauft. Verfeinern Sie das Design nach der ersten Vorschau.

Sie müssen keinen Zahlungsanbieter verbinden, um eine Storefront zu prüfen. Vorschau, veröffentlicht und bereit für Zahlungen sind getrennte Prüfpunkte.

Öffnen Sie Runner und wählen Sie Kostenlos starten. Wenn Sie bereits angemeldet sind, wählen Sie Workspace öffnen.
Wählen Sie Mit Google fortfahren und Ihr Konto oder geben Sie Ihre E-Mail ein, wählen Sie Fortfahren und geben Sie den Code aus der E-Mail von Runner ein.
Beantworten Sie gegebenenfalls die Fragen zum Konto. Runner öffnet Ihren Arbeitsbereich oder kehrt zur Ausgangsseite zurück.

Englische Markierungen: Das Anmeldeformular mit E-Mail, Fortfahren und Mit Google fortfahren

Die englischen Markierungen zeigen die Bedienelemente. Wähle das Bild aus, um es zu vergrößern.

Prüfen: Sie können Ihren Arbeitsbereich öffnen, ohne zur Anmeldung zurückzukehren. Falls ein Code oder die Kontoauswahl nicht funktioniert, lesen Sie Anmelden.

2. Einen Store erstellen

Wählen Sie oben in der linken Seitenleiste den Store-Namen und dann Geschäft erstellen. Klappen Sie die Seitenleiste zuerst auf, falls sie eingeklappt ist. Verwenden Sie in einem leeren Arbeitsbereich die dort angezeigte Aktion Geschäft erstellen oder + Store.
Wählen Sie Neu erstellen, falls das Formular eine Auswahl anbietet. Um einen bestehenden Shopify-Store zu behalten, verwenden Sie stattdessen Shopify verbinden.
Geben Sie unter Geschäftsname den Namen Quiet Mornings oder Ihren eigenen Namen ein.
Wählen Sie Erstellen und warten Sie, bis sich der neue Store öffnet. Wählen Sie Erstellen nicht erneut, während der Vorgang läuft.

Englische Markierungen: Das Store-Namensmenü öffnen und Geschäft erstellen auswählen

Die englischen Markierungen zeigen die Bedienelemente. Wähle das Bild aus, um es zu vergrößern.

Prüfen: Die Seitenleiste zeigt den Namen des neuen Stores. Durch das Erstellen des Stores wird seine Storefront noch nicht aufgebaut oder veröffentlicht.

3. Die erste Version beschreiben

Wählen Sie Onlineshop. Wenn noch keine Version erstellt wurde, zeigt Runner ein Eingabefeld für das gewünschte Aussehen. Sie können auch die Konversation des neuen Stores verwenden.
Kopieren Sie dieses Beispiel in das Eingabefeld und passen Sie die Geschäftsdetails an:

Build a store for Quiet Mornings, a handmade candle brand for people
who enjoy slow mornings. Use warm cream colors, forest-green accents,
and spacious product photography. Include a homepage, product pages,
About, and Contact. Start with three sample candles: Morning Light,
Cedar Cabin, and Lavender Dusk. Keep the store unpublished.

Wählen Sie den Sendepfeil (Nachricht senden). Falls Ihr Startbildschirm Mit dem Aufbau beginnen zeigt, verwenden Sie diese Aktion.
Runner öffnet die Konversation zum Aufbau und beginnt mit der Arbeit. Bleiben Sie in diesem Store, während Sie das Ergebnis prüfen.

Prüfen: Ihre Anfrage erscheint in der Konversation. Darunter sehen Sie eine Fortschrittsanzeige oder eine Rückfrage. Beispielprodukte dienen zum Üben; ersetzen Sie ihre Angaben, bevor Sie sie verkaufen.

4. Fragen beantworten und die Arbeit verfolgen

Lesen Sie jede Frage. Wählen Sie eine Antwort oder verwenden Sie Andere…, um eine eigene zu schreiben.
Beantworten Sie die übrigen Fragen. In diesem Beispiel wählen wir einen Kerzenpreis und einen Stil für die Produktfotos.
Warten Sie, bis Runner fortfährt. Öffnen Sie Details, wenn Sie einen fehlgeschlagenen oder blockierten Schritt verstehen möchten.

Englische Markierungen: Eine Rückfrage zum Preis der drei Beispielkerzen

Die englischen Markierungen zeigen die Bedienelemente. Wähle das Bild aus, um es zu vergrößern.

Ansehen: Rückfragen beantworten

Die Aufnahme zeigt die Preiswahl, den Wechsel zur Fotofrage und die Auswahl einer visuellen Richtung. Beantwortet bestätigt die Auswahl und Runner setzt die Arbeit fort. Ihre Fragen hängen von Ihrer Anfrage ab.

Prüfen: Keine Frage wartet mehr auf Ihre Antwort. Eine abgeschlossene Nachricht allein reicht nicht als Abschlussprüfung: Öffnen Sie die Storefront und prüfen Sie, was tatsächlich geladen wird.

5. Vorschau prüfen und eine Änderung vornehmen

Englische Markierungen: Die Quiet Mornings-Storefront in Runner mit aktueller Version und Vorschau-Steuerelementen

Die englischen Markierungen zeigen die Bedienelemente. Wähle das Bild aus, um es zu vergrößern.

Öffnen Sie Onlineshop oder wählen Sie Vorschau auf der abgeschlossenen Erstellungskarte, falls angeboten.
Warten Sie, bis der Store selbst erscheint. Vorschau wird vorbereitet … bedeutet, dass Sie ihn noch nicht prüfen können.
Öffnen Sie die Startseite, ein Produkt, About und Contact. Prüfen Sie Texte, Bilder, Preise und Navigation.
Verwenden Sie die Geräteauswahl, um PC, Tablet und Telefon zu prüfen. Achten Sie auf abgeschnittenen Text, überlappende Schaltflächen und horizontales Scrollen.
Kehren Sie zur Konversation zurück und bitten Sie um eine konkrete Änderung:

Change the homepage headline to “Make room for a slower morning.”
Keep the colors, layout, and product information unchanged.

Warten Sie auf die Änderung, öffnen Sie die aktuelle Vorschau erneut und prüfen Sie, ob die neue Überschrift sichtbar ist. Prüfen Sie nochmals die Ansicht Telefon.

Prüfen: Sie können die gewünschte Änderung in der Vorschau sehen. Der Store ist weiterhin unveröffentlicht. Falls verfügbar, können Sie im Designmodus auch ein Element für eine gezielte Bearbeitung auswählen.

Englische Markierungen: Version 2 zeigt die gewünschte Überschrift „Make room for a slower morning“

Die englischen Markierungen zeigen die Bedienelemente. Wähle das Bild aus, um es zu vergrößern.

Ansehen: Desktop- und Telefonlayouts prüfen

Die Geräteauswahl wechselt von PC zu Tablet, dann Telefon und zurück zu PC. Nur der Vorschaurahmen ändert sich; diese Aktion veröffentlicht oder bearbeitet Ihren Store nicht.

6. Die Prüfungen vor der Veröffentlichung ansehen

Für die Veröffentlichung kann ein kostenpflichtiger Tarif oder zusätzlicher Zugriff auf den Arbeitsbereich erforderlich sein. Wenn Veröffentlichen eine Upgrade-Meldung öffnet, prüfen Sie die aktuellen Tarife oder kehren Sie zur Vorschau zurück. Klären Sie diese Voraussetzung, bevor Sie die Veröffentlichungsbestätigung erwarten.

Englische Markierungen: Die Veröffentlichungsprüfung ist bestanden, aber eine Warnung zur unvollständigen Einrichtung hält Bestätigen deaktiviert

Die englischen Markierungen zeigen die Bedienelemente. Wähle das Bild aus, um es zu vergrößern.

Wählen Sie Veröffentlichen in der Storefront-Werkzeugleiste. Das startet Zugriffs- und Bereitschaftsprüfungen; es beweist noch nicht, dass der Store live ist.
Lesen Sie Bereitstellung bestätigen und warten Sie auf die Build-Prüfung.
Beheben Sie die angezeigten Probleme. Mit KI beheben fordert eine Reparatur an, Prüfung wiederholen führt die Prüfung erneut aus und Shop-Betrieb öffnen führt zur Einrichtung, falls angeboten.
Wenn Sie üben, wählen Sie Abbrechen. Um diese Version öffentlich zu machen, prüfen Sie alle Warnungen und wählen Sie Bestätigen erst, wenn die Schaltfläche aktiviert ist.
Warten Sie nach der Bestätigung auf eine erfolgreiche Veröffentlichung, öffnen Sie die öffentliche URL und prüfen Sie die Live-Seiten. Gehen Sie bei einem Fehlschlag nicht davon aus, dass Ihre Änderungen live sind.

Im Screenshot ist die Build-Prüfung bestanden, aber die Einrichtung erfordert noch Aufmerksamkeit. Trotzdem veröffentlichen – ich schließe die Einrichtung später ab., falls angeboten, bestätigt die aufgeführte unvollständige Einrichtung; die Arbeit wird dadurch nicht erledigt.

Ansehen: Prüfungen verlassen, ohne zu veröffentlichen

Die Aufnahme zeigt das Build-Ergebnis und die Warnung zur Einrichtung. Anschließend wird Abbrechen gewählt und die Vorschau wieder geöffnet. Der Beispielstore wird nicht veröffentlicht.

Prüfen: Eine funktionierende Vorschau zeigt, dass Sie den Build sehen können. Eine erfolgreiche Veröffentlichung und eine funktionierende öffentliche URL zeigen, dass Besucher den Store erreichen. Bevor Sie Bestellungen annehmen, müssen Zahlungsanbindung und Checkout-Prüfungen abgeschlossen sein.

Verwenden Sie Veröffentlichung vorbereiten für Produkte, Versand, Richtlinien und weitere Einstellungen. Fahren Sie mit Veröffentlichen und erneut veröffentlichen und Live-Store und Checkout fort.

Wenn ein Schritt nicht abgeschlossen wird

Was Sie sehen	Ihr nächster Schritt
Noch kein Store	Öffnen Sie das Store-Namensmenü oder die Erstellungsaktion im leeren Arbeitsbereich.
Store-Platz- oder Tariflimit	Prüfen Sie den Tarif des Arbeitsbereichs oder wählen Sie einen mit Platz. Wiederholtes Erstellen hebt das Limit nicht auf.
Eine Frage wartet auf Eingabe	Beantworten Sie sie, damit Runner fortfahren kann.
Vorschau wird vorbereitet	Lassen Sie die aktuelle Version geöffnet. Verwenden Sie Aktualisieren, falls angeboten, wenn die Vorbereitung nicht mehr voranschreitet.
Fehlgeschlagene, gestoppte oder widersprüchliche Ergebnisse	Öffnen Sie Details, lesen Sie das verbleibende Problem und prüfen Sie die tatsächliche Vorschau. Bitten Sie Runner, das konkrete Problem zu beheben, statt sich allein auf die Erfolgsmeldung zu verlassen.
Bestätigen ist deaktiviert	Schließen Sie den Build oder die aktive Aufgabe ab und erfüllen Sie die aufgeführten Anforderungen. „Keine Änderungen“ erfordert eine neue gespeicherte Änderung; es ist keine Warnung zum Wegklicken.
Ein Live-Store kann keine Zahlungen annehmen	Schließen Sie die Zahlungsanbindung und Checkout-Einrichtung ab, die unter Apps oder im Veröffentlichungsablauf angezeigt werden.