Studio Editor: De AI-assistent gebruiken om aangepaste code toe te voegen
6 min
In dit artikel
- Aangepast gedrag toevoegen met AI
- Door AI uitgevoerde codewijzigingen terug te draaien
- Veelgestelde vragen
Momenteel bevindt deze functie zich in de alfa-modus.
Voeg aangepast codegedrag aan elementen toe, zonder enige codeerervaring, met behulp van onze AI-assistent. Of je nu de interactiviteit verbetert of ervaringen op maat maakt, AI maakt het eenvoudig. Concentreer je op je creatieve visie terwijl de assistent de technische codering afhandelt, suggesties doet of je eigen ideeën uitvoert.
Hoe krijg ik toegang tot de AI-assistent?
Aangepast gedrag toevoegen met AI
Open de AI-assistent vanuit het code-paneel of klik met de rechtermuisknop op het specifieke element dat je wilt aanpassen. De assistent stuurt namens jou een eerste bericht — 'Welk interactief gedrag kun je op toepassen (element-ID)?' — en biedt op maat gemaakte suggesties op basis van het element.
Kies een voorgestelde gedraging of beschrijf de aanpassing die je in gedachten hebt. Je hebt altijd de kans om een voorbeeld van de code te bekijken en goed te keuren voordat deze wordt toegevoegd aan de website van je klant.
Om aangepast gedrag met AI toe te voegen:
- Ga naar je editor.
- Klik met de rechtermuisknop op het betreffende element.
- Selecteer Aangepast gedrag met AI toevoegen.
Tip: Dit opent de chat met de AI-assistent (in het code-paneel) links in de editor. - Bekijk de suggesties van de AI-assistent voor aangepast gedrag die deze kan toevoegen.
- Beschrijf wat je wilt aanpassen en klik op het Verzenden-pictogram
.
Tip: Het hoeft niet een van de suggesties te zijn als je een ander idee in gedachten had. De AI-assistent zal beoordelen en adviseren of het de aanpassing kan toevoegen waaraan je denkt. - Kies wat je dan wilt doen:
- De aanpassing verfijnen: Blijf chatten met de AI-assistent om de specifieke aanpassing die je wilt toevoegen, te verduidelijken.
- Bekijk een voorbeeld van de code: Klik op Code weergeven om de code te zien die AI wil toevoegen. Het biedt ook een uitsplitsing van wat de code doet, en verduidelijkt hoe de aanpassing wordt toegepast.
- Voeg de code toe: Voeg de code toe aan de website van je klant.
- Klik op Code toevoegen.
- Klik op Goedkeuren om het toevoegen van de code te bevestigen.
En nu?
- Klik onder Gegenereerde code op Voorbeeld om te zien hoe je aanpassing eruitziet.
- Je kunt altijd op het Nieuwe chat-pictogram
klikken om een gesprek te beginnen over een andere aanpassing die je AI wilt laten maken.
Door AI uitgevoerde codewijzigingen terug te draaien
Herstel de website van je klant naar de vorige status als je wijzigingen die door de AI-assistent zijn aangebracht ongedaan wilt maken. Je hebt toegang tot je chatgeschiedenis met de assistent en kunt alle gegenereerde code terugzetten naar een eerdere versie.
Om de code naar de vorige status te herstellen:
- Ga naar je editor.
- Klik links in de editor op Code
. - Klik op AI-assistent.
- Klik op het Meer acties-pictogram
rechtsboven in het Code-paneel. - Selecteer Chatgeschiedenis tonen.
- Selecteer het relevante gesprek.
- Klik onder het relevante Gegenereerde code-gedeelte op Herstellen.
Veelgestelde vragen
Klik op een vraag hieronder om meer te lezen.
Zijn er aanpassingen die niet worden ondersteund?
De AI-assistent gaf me een lijst met element-ID's (bijvoorbeeld: 'vak 3', 'onderdeel1') - hoe vind ik deze?
