Studio Editor: De AI-assistent gebruiken om aangepaste code toe te voegen

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?

fragment uit een gesprek met de AI-assistent nadat deze aangepaste code had gegenereerd, waardoor een knop in Duitsland voor bezoekers is uitgeschakeld

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.
  1. Klik op Code toevoegen.
  2. 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.

Gesprek met de AI-assistent, met het einde waar het code genereerde die een knop uitschakelt voor bezoekers uit Duitsland

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.