Wix Headless: Een website maken met AI-tools
Met Wix Headless beheer je je bedrijf vanuit het Wix-dashboard, terwijl je bezoekers een website op maat zien die je bouwt met de tools van je keuze. Vanuit het dashboard maak en koppel je je front-end met een AI-codeagent of een vibecoding-platform.
Lees hoe je het dashboard opent, de zakelijke oplossingen toevoegt die je nodig hebt en je website op maat bouwt en koppelt.
- Meld je aan om een gratis Wix-account te maken.
- Zorg ervoor dat je toegang hebt tot een ondersteunde AI-agent of een ondersteund vibecoding-platform.
- Bezoek onze documentatie voor developers van Wix Headless voor meer informatie.
Stap 1 | Maak een Headless-bedrijf
Maak eerst de zakelijke kant van je website. Hiermee stel je je dashboard, je zakelijke oplossingen en je gegevens in.
Om een Headless-bedrijf te maken:
Ga naar websites in je Wix-account.
Klik op Nieuwe website maken.
Selecteer Headless-bedrijf.
Hiermee open je een Wix-dashboard, maar zonder editorpagina's om te ontwerpen. In plaats daarvan krijg je in het dashboard de tools die je nodig hebt om een front-end op maat te maken en te koppelen.
Stap 2 | (Optioneel) Stel je zakelijke oplossingen en apps in
Zakelijke oplossingen zijn de diensten van Wix waarop de zakelijke kant van je website draait. Denk aan je productcatalogus, je winkelwagen en betaalpagina, boekingen, evenementen, je blog en nog veel meer. Je beheert ze allemaal vanuit dit dashboard.
Voeg vanuit je dashboard de zakelijke oplossingen toe die je nodig hebt, zoals Wix Stores of Wix Bookings. Stel ze daarna in door je producten, diensten of content toe te voegen. Je kunt ook het Wix CMS toevoegen om je content in verzamelingen te beheren.
- Voeg je zakelijke oplossingen toe voordat je je front-end maakt. Dan kan je AI-tool ze herkennen en er bijpassende pagina's voor bouwen.
- Stel de Wix MCP in (een tool die je AI-agent aan je website koppelt). Dan kan je agent je website beheren en je producten, diensten en content voor je bijwerken.
Stap 3 | Maak je front-end met je favoriete AI-tool
Je front-end is de website of app die je bezoekers zien: de visuele laag die bovenop je Wix-bedrijf is gebouwd.
Er zijn 2 soorten tools waarmee je je front-end met een prompt kunt maken:
AI Coding Agent: Een developertool die in je terminal of IDE werkt. Voorbeelden zijn Claude Code, Cursor en Codex.
Vibe coding-platform: Een platform in je browser waarin je beschrijft wat je wilt bouwen, zoals Base44.
De prompt die je naar je gekozen AI-tool stuurt, bevat automatisch de Wix Headless-skill. Daarmee weet de agent hoe hij je front-end aan Wix koppelt.
Om je front-end te maken:
Klik op Front-end maken op het Configuratie-tabblad.
Kies de tool die je wilt gebruiken.
Beschrijf wat je wilt maken. Bijvoorbeeld: "Bouw een webshop voor handgemaakte keramiek met een productcatalogus en een betaalpagina."
Ga verder met de stappen hieronder die bij je gekozen tool horen:
Stap 4 | Begin met het beheren van je website
Zodra je je front-end hebt gebouwd en aan het Wix-dashboard hebt gekoppeld, kun je je website via Wix beheren. Werk je je bedrijfsgegevens bij? Dan zie je de wijziging automatisch op je website.
Wil je iets toevoegen of wijzigen? Ga dan terug naar de AI-agent of het vibecoding-platform en beschrijf in gewone taal wat je wilt. De tool kan je helpen om:
Een nieuwe pagina of functie toe te voegen.
Het ontwerp of de indeling van je website te wijzigen.
Een zakelijke oplossing te koppelen.
Voeg je een zakelijke oplossing aan je dashboard toe nadat je je front-end hebt gebouwd? Ga dan terug naar je AI-agent of vibe coding-platform en vraag om je front-end bij te werken. Bijvoorbeeld: "Ik heb Wix Bookings aan mijn website toegevoegd. Voeg een boekingspagina toe aan mijn front-end."
- Upgrade naar een Premiumpakket om betalingen te accepteren en een eigen domein te koppelen.
- Lees meer over praktische tips voor het schrijven van prompts voor je AI-agent.
Veelgestelde vragen
Klik op een vraag hieronder om meer te lezen.
