Ecommerce Marketing Blog - Tips for Online Stores | Shoplazza

KI-Assistent für den E-Commerce: 4 Möglichkeiten, Ihren Shop neu zu gestalten

Geschrieben von Shoplazza Content Team | 10.11.2026, 10:26:13

Black Friday und Weihnachten stehen vor der Tür, und die Vorbereitung eines Online-Shops erfordert weit mehr als nur Produkte und Werbeaktionen. Das Banner auf der Startseite wird geändert, die Produktpräsentation aktualisiert, ein neuer Aktionsbereich eingerichtet – und sobald der Sale beendet ist, wird die gesamte Seite für den nächsten Start überarbeitet. Ein KI-Assistent für den E-Commerce kann Ihnen einen Großteil dieser sich wiederholenden Arbeit abnehmen. Athena, der in Shoplazza integrierteKI-Operations-Agent, deckt bereits die Bereiche Shop-Design, Produktmanagement und Marketing ab. Mit dem neuesten Update kommt nun auch das KI-gestützte Online-Shop-Design hinzu: Sie beschreiben die Änderung im Chat, und Athena erstellt oder bearbeitet die Seite innerhalb Ihres bestehenden Themes.

Warum nimmt die Aktualisierung eines Online-Shops in der Hochsaison so viel Zeit in Anspruch?

Um zu verstehen, warum dieses Update wichtig ist, hilft es, sich anzuschauen, was eine Shop-Aktualisierung für die meisten Verkäufer tatsächlich bedeutet.

Angenommen, du möchtest einen Aktionsbereich auf deiner Startseite einrichten. Zunächst durchsuchst du dein Theme nach einer passenden Kartenvorlage. Wenn keine passt, beauftragst du einen Entwickler, und bis die Arbeit fertig ist, steht der Aktionstermin bereits kurz bevor. Selbst das Ändern der Farbe einer einzigen Schaltfläche bedeutet, den richtigen Bereich zu finden, dessen Einstellungsfeld zu öffnen und eine lange Liste von Optionen durchzugehen. Wenn die Aktion endet, müssen diese Bereiche ausgeblendet oder wiederhergestellt werden, und der gesamte Zyklus beginnt für die nächste Kampagne von vorne.

Keine dieser Aufgaben ist für sich genommen schwierig. Das Problem ist, dass sie sich wiederholen und Zeit in Anspruch nehmen, die Sie lieber für die Beschaffung von Produkten, das Schalten von Anzeigen und den Kontakt mit Kunden aufwenden würden.

Was kann Athena für das KI-gestützte Online-Shop-Design leisten?

Das Update konzentriert sich auf vier Bereiche, und zu jedem der unten aufgeführten Bereiche gibt es eine Beispielanweisung, die Sie an Ihren eigenen Shop anpassen können.

  • Erstellen Sie benutzerdefinierte Seitenabschnitte anhand einer Beschreibung, ohne auf die integrierten Vorlagen Ihres Themes beschränkt zu sein
  • Lesen Sie ein Design-Mockup oder ein Referenzbild ein und wandeln Sie es mithilfe Ihrer echten Produkte in eine bearbeitbare Theme-Karte um
  • Ändern Sie jeden beliebigen Teil einer Seite, indem Sie ihn im Theme-Editor auswählen und die Änderung im Chat beschreiben
  • Nutzen Sie Ihre Produkt- und Kollektionsinformationen, um Szenenbilder und Texte in der Sprache Ihrer Zielgruppe zu generieren

Erstellen Sie einen benutzerdefinierten Abschnitt anhand einer Beschreibung

Der Black Friday steht vor der Tür, und Sie möchten einen Countdown über Ihren beliebtesten Produkten einblenden, um ein Gefühl der Zeitbegrenzung zu erzeugen. Ihr Theme enthält keine Vorlage dafür. Beschreiben Sie, was Sie möchten:

„Fügen Sie oberhalb der Liste der beliebtesten Produkte auf der Startseite eine Black-Friday-Countdown-Karte ein. Geben Sie ihr den Titel ‚BLACK FRIDAY SALES‘, passen Sie sie dem Stil des aktuellen Themes an und heben Sie das zeitlich begrenzte Angebot besonders hervor.“

Athena erstellt anhand dieser Beschreibung eine benutzerdefinierte Theme-Karte. Eine Produktvergleichstabelle oder ein Block mit Marken-Highlights funktioniert auf die gleiche Weise. Die Karte ist kein einmaliges Ergebnis, und dank einiger Details lässt sie sich wiederverwenden:

  • Sie verfügt über umfassende Einstellungsmöglichkeiten, sodass Text, Farben und Produktanzahl genau wie bei einer nativen Theme-Karte bearbeitet werden können
  • Sie wird in der Gruppe „Von der KI generiert“ Ihres aktuellen Themes gespeichert, sodass Sie sie später auf anderen Seiten hinzufügen können
  • Sie bleibt auch nach einem Theme-Upgrade erhalten, sodass Sie sie weiterhin nutzen können

Für neue Verkäufer bedeutet dies, dass Sie sich nicht mit der Struktur eines Themes auseinandersetzen oder auf den Zeitplan eines Entwicklers warten müssen. Wenn Sie den Abschnitt beschreiben können, können Sie ihn auch nutzen.

Verwandle eine Designvorlage in eine bearbeitbare Karte

Manchmal stammt die Idee nicht von dir. Ein Designer schickt dir ein Mockup für einen Kampagnenbereich, oder dir fallen in einem anderen Shop eine Farbpalette und ein Layout auf, die dir gefallen. Sende das Bild zusammen mit deinen Anforderungen an Athena:

„Verwende dieses Mockup, um einen Abschnitt ‚TOP-ANGEBOTE‘ auf der Startseite zu erstellen. Erstelle drei Karten, von denen jede ein einzelnes Produkt zeigt und auf dessen Produktseiteverlinkt. Passe die Farben, das Layout, die Schaltflächen und das rote Rabatt-Symbol in der oberen rechten Ecke exakt an. Ändere den Stil nicht.“

Athena liest das Layout, die Farben und die Inhaltsstruktur aus dem Bild aus und füllt die Karte anschließend mit echten Produkten aus deinem Shop. Bevor du es ausprobierst, solltest du Folgendes wissen:

  • Als Vorlage kann ein Mockup eines Designers oder einfach ein Stil dienen, der dir gefällt
  • Die Karten zeigen echte Produkte aus deinem Shop, und wenn man auf eine Karte klickt, öffnet sich die Produktseite
  • Das Ergebnis ist weiterhin eine bearbeitbare Themenkarte, sodass du die Details weiterhin anpassen kannst

Um ein gutes Design in Ihren eigenen Shop zu integrieren, sind keine Design- oder Programmierkenntnisse mehr erforderlich. Wenn Sie ein Referenzbild haben, das Sie ausprobieren möchten, melden Sie sich in Ihrem Shoplazza-Adminbereich an und senden Sie es an Athena.

Bearbeite jeden beliebigen Teil einer Seite, indem du ihn auswählst und im Chat anpasst

Im Alltag besteht die Arbeit im Shop meist aus kleinen Anpassungen und nicht aus der Erstellung neuer Bereiche. Früher bedeutete das Ändern einer Schaltflächenfarbe oder eines Layouts, den entsprechenden Bereich zu finden, das Einstellungsfenster zu öffnen, die richtige Option zu suchen und jede Einstellung manuell zu bearbeiten. Jetzt können Sie Athena direkt im Theme-Editor öffnen, den Bereich auswählen, den Sie ändern möchten, und Ihre Wünsche äußern. Nachdem Sie beispielsweise das „NEW IN“-Karussell auf Ihrer Startseite ausgewählt haben:

„Gestalte das ‚NEW IN‘-Karussell neu, damit es zum minimalistischen redaktionellen Look des Themes passt. Verwende einen cremefarbenen Hintergrund und entferne die abgerundeten Ecken, die Rabatt-Pillen und die weißen schwebenden Karten. Zeige Produktnamen und Preise als kleinen einfachen Text an, linksbündig unter jedem Bild, ohne Rahmen oder Schatten. Verschiebe die Pfeile nach rechts neben den Titel, auf dieselbe Zeile wie ‚NEW IN‘.“


So geht Athena bei einer solchen Bearbeitung vor:

  • Es wird nur der von dir ausgewählte Abschnitt geändert, während andere Bereiche unverändert bleiben
  • Sobald der Vorgang abgeschlossen ist, scrollt die Arbeitsfläche zur Änderung und hebt diese hervor, sodass du sehen kannst, was bearbeitet wurde
  • Du kannst weiter chatten, um das Ergebnis zu verfeinern, und alles rückgängig machen, was dir nicht gefällt

Die alte Vorgehensweise, eine Einstellung nach der anderen zu suchen, zu öffnen, zu durchforsten und zu bearbeiten, wird dadurch ersetzt, dass du das gewünschte Ergebnis beschreibst. In der Praxis verwandelt sich der Theme-Editor in eine Schnittstelle, mit der du sprechen kannst.

Fügen Sie echte Produkte, Szenenbilder und marketinggerechte Texte hinzu

Eine ansprechend gestaltete Seite ist nur der erste Schritt. Sie muss auch Ihre echten Produkte deutlich präsentieren und Kaufargumente liefern.

Nehmen wir einen Anbieter von Einrichtungsgegenständen, der den US-Markt anspricht. Er hat gerade eine Reihe von Sofas, Couchtischen und Stehlampen eingestellt und möchte diese auf der Startseite präsentieren, während er den Käufern zeigt, wie die Möbelstücke in einem echten Wohnzimmer zusammenwirken. Er könnte Athena Folgendes sagen:

„Erstelle unterhalb des Bereichs ‚Beliebte Produkte‘ auf der Startseite eine Karte mit einem Bild auf der linken Seite und Produkten auf der rechten Seite. Zeige die Wohnzimmermöbel auf der rechten Seite, generiere auf der linken Seite ein Wohnzimmer-Szenenbild unter Verwendung dieser Produkte und verfasse den Text auf Englisch.“



Athena arbeitet mit den Produkt- und Kollektionsinformationen, die bereits in Ihrem Shop vorhanden sind. In diesem Beispiel führt sie drei Schritte durch:

  • Erstellt ein Bild einer Wohnszene, in der die Produkte in einer realistischen Umgebung platziert sind
  • Füllt die Karte mit Ihren Produkten, wobei die Produkte rechts und die Szene links zu sehen sind
  • Sie verfasst Marketingtexte in der Sprache des Zielmarktes, in diesem Fall Englisch

Shoplazza ist seit Jahren im grenzüberschreitenden E-Commerce tätig, und Athena spiegelt dies wider. Produktbilder, Marketinginhalte und Seitengestaltung sind in einem Workflow vereint, sodass jede Produktkarte gut aussieht und gleichzeitig einem konkreten Verkaufsziel dient.

Ist es riskant, den Live-Shop von einer KI bearbeiten zu lassen?

Die größte Sorge der meisten Händler ist nicht, ob KI die Arbeit erledigen kann. Es geht vielmehr darum, ob eine fehlerhafte Bearbeitung live geschaltet wird, bevor jemand sie verhindern kann.

Athena speichert jede Designänderung zunächst in Ihrem Theme-Entwurf, sodass der Live-Shop zunächst davon unberührt bleibt. Sie können eine Vorschau des Ergebnisses anzeigen, weitere Anpassungen vornehmen oder die Teile rückgängig machen, die Ihnen nicht gefallen, und die Änderungen erst veröffentlichen, wenn Sie damit zufrieden sind. Athena übernimmt die Umsetzung, und Sie behalten die Kontrolle über das Endergebnis.

Das erleichtert auch die Bewältigung der Hochsaison. Sie können vor dem Sale eine Aktionskarte hinzufügen, den Marketingbereich nach dessen Ende ausblenden und die Produktpräsentation aktualisieren, sobald neue Artikel eintreffen. Diese kleinen, sich wiederholenden Designaufgaben können Sie Athena überlassen, wodurch Ihnen mehr Zeit für Produktmanagement, Kampagnen und den Markenaufbau bleibt.

Wo Athena in Ihren Arbeitsablauf für den Weihnachtsgeschäft passt

Vom Black Friday bis hin zu neuen Produkteinführungen und von kleinen Seitenanpassungen bis hin zu einer kompletten Markenauffrischung – die Designanforderungen eines Shops ändern sich ständig. Die neuen Designfunktionen von Athena decken vier Schritte in diesem Zyklus ab: das Erstellen benutzerdefinierter Bereiche, das Erstellen von Karten anhand einer Designvorlage, das Bearbeiten beliebiger ausgewählter Bereiche per Chat und das Erstellen von Szenen-Darstellungen anhand realer Produkte. Da jede Änderung als Entwurf gespeichert und erst nach Ihrer Bestätigung veröffentlicht wird, ist der Prozess schneller und auch vertrauenswürdiger.

Um in der Praxis zu testen, wie ein KI-Assistent für den E-Commerce das Design eines Online-Shops unterstützen kann, wählen Sie eine sich wiederholende Aufgabe aus Ihrer nächsten Kampagne aus, beispielsweise ein Werbebanner oder eine Produktpräsentation. Melden Sie sich dann in Ihrem Shoplazza-Adminbereich an und beschreiben Sie Athena das gewünschte Ergebnis.

Häufig gestellte Fragen zum KI-gestützten Online-Shop-Design mit Athena

F: Was kann die Shop-Design-Funktion von Athena?

Sie deckt vier Bereiche ab. Athena kann anhand einer schriftlichen Beschreibung eine individuelle Theme-Karte erstellen und ein Design-Mockup oder Referenzbild in eine bearbeitbare Karte umwandeln. Sie können außerdem einen Bereich im Theme-Editor auswählen und diesen per Chat ändern. Darüber hinaus kann Athena anhand Ihrer Produkt- und Kollektionsinformationen Szenenbilder und Werbetexte in der Sprache Ihrer Zielgruppe generieren.

F: Brauche ich Design- oder Programmierkenntnisse, um Athena für die Shop-Gestaltung zu nutzen?

Nein. Sie beschreiben den gewünschten Abschnitt, Stil oder die gewünschte Änderung in einfacher Sprache oder senden ein Referenzbild, und Athena erstellt oder bearbeitet dies für Sie. Sie müssen keine Vorlage suchen, keinen Code schreiben und nicht in einem Einstellungsmenü stöbern. Das Tool eignet sich besonders gut, wenn Sie noch relativ neu im Shop-Betrieb sind und keinen Entwickler zur Verfügung haben.

F: Wie detailliert sollten meine Anweisungen an Athena sein?

Die Beispiele in diesem Artikel folgen einem ähnlichen Muster. Sie geben an, an welcher Stelle auf der Seite die Änderung vorgenommen werden soll, was dort angezeigt werden soll, welchem Stil sie folgen soll und was unverändert bleiben soll. Wenn du etwas bearbeitest, das bereits vorhanden ist, wähle diesen Bereich zunächst im Theme-Editor aus, damit Athena nur diesen Teil ändert. Du kannst in Folge-Nachrichten jederzeit weitere Details hinzufügen.

F: Werden Athenas Änderungen ohne meine Freigabe live geschaltet?

Nein. Alle Designänderungen werden zunächst in Ihrem Theme-Entwurf gespeichert, sodass Ihr Live-Shop unverändert bleibt, bis Sie etwas anderes entscheiden. Sie können eine Vorschau des Ergebnisses anzeigen, es anpassen oder rückgängig machen und es dann veröffentlichen, sobald Sie zufrieden sind.

F: Kann ich einen von Athena erstellten Abschnitt auf anderen Seiten oder nach einem Theme-Upgrade wiederverwenden?

Ja. Benutzerdefinierte Karten von Athena werden in der Gruppe „Von KI generiert“ Ihres aktuellen Themes gespeichert, und Sie können sie bei Bedarf jederzeit auf anderen Seiten einfügen. Sie bleiben auch nach einem Theme-Update erhalten, sodass ein Promo-Layout, das in dieser Saison gut funktioniert hat, in der nächsten wiederverwendet werden kann.

F: Kann Athena Seiteninhalte für Shops erstellen, die in anderen Sprachen verkaufen?

Ja. Wenn Athena eine Display-Karte erstellt, kann sie den Marketingtext in der Sprache Ihres Zielmarktes verfassen. Im Beispiel für Einrichtungsgegenstände wird in der Anleitung ein englischer Text angefordert, und Athena kombiniert diesen mit einem Szenenbild und Ihren echten Produkten. Sie können die gewünschte Sprache in der Anleitung angeben.