AI Studio in Voluit Suite

AI Studio is een AI-builder in Voluit Suite die je helpt om sneller websites, landingspagina’s en andere interactieve ervaringen te maken met prompts in gewone taal. In plaats van alles vanaf nul op te bouwen, beschrijf je wat je wilt maken. Daarna kun je werken met templates, een URL of afbeelding als referentie gebruiken, en het resultaat stap voor stap laten aanpassen met AI. AI Studio is gemaakt om je creatieproces te versnellen en je projecten overzichtelijk te houden in een eigen workspace.

Belangrijk: AI Studio is beschikbaar via Labs. Zet dit eerst aan voor je account voordat je AI Studio gebruikt.

Wat is AI Studio

AI Studio is een conversational, AI-builder waarmee je ideeën snel omzet naar een werkende digitale ervaring. Op basis van je prompt kan AI Studio layouts, teksten, afbeeldingen en ervaringen met meerdere pagina’s maken. Daarna kun je het resultaat verder verfijnen met vervolgopdrachten.

AI Studio kan één pagina maken, of meerdere gekoppelde secties binnen hetzelfde webproject. Zo heb je sneller een complete eerste opzet, in plaats van elk onderdeel handmatig te bouwen. AI Studio past ook een consistente stijl toe op je pagina, genereert content op basis van je prompt en het doel van de pagina, en geeft je een sterke conceptversie die je later zelf kunt finetunen. Als je geen afbeeldingen aanlevert, kan AI Studio visuals genereren voor hero-secties en ondersteunende onderdelen. Als je afbeeldingen uploadt en duidelijk aangeeft dat AI Studio die moet gebruiken, kan AI Studio die visuals op de pagina plaatsen.

AI Studio is niet beperkt tot standaard websites of landingspagina’s. Je kunt het ook gebruiken voor interactieve front-end ervaringen, zoals multi-step surveys, custom kalender boekingsflows, branded formulieren, en andere klantgerichte ervaringen. Daarmee is AI Studio een bredere creatieve workspace voor customer experiences, niet alleen voor statische pagina’s.

AI Studio kan je helpen om:

Een landingspagina te maken met een live URL als inspiratie voor layout en structuur
Een storefront te bouwen met je geüploade branded foto’s
Een dashboard-layout te genereren voor een specifieke business use case
Een afspraakpagina te maken die gekoppeld is aan je kalender
Een website te bouwen met content, visuals en call-to-actions als startpunt

Key Benefits of AI Studio

AI Studio helpt teams sneller te bouwen, makkelijker te experimenteren, en met minder handwerk van idee naar live te gaan. Het grootste voordeel is dat generatie, iteratie, previewen en projectbeheer in één workspace samenkomen.

Sneller bouwen: start met een prompt in plaats van elke sectie handmatig op te zetten
Natuurlijk bewerken: vraag om aanpassingen in gewone taal en laat AI de update verwerken
Flexibele inspiratie: gebruik templates, URLs, screenshots en geüploade afbeeldingen als richting voor de output
Veilig itereren: gebruik versiegeschiedenis en herstelopties om wijzigingen te testen met meer zekerheid
Ingebouwde organisatie: beheer projecten, mappen, recent werk en starred items op één plek
Route naar live: preview, publiceer en koppel een custom domein zodra je project klaar is

Waar je AI Studio vindt

AI Studio is beschikbaar in de linker navigatie binnen je account, nadat je het hebt aangezet in Labs. Zo kun je makkelijk teruggaan naar je projecten en later verder werken vanuit dezelfde workspace.

Open je account in Voluit Suite.
Zet AI Studio aan in Labs als dit nog niet aan staat.
Klik in de linker navigatie op AI Studio.

AI Studio Home en interface-overzicht

Het AI Studio startscherm is waar je nieuwe projecten begint, eerder werk opent, en alles beheert wat je gebouwd hebt. Als je de opzet snapt, schakel je sneller tussen bouwen, bewerken en organiseren.

Wanneer je AI Studio opent, zie je:

Een beschrijvingsveld waar je typt wat je wilt bouwen
Tabs zoals Recently Viewed, My Projects, Starred en Templates
Template-opties zoals landing pages, dashboards, ecommerce storefronts, portfolios en blogs
Een linker sidebar met toegang tot projecten en recent werk

Vanaf het startscherm kun je een nieuw project starten, een bestaand project openen, een project hernoemen, een project naar een map verplaatsen, of een project verwijderen.

Een project maken in AI Studio

AI Studio geeft je meerdere manieren om te starten. Dat helpt omdat je kunt beginnen met het type input dat je al hebt. Of je nu start met een idee, een template, een website als referentie, of een afbeelding: het doel blijft hetzelfde. Je komt sneller bij een sterke eerste versie.

Start met een prompt

Je kunt een prompt typen waarin je beschrijft wat je wilt bouwen. Hoe meer detail je geeft, hoe beter AI Studio de eerste versie kan vormen. Naast je prompt kun je ook extra input gebruiken, zoals bestanden, afbeeldingen of een live URL als inspiratie voor structuur, layout of stijl.

Voorbeeldprompts:

Maak een website voor een tandartspraktijk met online boeken
Bouw een portfolio website voor een freelance designer met de bijgevoegde brand afbeeldingen
Bouw een homepage voor een familiecamping en gebruik deze URL als inspiratie voor navigatiestijl en algemene structuur: https://www.campingvacation.com/
Maak een boutique skincare website en gebruik de bijgevoegde screenshot van de homepage als visuele richting voor de hero-sectie, spacing en typografie

AI Studio stelt vervolgvragen wanneer dat nodig is

Je hoeft geen perfecte prompt te schrijven. Als je vraag te breed is, kan AI Studio eerst een paar korte vervolgvragen stellen voordat er iets gebouwd wordt.

Bijvoorbeeld: als je zegt “bouw een website voor mijn bedrijf”, kan AI Studio vragen voor welk type bedrijf de website bedoeld is. Zo kun je het doel kiezen zonder dat je zelf meteen alles hoeft uit te werken.

Start met een template

Templates zijn handig als je snel wilt beginnen met een bekende structuur. AI Studio heeft templates voor veelvoorkomende projecttypes, zoals:

Landing page
Dashboard
Ecommerce storefront
Portfolio

Om te starten met een template, ga je naar de tab Templates en selecteer je de template die je wilt gebruiken.

Projecten bewerken en verfijnen

AI Studio werkt het beste als conversational builder. Je zit niet vast aan de eerste versie die AI Studio genereert. Daardoor kun je het resultaat blijven verbeteren totdat het past bij je doel.

Na het genereren kun je AI Studio bijvoorbeeld vragen om:

Kleuren of styling aan te passen
Koppen of body copy te herschrijven
Een contactformulier of boekingssectie toe te voegen
Een referentie-URL of screenshot te gebruiken voor een specifiek onderdeel

Voorbeelden van vervolgprompts:

Verander de kleuren en gebruik lichtgroen in plaats van oranje
Voeg een Contact page toe
Maak de top navigation vergelijkbaar met de referentie-URL
Voeg een testimonial-sectie toe zoals in de bijgevoegde screenshot
Vervang de hero-afbeelding door de bijgevoegde afbeelding

AI Studio kan ook geüploade afbeeldingen in je project gebruiken. Als je geen afbeeldingen aanlevert, kan AI Studio zelf visuals genereren.

Je project previewen en controleren

Met preview-tools controleer je hoe je project eruitziet voordat je publiceert. Dit helpt om de layout te beoordelen, tussen meerdere pagina’s te wisselen, en het resultaat op verschillende apparaten te bekijken.

In de editor kun je:

Wisselen tussen Preview en Code view
De weergave bekijken in desktop, tablet en mobile modes
Via de page dropdown schakelen tussen pagina’s in een multi-page project
De geselecteerde pagina in een nieuw tabblad openen of de preview refreshen na wijzigingen

Versiegeschiedenis

Elke AI-wijziging maakt een versie aan waar je later op terug kunt vallen. Zo kun je veiliger itereren zonder dat je bang hoeft te zijn dat je een eerdere versie kwijt raakt.

In de versiegeschiedenis kun je:

Eerdere versies openen
Een eerdere versie previewen
Een versie bookmarken
Teruggaan naar een eerdere versie als dat nodig is

Dit is handig als je wijzigingen wilt vergelijken, een prompt-resultaat wilt terugdraaien, of terug wilt naar een versie die beter bij je doel paste.

Om de versiegeschiedenis te bekijken, klik je in je project op Version History.

Formulieren en kalenderintegratie

Formulieren en kalenders zorgen ervoor dat een AI-gegenereerde pagina ook echt data kan verzamelen of afspraken kan inplannen. AI Studio kan de front-end ervaring bouwen voor deze acties. Daarna begeleidt AI Studio je door de stappen om die onderdelen te koppelen, zodat ze in je Voluit Suite account ook echt gaan werken.

Belangrijk: Formulieren en kalenders worden niet automatisch gekoppeld. AI Studio kan de layout maken voor een formulier of boekingssectie, maar je moet AI Studio expliciet vragen om die component te koppelen voordat er data naar je account wordt gestuurd.

Hoe Formulieren werken in AI Studio

AI Studio kan form-based secties en pagina-ervaringen maken op basis van een prompt. Je kunt bijvoorbeeld vragen om een contactformulier, registratieformulier, feedbackformulier, of een lead capture sectie. In deze fase is het formulier eerst een front-end layout. Dat betekent dat het formulier al op de pagina kan staan, terwijl het nog niet gekoppeld is aan je CRM.

Wanneer je wilt dat het formulier submissions gaat verzamelen, vraag je AI Studio om het te koppelen, of klik je op Connect wanneer je die optie in de chat krijgt. Dit start de Connect to CRM flow. Die wordt gebruikt om:

Contacten aan te maken in je account
Formulierinzendingen vast te leggen
Workflows te ondersteunen via tracking triggers

Zodra die koppelstap is afgerond, kan AI Studio het formulier verbinden met de gekoppelde setup, zodat inzendingen in je Voluit Suite account binnenkomen.

Voor een volledige walkthrough, zie het aparte artikel over forms en calendars koppelen in AI Studio.

Hoe kalenders werken in AI Studio

AI Studio kan ook booking-focused pagina’s maken. Als je vraagt om een afspraakpagina, consult booking page, of discovery call page, kan AI Studio de pagina opbouwen rondom planning en een booking-sectie toevoegen.

Om die booking-ervaring functioneel te maken, kan AI Studio kalenders detecteren die al in je account bestaan en je vragen welke je wilt koppelen. Op hoofdlijnen werkt dit zo:

AI Studio maakt de booking-sectie op de pagina.
Je kiest een kalender uit je account.
Die kalender wordt gekoppeld aan de pagina.

Zo kun je sneller van ontwerp naar een werkende planningservaring gaan, zonder dat je alles opnieuw hoeft te bouwen.

Voor een volledige walkthrough, zie het aparte artikel over forms en calendars koppelen in AI Studio.

Je projecten publiceren

Publiceren helpt om je project van draft naar iets deelbaars en live te brengen. AI Studio gebruikt een publicatieflow in stappen. Je kunt eerst publiceren naar een preview-domein, het resultaat controleren, en daarna pas overgaan naar een custom domein.

Na publicatie kun je gewoon blijven bewerken. Wijzigingen blijven in draft totdat je opnieuw publiceert. Zo kun je verbeteren zonder direct je live versie te overschrijven.

De publicatieflow werkt zo:

Klik op Publish en klik in de module nog een keer op Publish.
Werk het icon, de name, description en social image bij. Klik op Apply Changes en klik daarna op Publish.
Om een custom domein toe te voegen, klik je op Publish en daarna op Add Custom Domain.
Voer het domein in. Voor automatisch koppelen klik je op continue en autoriseer je het domein wanneer daarom gevraagd wordt. Als je niet automatisch wilt autoriseren, kies je Add Record Manually en voeg je zelf de DNS-records toe.

Deze flow geeft je de mogelijkheid om eerst naar een preview-link te publiceren, de basisdetails van de site bij te werken, en daarna pas naar een branded domein te gaan.

Wanneer een AI Studio project aan een domein gekoppeld is, zie je die koppeling in Domain Hub.

Het project staat in AI Studio onder Sites
De domeinkoppeling beheer je in Domain Hub
De gepubliceerde pagina verschijnt op dat gekoppelde domein

Submission data van je project

Na het koppelen komen formulierinzendingen in de CRM-setup van je gekoppelde account terecht, niet in het AI Studio project zelf. De pagina leeft dus in AI Studio, maar de responses, contacten en submission-activiteit komen binnen in je Voluit Suite account. Na koppeling kunnen formulierinzendingen zichtbaar zijn onder form submissions als third-party submissions. Ze kunnen ook gebruikt worden in workflow-activiteit via externe tracking.

Je kunt submissions bekijken in:

Contacts
Sites > Forms > Submissions > External Forms

Hoe Workflows koppelen aan formulierinzendingen

Zodra het formulier gekoppeld is aan CRM tracking, kun je submissions in workflows gebruiken via tracking triggers. In de praktijk is de flow:

Maak de formulierlayout in AI Studio
Koppel het formulier aan CRM tracking
Gebruik in een workflow de trigger External Tracking Event
Gebruik het event Form submission om je automatisering te laten doorgaan
Gebruik de filter Domain en of External Form, en ga daarna verder met je workflow actions

Huidige beperkingen en belangrijke aandachtspunten

Het helpt om de huidige grenzen van AI Studio te kennen. Zo voorkom je verwarring tijdens het opzetten. Omdat AI Studio in Labs staat, kan gedrag en functionaliteit nog veranderen.

Belangrijke aandachtspunten:

Handmatig code bewerken is op dit moment niet beschikbaar.
AI Studio projecten worden beheerd binnen AI Studio en kunnen niet verplaatst worden naar de standaard Sites of Funnels builders.
URL- en image-based recreatie is bedoeld als inspiratie voor structuur, layout en stijlrichting, niet als een exacte één-op-één kopie.
Formulieren en kalenders kunnen extra koppelstappen nodig hebben voordat ze werken met je Voluit Suite data en planningssetup.

Veelgestelde vragen

V: Is AI Studio alleen voor websites en landingspagina’s?

Antwoord: Nee. AI Studio kan ook andere front-end ervaringen maken, zoals multi-step surveys, branded formulieren, booking flows en andere interactieve klantgerichte ervaringen.

V: Wat kost AI Studio?

Antwoord: AI Studio is op dit moment gratis. De pricing kan in de toekomst veranderen.

V: Moet ik een AI Studio project verplaatsen naar Funnels of Websites voordat ik het kan publiceren?

Antwoord: Nee. Je kunt AI Studio projecten direct vanuit AI Studio publiceren. Je kunt meerdere pagina’s bouwen, die binnen hetzelfde project met elkaar verbinden, en daarna publiceren en een domein koppelen.

V: Kan ik een AI Studio project verplaatsen of kopiëren naar Funnels of Websites onder Sites?

Antwoord: Nee. AI Studio projecten blijven in AI Studio en kunnen niet gekopieerd worden naar de standaard Funnels of Websites builders onder Sites. AI Studio is ontworpen om direct vanuit de eigen workspace te publiceren. Je hoeft de output niet te verplaatsen naar de legacy Funnels of Websites builders.

V: Kan ik mijn project op mobiel previewen voordat ik publiceer?

Antwoord: Ja. AI Studio heeft preview-opties voor desktop, tablet en mobile, zodat je de layout kunt checken voordat je publiceert. Klik op het computer-icoon bovenin de preview om tussen view modes te wisselen.