Studio Editor: Mit dem KI-Assistenten benutzerdefinierten Code hinzufügen
6 min
In diesem Artikel
- Individuelles Verhalten mit KI hinzufügen
- Von der KI vorgenommene Änderungen am Code rückgängig machen
- Häufig gestellte Fragen (FAQ)
Zurzeit befindet sich diese Funktion in der Alpha-Phase.
Füge Elementen mit unserem KI-Assistenten Code für benutzerdefinierte Verhaltensweisen hinzu, ohne dafür programmieren können zu müssen. Egal, ob du die Interaktion verbessern oder maßgeschneiderte Erfahrungen erstellen möchtest – die KI macht es dir leicht. Konzentriere dich auf deine kreative Vision, während sich der Assistent um das Programmieren kümmert, dir Vorschläge macht oder deine Ideen umsetzt.
Wie kann ich auf den KI-Assistenten zugreifen?
Individuelles Verhalten mit KI hinzufügen
Greife über das Code-Panel auf den KI-Assistenten zu oder klicke mit der rechten Maustaste auf das Element, das du anpassen möchtest. Der Assistent sendet in deinem Namen eine erste Nachricht – „Welches interaktive Verhalten kannst du anwenden auf: (Element-ID)?“ – und bietet maßgeschneiderte Vorschläge basierend auf dem Element an.
Wähle ein vorgeschlagenes Verhalten oder beschreibe das Verhalten, das du dir vorstellst. Du kannst den Code jederzeit in der Vorschau anzeigen lassen und genehmigen, bevor er der Website deiner Kunden hinzugefügt wird.
Benutzerdefiniertes Verhalten mit KI hinzufügen:
- Öffne deinen Editor.
- Klicke mit der rechten Maustaste auf das entsprechende Element.
- Wähle Individuelles Verhalten mit KI hinzufügen.
Tipp: Dadurch wird links im Editor der Chat mit dem KI-Assistenten geöffnet (im Code-Panel). - Überprüfe die Vorschläge des KI-Assistenten für benutzerdefiniertes Verhalten, damit er sie hinzufügen kann.
- Beschreibe, was du anpassen möchtest, und klicke auf das Symbol für Senden
.
Tipp: Du musst keinen der Vorschläge annehmen, wenn du eine andere Idee hast. Der KI-Assistent prüft deine Idee und sagt dir, ob die gewünschte Anpassung hinzugefügt werden kann. - Entscheide, was du als Nächstes tun möchtest:
- Die Anpassung verfeinern: Chatte weiter mit dem KI-Assistenten, um die Anpassung, die er hinzufügen soll, genauer zu erklären.
- Den Code prüfen: Klicke auf Code anzeigen, um den Code zu sehen, den die KI hinzufügen möchte. Die Vorschau bietet auch eine Aufschlüsselung der Funktion des Codes und erklärt, wie die Anpassung angewendet wird.
- Den Code hinzufügen: Füge den Code zur Website deiner Kunden hinzu.
- Klicke auf Code hinzufügen.
- Klicke auf Bestätigen, um das Hinzufügen des Codes zu bestätigen.
Wie geht es weiter?
- Klicke unter Generierter Code auf Vorschau, um zu sehen, wie deine Anpassung aussieht.
- Du kannst jederzeit auf das Symbol für Neuer Chat
klicken, um eine Unterhaltung über eine andere Anpassung zu beginnen, die die KI vornehmen soll.
Von der KI vorgenommene Änderungen am Code rückgängig machen
Stelle den vorherigen Zustand der Website deines Kunden wieder her, wenn du Änderungen des KI-Assistenten rückgängig machen möchtest. Du kannst mit dem Assistenten auf deinen Chat-Verlauf zugreifen und jeden generierten Code auf eine frühere Version zurücksetzen.
Um den Code auf den vorherigen Zustand zurückzusetzen:
- Öffne deinen Editor.
- Klicke links im Editor auf Code
. - Klicke auf KI-Assistent.
- Klicke auf das Symbol für Weitere Aktionen
oben rechts im Code-Panel. - Wähle Chat-Verlauf anzeigen.
- Wähle die entsprechende Unterhaltung.
- Klicke unter dem entsprechenden Abschnitt mit Generiertem Code auf Wiederherstellen.
Häufig gestellte Fragen (FAQ)
Klicke unten auf eine Frage, um mehr zu erfahren.
Gibt es Anpassungen, die nicht unterstützt werden?
Der KI-Assistent hat mir eine Liste mit Element-IDs gegeben (z. B. „Box 3“, „Abschnitt 1“), wie finde ich sie?
