Zurück zum Blog Desarrollo Shopify

KI-Blöcke in Shopify: So erstellen und überprüfen Sie sie

Wie man einen nützlichen Block anfordert, seine Einstellungen überprüft und ihn vor der Verwendung in einem Geschäft testet.
Bloques con IA en Shopify: cómo generarlos y revisarlos

Sidekick kann im Shopify-Editor Themablöcke aus einer Beschreibung generieren. Das Tool hilft bei der Erstellung einer ersten Implementierung; das Ergebnis muss überprüft werden, um sicherzustellen, dass es funktioniert, bearbeitet werden kann und zur Website passt.

Diese Funktion sollte nicht als exklusiv für Horizon präsentiert werden. Die Kompatibilität hängt vom Theme und den Anforderungen ab, die in der offiziellen Anleitung zur Blockgenerierung aufgeführt sind.

Wann es sinnvoll ist, einen Block zu generieren

Dies kann für eine bestimmte Komposition nützlich sein, die in Ihrem Theme nicht verfügbar ist: eine Tabelle mit Merkmalen, eine Dienstleistungserklärung oder ein Kampagnenelement. Bevor Sie Code generieren, prüfen Sie, ob Sie das Problem mit vorhandenen Sektionen oder Blöcken lösen können; diese erfordern in der Regel weniger Wartung.

Wenn das Element den Warenkorb, Zahlungen, Einwilligungen oder Kundendaten betrifft, ist die technische Überprüfung wichtiger als bei einem rein informativen Block. Eine visuelle Vorschau beweist diese Funktionen nicht.

Was in die Beschreibung aufgenommen werden sollte

  • Ziel: was der Besucher verstehen oder tun muss.
  • Inhalt: Titel, Text, Bild, Video, Schaltflächen und Felder, die tatsächlich benötigt werden.
  • Layout: was sich zwischen Desktop und Mobilgerät ändert.
  • Bearbeitung: welche Elemente das Team ohne Codeänderungen bearbeiten können muss.
  • Zustände: was passiert, wenn ein Bild fehlt, ein Link leer gelassen wird oder der Titel lang ist.

Erstellen Sie einen Block, der drei Produktvorteile erklärt. Jeder Vorteil muss einen bearbeitbaren Titel und Text haben. Auf dem Desktop werden sie in drei Spalten angezeigt, auf Mobilgeräten werden sie untereinander gestapelt. Farben und Typografie werden vom Theme übernommen. Fügen Sie für jeden Vorteil einen optionalen Link ein und verhindern Sie Lücken, wenn ein Feld leer ist.

Die Anweisung reduziert Mehrdeutigkeit. Dennoch müssen Sie überprüfen, ob die Einstellungen wie erwartet funktionieren und das Ergebnis keine unnötigen festen Inhalte oder Stile enthält.

Erstellungsprozess im Editor

  1. Arbeiten Sie zunächst mit einer Kopie oder einem Entwicklungsthema.
  2. Öffnen Sie die Vorlage und eine Sektion, die den Block unterstützt.
  3. Wählen Sie die Option zum Generieren und beschreiben Sie das Element.
  4. Überprüfen Sie das erste Ergebnis mit repräsentativem Inhalt.
  5. Fordern Sie konkrete Anpassungen einzeln an, wenn etwas nicht passt.
  6. Behalten Sie den Block nur nach dem Testen.

Shopify erstellt eine Blockdatei im Theme. Es handelt sich um eine Implementierung, die gewartet werden muss, auch wenn sie durch ein Gespräch erstellt wurde. Die Dokumentation für Entwickler erklärt den Zusammenhang mit der Blockarchitektur.

Was vor der Veröffentlichung zu überprüfen ist

Bereich Test
Bearbeitung Jede Einstellung ändern und das Ergebnis überprüfen; speichern und erneut öffnen
Mobilgerät Lange Titel, Schaltflächen und Medien ohne Überlaufen
Barrierefreiheit Tastatur, Fokus, Kontrast und Bedeutung von Bedienelementen und Bildern
Leistung Geeignete Bilder und keine unnötigen Downloads oder Skripte
Zusammenleben Zwei Instanzen des Blocks ohne Duplizierung von Identifikatoren oder Beschädigung des restlichen Themes

Überprüfen Sie außerdem, was passiert, wenn die Sektion im Editor entfernt und wieder hinzugefügt wird. Interaktive Komponenten müssen auch nach diesem Vorgang weiterhin funktionieren.

Fehler, die korrigiert werden sollten

Ein häufiges Problem ist, dass die KI das konkrete Beispiel löst, aber nicht die alltägliche Verwendung: ein im Code festgeschriebener Link, ein Video, das nur auf dem Desktop funktioniert, oder ein Design, das von einer exakten Textlänge abhängt. Das Team benötigt ein wiederverwendbares Element, keine Momentaufnahme, die einmal gut aussieht.

Es kann auch Code geben, der Elemente außerhalb des Blocks betrifft. Ein globaler Stil für alle Titel oder ein mehrfach registriertes Ereignis kann zu Fehlern führen, die weit von der gerade erstellten Sektion entfernt sind.

Wann eine individuelle Entwicklung angefordert werden sollte

Wenn Sie Geschäftsregeln, eine App-Integration oder ein Verhalten benötigen, das das Tool nicht zuverlässig erzeugt, sollten Sie die Idee in eine überprüfbare Entwicklung umsetzen. Bei kleinen Änderungen kann der größte Aufwand in der Überprüfung und Wartung liegen, nicht im Schreiben der ersten Version.

Bevor Sie die gesamte Struktur Ihrer Website ändern, lesen Sie, wie Sie ein Theme nach SEO- und Leistungsstandards auswählen und wie Sie das Hauptmenü organisieren. Wenn Sie eine Überprüfung des Ergebnisses benötigen, können wir diese in eine Shopify-Audits aufnehmen.

Redaktionelle Überprüfung: Team von Migraciones.io · 30. Oktober 2026. Funktionen, Tarife und Verfügbarkeit wurden mit den verlinkten Quellen abgeglichen.