KI-Shop-Builder

Der KI-Shop-Builder von Runner AI ist ein automatisiertes End-to-End-Website-Erstellungssystem, mit dem Sie eine verkaufsbereite E-Commerce-Website aus einer einfachen Beschreibung generieren können.

Im Gegensatz zu traditionellen Website-Buildern müssen Sie nicht:

• Code schreiben
• Layouts gestalten
• Komplexe Tools erlernen
• Von einer leeren Leinwand starten

Mit nur einem Prompt kann Runner AI generieren:

• Homepage (Hero-Bereich, Produktblöcke, Kategoriestruktur)
• Produktseiten (wenn Produkte hinzugefügt werden)
• Seitenweite Farbpalette und Typografie
• Conversion-orientierte Texte
• Website-Bilder und -Videos (optional)
• Vollständige Seitenstruktur und Design-Framework

Nach der Generierung können Sie alles mit dem visuellen Editor anpassen oder den Inhalt mit Prompts weiter optimieren.

Was Sie Lernen Werden

• Der KI-Shop-Erstellungs-Workflow
• Wie man Prompts schreibt und optimiert
• Verwendung des Design-Modus (visuelle Bearbeitung)
• Optimierung von Text, Bildern und Layouts mit KI
• Generierung von Website-Videos
• Hinzufügen neuer Module
• Aufbau von Multi-Page-Site-Strukturen
• Wiederherstellung früherer Versionen
• Häufig gestellte Fragen

1. Generieren Sie Ihre Erste KI-Website

Im Kern von Runner AI steht die Fähigkeit, Ihre Geschäftsidee mit Prompts in eine vollständige Website umzuwandeln.

Schritt-für-Schritt-Übersicht

Schritt 1: Shop Erstellen Gehen Sie zu: Dashboard → Shop Erstellen Nach Eingabe Ihres Shop-Namens werden Sie zum Shop-Builder weitergeleitet.

Schritt 2: Prompt Eingeben Beschreiben Sie, was Sie erstellen möchten, zum Beispiel:

• "Ich möchte einen handgemachten Kerzenladen mit einer weichen, sauberen, cremigen Ästhetik."
• "Erstelle eine Black Friday Elektronik-Promotion-Site mit Countdown-Timer und Rabatt-Bereichen."
• "Generiere eine Landing Page zur Bewerbung meines KI-Kurses."

Schritt 3: Auf Generierung Warten (dauert normalerweise Sekunden) Runner AI generiert automatisch:

• Seitenstruktur
• Bilder (wenn KI-Bilder aktiviert sind)
• Texte (Titel, Beschreibungen)
• Empfohlene Module
• Ein kohärentes Design-System

Schritt 4: Überprüfen und Bearbeiten Nach der Generierung können Sie:

• Layouts anpassen
• Bilder ersetzen
• Texte verfeinern
• Module hinzufügen
• Neue Seiten erstellen

2. Prompt-Optimierung

Die Qualität Ihres Prompts beeinflusst direkt die Qualität der generierten Website.

Schlüsselelemente eines Effektiven Prompts

Ein gut strukturierter Prompt enthält typischerweise:

Geschäftstyp

• "Tierbedarfs-Shop"
• "Yoga-Bekleidungsmarke"

Design-Stil

• "Minimal, sauber, cremige Töne"
• "Dunkel, Premium, futuristisch"

Zielgruppe

• "Für amerikanische weibliche Verbraucher"
• "Konzipiert für professionelle Fotografen"

Funktionale Anforderungen

• "Countdown-Modul einschließen"
• "Hochauflösende Bildergalerien anzeigen"

Prompt-Verbesserung (Integrierte Unterstützung)

Wenn Sie mit einer einfachen Idee beginnen, wie:

"Ich möchte eine Tierbedarfs-Website erstellen"

Wird Runner AI Ihren Prompt automatisch verbessern und erweitern:

• Seitenstruktur
• Design-Richtung
• Modul-Anforderungen
• Text-Tonalität
• Nutzer-Szenarien

Drücken Sie Tab, um den verbesserten Prompt zu akzeptieren und fortzufahren.

Empfohlene Prompt-Beispiele

Winter-Ausverkauf (Erstellen Sie eine moderne, mobile-first Winter-Kleidungs-Ausverkaufs-E-Commerce-Website...)

Home Decor Boutique (Erstellen Sie eine Home Decor Boutique mit schickem, minimalistischem Design...)

Shopify Theme Remix (Remixen Sie das Shopify Impulse Theme https://themes.shopify.com/themes/impulse/presets/impulse...)

Persönliche Marken-Website (Erstellen Sie eine moderne, responsive, gründergeführte E-Commerce-Website...)

(Die oben gezeigten Prompts sind offiziell empfohlene Beispiele.)

3. Design-Modus (Visuelle Bearbeitung)

Der Design-Modus ermöglicht es Ihnen, Ihre Website visuell anzupassen, ohne Code.

Textbearbeitung

Sie können:

• Text manuell bearbeiten
• Schriftart, Größe und Gewicht anpassen
• Farbe, Ausrichtung und Position ändern
• KI-Umschreiben verwenden, um Texte mit verschiedenen Tonalitäten neu zu generieren

KI-Bearbeitungsfunktionen verbrauchen Credits.

Bildbearbeitung

Sie haben zwei Optionen:

Eigene Bilder hochladen Ideal für Verkäufer mit vorhandenen Marken-Assets.

Mit KI-Bildern generieren oder ersetzen Ideal, wenn Sie keine visuellen Materialien haben.

Beispiel-Prompt:

"Generiere ein warmes Lifestyle-Hero-Bild mit einem sanften beigen Hintergrund und natürlichem Sonnenlicht."

Runner AI ersetzt automatisch das ausgewählte Bild.

4. Video-Generierung

Video-Generierung ist eine erweiterte Funktion zur Steigerung von Engagement und SEO.

Wie man ein Video generiert

Geben Sie einen Prompt ein wie:

generate a branding video for my hero section that showcases modern jewelry with gold accents and slow-motion product shots

Runner AI wird:

• Das Video generieren
• Es in den Hero-Bereich einfügen
• Autoplay, Stummschaltung und Loop-Einstellungen konfigurieren

Anpassbare Optionen

• Vorschaubild
• Wiedergabeverhalten (Autoplay, Stummschaltung, Loop)
• Visueller Stil (realistisch, filmisch, markenorientiert)

Verfügbarkeit und Kosten

• Verfügbar ab Runner Plan und höher
• Jedes Video verbraucht 10 Credits

5. Neue Module Hinzufügen

Module bestimmen die Reichhaltigkeit der Seite und die SEO-Performance.

Verfügbare Module:

• Produktkategorie-Bereiche
• FAQ
• Testimonials
• Textblöcke
• Bild + Text-Bereiche
• Marketing-Popups (Rabatte, Countdown)
• E-Mail-Abonnement-Blöcke
• Feature-Highlights
• Markengeschichte / Über uns-Bereich

Anwendungsfälle:

• Produktlaunch-Seiten
• Kampagnen-Landingpages
• Marken-Storytelling-Seiten
• SEO-Content-Seiten (z.B. "Winter-Outfit-Guide")

Module können unbegrenzt und ohne Code hinzugefügt werden.

6. Multi-Page-Site-Struktur Aufbauen

Eine vollständige Website umfasst typischerweise mehr als nur die Homepage.

Sie können erstellen:

Produktdetailseiten

Beinhalten:

• Produktbilder
• Beschreibung
• Spezifikationen
• Kundenbewertungen
• Empfohlene Produkte
• FAQ

Blog-Seiten

Verwendet für SEO und Content-Marketing, zum Beispiel:

• "Wie man die richtige Yoga-Kleidung wählt"
• "Warum natürliche Kerzen sicherer sind"

Über uns-Seite

Baut Markenglaubwürdigkeit und Vertrauen auf.

Kontaktseite

Bietet Kundensupport-E-Mail und Social-Links.

Runner AI kann automatisch vollständigen Inhalt für jede Seite generieren.

7. Versionsverlauf und Rollback

Alle KI-generierten Änderungen und manuellen Bearbeitungen werden automatisch als Versionen gespeichert.

Sie können:

• Alle Versionen anzeigen
• Frühere Zustände in der Vorschau anzeigen
• Jede Version mit einem Klick wiederherstellen

Ideal für:

• Testen verschiedener Designs
• Fehler korrigieren
• Unerwünschte Änderungen rückgängig machen

8. FAQ

F1: Kann ich die generierte Website vollständig anpassen? Ja. Fast alle Layouts, Bilder und Texte sind bearbeitbar.

F2: Warum ist Video-Generierung eine kostenpflichtige Funktion? Video-Generierung ist ressourcenintensiv und daher als erweiterte Funktion klassifiziert.

F3: Wem gehören die Rechte an KI-generierten Bildern? Sie erhalten volle kommerzielle Nutzungsrechte.

F4: Kann ich Prompts in anderen Sprachen als Englisch verwenden? Ja, obwohl englische Prompts derzeit die besten Ergebnisse liefern.