Von den KI-Einstellungen bis zur fertigen Erlebniswelt: Anbieter einrichten, Thema und Umfang festlegen, Produkte verknüpfen, Entwurf schärfen und die Seite samt Übersetzungen erzeugen.
Shopware 6.7 mit Storefront und aktivierten Erlebniswelten, PHP 8.2 oder neuer. Für die Bilderzeugung im Hintergrund muss der Nachrichtenverarbeiter von Shopware laufen.
ZIP im Admin unter Erweiterungen hochladen, installieren, aktivieren. Danach den Lizenzschlüssel von plugins.staw.io eintragen; die Prüfung braucht eine im Verkaufskanal hinterlegte Shop-Domain.
Unter KI-Einstellungen wählst du den Anbieter und das Modell und hinterlegst den API-Key. Mit "Verbindung testen" prüfst du beides, bevor die erste Seite entsteht.
Für Bilder gibt es einen eigenen Anbieter: OpenAI oder Google. Optional lässt sich einstellen, dass fehlende Alt-Texte in der Medienverwaltung automatisch ergänzt werden.
Hier legst du den internen Namen, die Art der Seite (eigene Landingpage oder Kategorieseite), die Verkaufskanäle und die Sprachen fest.
Dazu kommen Thema und Keywords - das ist die inhaltliche Vorgabe für die KI. Beim Umfang wählst du zwischen kompakt, standard und ausführlich, dazu Tonfall und Layout. Freie Aufbau-Anweisungen sind optional möglich.
Produkte lassen sich einzeln über die Suche auswählen. Alternativ verknüpfst du eine dynamische Produktgruppe - der Slider zeigt dann automatisch deren Produkte, ohne dass du die Auswahl pflegen musst.
Eine Kategorie lässt sich ebenfalls verknüpfen; der Call-to-Action-Button verlinkt dann dorthin. Für Kategorie-Layouts ist die Kategorieauswahl Pflicht.
Die KI erzeugt den Entwurf. Jeder Abschnitt lässt sich einzeln bearbeiten, per Ziehen verschieben oder löschen; über "Abschnitt hinzufügen" kommen Textabschnitte, Vorteile, Produkt-Kacheln oder Call-to-Action dazu.
Mit "Weitere Anpassung per KI" schickst du eine Änderungsanweisung an den bestehenden Entwurf, statt neu zu generieren. Seitentitel, Meta-Beschreibung und URL stehen ebenfalls hier.
Beim Erzeugen entstehen die Erlebniswelt, die Übersetzungen und die SEO-URLs. Sind KI-Bilder gewählt, laufen sie im Hintergrund weiter und werden nach Fertigstellung eingesetzt - das Fenster sollte dafür geöffnet bleiben.
Anschließend kannst du die Seite direkt im CMS-Editor öffnen. Ab hier ist es eine ganz normale Erlebniswelt.
Zwischenstände lassen sich speichern und später wieder in den Editor laden. Übernimmst du einen Entwurf für eine bestehende Seite, wird der Inhalt neu aufgebaut, die URL bleibt aber unverändert - bestehende Verlinkungen brechen also nicht.
Bei "Automatisch" verwendet das Plugin Kategoriebild und Produktbilder aus dem Shop, responsiv mit srcset eingebunden. Bei "KI-generiert" entstehen neue Motive über den gewählten Bildanbieter.
Beiträge erscheinen auf einer eigenen Blogseite. Sie bringt mit:
Ein Verweis auf den Blog lässt sich im Fussbereich einblenden. Die Beiträge stehen in der Sitemap und werden dadurch regulär indexiert.
Auf der Produktseite erscheint ein Block mit passenden Inhalten. Die Auswahl läuft in zwei Stufen: zuerst Beiträge und Seiten, die genau dieses Produkt verwenden. Reicht das nicht, kommen Inhalte dazu, die mit einer Kategorie des Produkts verknüpft sind.
Beiträge erscheinen als Ratgeber, Landingpages als Themenseite.
Jede Seite und jeder Beitrag kann ein Von- und ein Bis-Datum bekommen. Eine Aufgabe prüft das alle 15 Minuten und schaltet frei oder nimmt vom Netz.
Damit das läuft, muss die geplante Aufgabe in Shopware aktiv sein - zu finden unter Einstellungen, System, Aufgaben, Eintrag staw_kilp_direct.schedule.
Jede in Schritt 1 gewählte Sprache wird beim Erzeugen mit übersetzt, einschließlich Seitentitel und Meta-Beschreibung. Nachträglich lassen sich die Übersetzungen im CMS-Editor wie gewohnt anpassen.
Im Abschnitt mit Kundenstimmen gibt es zwei Felder, die zusammengehören:
Ausgegeben werden nur Stimmen mit Namen und einer Bewertung von eins bis fünf. Fehlt eines von beidem, bleibt die Stimme im Text stehen, taucht aber nicht in den strukturierten Daten auf.
Zur Sorgfalt: Zeichne nur Stimmen aus, die es wirklich gibt. Texte, die die KI als Beispiel erzeugt hat, gehören nicht als Bewertung ausgezeichnet - das verstößt gegen die Richtlinien von Google und kann die Seite aus den Suchergebnissen werfen.
Fragen gern direkt an uns - der Support kommt vom Entwickler. Über die Plugin Suite im Admin lässt sich zusätzlich ein Feature anfragen.
Jede Einstellung des Plugins mit Standardwert und Erklärung, in derselben Reihenfolge wie im Administrationsbereich. Die Texte stammen direkt aus dem Plugin (Version 2.41.1).
Hier wählst du, für welchen Verkaufskanal du die Einstellungen bearbeitest. Ohne Auswahl gelten die Werte überall, solange ein Kanal nichts Eigenes hinterlegt hat.
Legt fest, für welchen Verkaufskanal die Einstellungen darunter bearbeitet werden. Ohne Auswahl gelten sie für alle Kanäle, solange ein Kanal keine eigenen Werte hat.
Anbieter, Modell und API-Schlüssel für die Textgenerierung. Diese Einstellungen gelten global für alle Landingpages.
Der Dienst, der Texte für Blog-Beiträge und Landingpages schreibt. Zur Wahl stehen OpenAI, Anthropic (Claude), Mistral und Google Gemini. Für den gewählten Anbieter wird ein eigener API-Schlüssel benötigt.
Zugangsschlüssel des gewählten Textanbieters. Er wird nur für die Erstellung von Inhalten verwendet und verschlüsselt gespeichert. Ohne Schlüssel kann das Plugin keine Texte erzeugen.
Das Sprachmodell für die Texte. Die Liste richtet sich nach dem gewählten Anbieter; das empfohlene Modell ist vorausgewählt und für Blog-Beiträge und Landingpages ausgelegt.
Anbieter und API-Schlüssel für die KI-Bildgenerierung. Wird nur genutzt, wenn beim Erstellen der Bildmodus 'KI-Bilder' gewählt ist.
Der Dienst, der Bilder für Beiträge und Landingpages erzeugt: OpenAI (GPT Image), Google (Nano Banana / Imagen) oder Higgsfield (SOUL). Je nach Auswahl erscheinen darunter die passenden Zugangsfelder.
Higgsfield erzeugt Bilder asynchron - die Generierung dauert daher etwas länger. Key-ID und Secret stammen aus der Higgsfield Console.
Der geheime Teil des Higgsfield-Zugangs, gehört zur Key-ID darüber. Erscheint nur, wenn Higgsfield als Bild-Provider gewählt ist.
Das Higgsfield-Modell, mit dem Bilder erzeugt werden. Leer bleibt das Standardmodell des Anbieters aktiv.
Zugangsschlüssel für die Bilderzeugung beim gewählten Bild-Provider. Er kann sich vom Schlüssel für Texte unterscheiden und wird ebenfalls verschlüsselt gespeichert.
Aussehen der Blog-Übersicht. Reicht das nicht aus, lässt sich mit eigenem CSS alles überschreiben.
Schrift, Farben und Textgrößen der Blog-Übersicht kommen dann aus diesen Feldern statt aus dem Theme.
Schriftart für den Fliesstext des Blogs: Systemschrift, geometrisch, Serif oder Monospace. Greift nur, wenn die Übersicht unabhängig vom Theme gestaltet wird.
Schriftart für die Überschriften im Blog, mit denselben vier Möglichkeiten wie beim Fliesstext. So lassen sich etwa Serif-Überschriften mit schlichtem Fliesstext kombinieren.
Hintergrundfarbe der Blog-Seiten als Farbwert.
Farbe des Fliesstexts im Blog.
Wie viel Luft zwischen den Elementen bleibt: kompakt, normal oder luftig. Wirkt auf Abstände zwischen Absätzen, Abschnitten und Kacheln.
Maximale Breite des Blog-Inhalts in Pixeln, von 0 bis 1600. Bei 0 übernimmt das Plugin die Breite des Themes.
Betrifft Eingabefelder, Buttons, Schriftfarben und Rundungen. Im Shopware-Standard fügt sich der Blog in das Theme ein, bei Stone & Water greifen die Einstellungen unten.
Ohne Bild wird die Hintergrundfarbe genutzt.
Höhe des Titelbereichs über der Blog-Übersicht in Pixeln, von 120 bis 640.
Ausrichtung von Überschrift und Einleitung im Titelbereich: zentriert oder linksbündig.
Wie stark das Titelbild abgedunkelt wird, von 0 bis 90 Prozent. Die Abdunklung sorgt dafür, dass heller Text auf dem Bild lesbar bleibt.
Aussehen der Beitragskacheln: mit Rahmen, mit Schatten oder schlicht mit einer Trennlinie.
Hintergrundfarbe des Titelbereichs, wenn kein Titelbild gesetzt ist oder das Bild noch lädt.
Farbe für Links, Schaltflächen und hervorgehobene Elemente im Blog.
Rundung der Ecken von Kacheln, Bildern und Schaltflächen in Pixeln, von 0 (eckig) bis 32.
Abstand zwischen den Beitragskacheln in Pixeln, von 0 bis 60.
Wird nach dem Standard-CSS eingebunden und überschreibt es daher. Nutzbare Klassen beginnen mit .staw-blog.
Aussehen der Blog-Übersichtsseite unter /blog.
Überschrift über der Blog-Übersicht. Leer erscheint die Standardüberschrift.
Kurzer Text unter der Überschrift der Blog-Übersicht, der erklärt, was den Leser erwartet. Bleibt er leer, entfällt die Einleitung.
Titel der Blog-Übersicht für Suchmaschinen und den Browser-Tab. Leer wird die Überschrift verwendet.
Rund 150 bis 160 Zeichen werden in den Suchergebnissen angezeigt.
Ob die Beiträge als Kacheln im Raster oder als Liste untereinander erscheinen.
Anzahl der Kachelspalten auf grossen Bildschirmen: 2, 3, 4 oder 5. Auf schmalen Geräten reduziert sich die Zahl automatisch. Gilt nur für die Darstellung als Kacheln.
Wie viele Beiträge eine Seite der Übersicht zeigt, von 0 bis 200. Bei 0 wählt das Plugin eine passende Zahl zur Spaltenanzahl.
Beschriftung des Links unter jedem Beitrag in der Übersicht.
Welche Angaben eine Kachel zeigt: Bild, Datum, Autor, Teaser, Schlagwörter und Weiterlesen-Link lassen sich einzeln ein- und ausschalten.
Höhe des Beitragsbilds auf der Kachel in Pixeln, von 80 bis 480.
Wie das Bild in die Bildfläche passt: füllend schneidet Ränder ab, damit die Fläche voll ist; vollständig zeigt das ganze Bild, gegebenenfalls mit Rand.
Länge des Vorschautexts auf der Kachel in Zeichen, von 40 bis 600. Längere Texte werden an einer Wortgrenze gekürzt.
Wie viele Schlagwörter eine Kachel höchstens zeigt, von 0 bis 20. Bei 0 erscheinen alle.
Ausrichtung von Text und Angaben innerhalb der Kachel: linksbündig oder zentriert.
Welche Bedienelemente über der Übersicht erscheinen: Suche, Sortierung, Schlagwort-Filter und die Wahl, wie viele Beiträge pro Seite angezeigt werden.
Erscheint unterhalb der Beiträge. Gut für erklärenden Text, der für Suchmaschinen und Leser einordnet, worum es im Blog geht.
Gilt für jede neu erzeugte Seite. Ergänzt nur fehlende Alt-Texte in der Medienverwaltung.
Ohne führenden Schrägstrich, zum Beispiel "ratgeber" oder "magazin". Erlaubt sind Kleinbuchstaben, Ziffern, Bindestriche und Schrägstriche. Der alte Pfad /blog bleibt zusätzlich erreichbar.
Wie der Blog gefunden wird: ein Link zur Übersicht im Footer des Shops und die Aufnahme der Beiträge in die Sitemap, damit Suchmaschinen sie finden.
Die Leiste über dem Beitrag mit dem Rücksprung zur Übersicht.
Der Rücksprung zur Übersicht bleibt dann auch im langen Beitrag erreichbar.
Nötig, wenn das Theme eine eigene mitlaufende Kopfzeile hat. Deren Höhe hier eintragen, sonst 0.
Was die Leiste auf einzelnen Beiträgen zeigt: Datum, Autor, Schlagwort-Filter sowie Links zum vorherigen und nächsten Beitrag.
Beschriftung des Buttons, der von einem Beitrag zurück zur Übersicht führt.
Blendet passende Beiträge und Landingpages auf der Produktdetailseite ein - zuerst Inhalte mit genau diesem Produkt, danach solche aus einer Kategorie des Produkts. Ab fünf Einträgen wird daraus ein Slider, auf Mobilgeräten bereits ab zwei.
Welche Inhalte auf der Produktseite empfohlen werden: Beiträge und Landingpages, nur Blog-Beiträge oder nur Landingpages.
Wie viele passende Inhalte auf der Produktseite erscheinen, von 1 bis 12.
Überschrift des Bereichs mit den passenden Inhalten auf der Produktseite.
Kurzer Satz unter der Überschrift auf der Produktseite. Bleibt er leer, entfällt die Einleitung.
Bezeichnung, mit der Blog-Beiträge auf den Kacheln gekennzeichnet werden.
Bezeichnung, mit der Landingpages auf den Kacheln gekennzeichnet werden.
Welche Angaben die Kacheln auf der Produktseite zeigen: Bild, die Art des Inhalts (Ratgeber oder Themenseite), Teaser und Datum.
Ob jede Kachel einen eigenen Button bekommt und ob der Link in einem neuen Tab öffnet.
Beschriftung des Buttons auf den Kacheln der Produktseite.
Höhe des Bilds auf den Kacheln der Produktseite in Pixeln, von 80 bis 480.
Wie das Bild in die Bildfläche der Kachel passt: füllend mit Beschnitt oder vollständig ohne Beschnitt.
Verhalten, wenn mehr Inhalte vorhanden sind als nebeneinander passen: Navigationspunkte unter den Kacheln und automatisches Weiterblättern.
Wie lange jede Ansicht stehen bleibt, bevor der Slider weiterblättert, von 2 bis 30 Sekunden. Greift nur bei eingeschaltetem automatischem Weiterblättern.
Kürzt den Teaser an einer Wortgrenze, damit die Kacheln gleich hoch wirken. Der Button sitzt unabhängig davon immer an der Unterkante.
Alle Preise netto zzgl. USt.
Lade die kostenlose Plugin Suite herunter und spiele sie im Admin ein, ganz ohne SSH. Darüber installierst und aktualisierst du das Plugin mit einem Klick. Die Lizenz kaufst du direkt bei uns, mit Rechnung von uns und Support direkt vom Entwickler.
Das Plugin wird im offiziellen Shopware Community Store gelistet. Installation und automatische Updates laufen dann über den Plugin Manager im Backend, die Abrechnung über deinen Shopware-Account. Sobald verfügbar, verlinken wir es hier.