AI-WEBSITE TO WORDPRESS IN ONE CLICK: de complete expertgids voor het omzetten van Lovable, Framer, v0, Cursor, Replit, Google AI Studio, Gemini, Claude & Bolt

Je typte een paar zinnen in een AI-bouwer en even later stond er een website. Hij ziet er goed uit. Misschien zelfs beter dan de site waarvoor je vijf jaar geleden betaalde. Dan komen de praktische vragen: kun je hem volgend jaar nog aanpassen zonder AI? Kan je collega een blog plaatsen? Kun je die SEO-plugin installeren die iedereen aanraadt? Dat is meestal het moment waarop mensen zoeken naar een manier om hun AI-website om te zetten naar WordPress.

Deze gids is geschreven vanuit het perspectief van iemand die dit werk dagelijks doet: een afgeronde AI-site omzetten naar een WordPress-site die de eigenaar zelf kan beheren. Het is bewust géén lijstje AI-tools. Het is een wandeling door de conversiereis — wat er met je pagina's, afbeeldingen, menu, links en contactformulier gebeurt als de site verhuist, en waar een ervaren paar ogen naar kijkt vóór iemand op 'live' drukt.

Het korte antwoord op de vraag in je hoofd: ja, in de meeste gevallen kan de website die je ontwierp naar WordPress verhuizen en er nog steeds uitzien zoals jij hem ontwierp. Het langere — en nuttigere — antwoord is dat een conversie pas klaar is als élke pagina is gecontroleerd, niet als de homepage er goed uitziet. Dat verschil is het hele artikel.

Waarom mensen hun AI-site naar WordPress verhuizen

AI-bouwers zijn uitstekend in de eerste 80% van een website. Ze zijn snel, leveren nette layouts en verlossen je van het lege scherm. Waar eigenaren vastlopen is alles ná het ontwerp:

• Eigenaarschap. Een WordPress-site staat op hosting die jij beheert, in een vorm die duizenden ontwikkelaars begrijpen.
• Aanpassen zonder prompts. Een prijs of telefoonnummer wijzigen zou geen nieuwe generatie van de pagina moeten vereisen.
• Content laten groeien. Blogs, categorieën, auteurs, ingeplande berichten en archieven zitten standaard in WordPress.
• Plugins. Reserveringen, meertaligheid, formulieren, memberships, analytics, cookiemelding — het ecosysteem is enorm.
• SEO-controle. Titels, beschrijvingen, canonicals, redirects, schema en sitemaps worden instellingen in plaats van code.
• Overdracht. Elk bureau kan een WordPress-site overnemen. Veel minder bureaus kunnen een onbekende AI-export overnemen.

Niets daarvan betekent dat AI-bouwers slecht zijn. Het betekent dat de twee gereedschappen bij verschillende fases horen. Bouw snel met AI en zet het resultaat daarna op een duurzame plek. Dat is precies het werk waarvoor een gespecialiseerde AI-website naar WordPress converter bedoeld is.

Wat er tijdens een conversie werkelijk gebeurt

De meeste mensen zien een conversie als één knop. In de praktijk is het een reeks kleine, controleerbare stappen. Die stappen begrijpen maakt van een nerveuze site-eigenaar iemand die kan beoordelen of het werk goed gedaan is.

Stap 1 — De export

Elke AI-bouwer biedt een uitweg: een downloadbaar project, een gepubliceerde URL, een coderepository of een ZIP-bestand. Die export is het ruwe materiaal. Is de export onvolledig — een pagina die nooit gepubliceerd werd, een sectie die alleen in de preview bestaat — dan kan niets daarna dat nog redden. Controleer volledigheid *vóór* het exporteren.

Stap 2 — Pagina's ontdekken

Dit is de stap die vrijwel iedereen onderschat. Een conversietool moet élke pagina vinden, ook de pagina's waar niemand vanuit het menu naar linkt: de bedankpagina na een formulier, het privacybeleid in de footer, de oude campagnepagina, de losse detailpagina's van je portfolio. Een hypothetisch voorbeeld: een studio denkt 9 pagina's te hebben. De ontdekking vindt er 17, omdat elk van de zes portfolioprojecten een eigen detailpagina had. Die acht extra pagina's zijn het verschil tussen een demo en een website.

Stap 3 — Ontwerp behouden

Je layout, witruimte, kleuren, lettertypen en sectievolgorde moeten de verhuizing overleven. Een goede conversie behoudt het visuele resultaat in plaats van je ontwerp in een standaardthema te persen. Wat je mag verwachten: een pagina die op jouw pagina lijkt. Wat je alsnog controleert: het laden van lettertypen (custom fonts moeten soms opnieuw worden toegevoegd) en hover- of scroll-effecten, het meest kwetsbare onderdeel van elk ontwerp.

Stap 4 — Afbeeldingen en media

Afbeeldingen staan ergens. Bij een AI-build vaak op de servers van de bouwer of op een CDN. Blijven ze daar staan na de conversie, dan is je WordPress-site stilletjes afhankelijk van een account dat je misschien opzegt. Het juiste resultaat: afbeeldingen komen in de WordPress-mediabibliotheek, met nette bestandsnamen en behouden alt-teksten. Achtergrondafbeeldingen uit CSS blijven het vaakst achter — kijk dus expliciet naar hero-secties en tussenblokken.

Stap 5 — Navigatie en interne links

Een menu is niet zomaar een rij woorden; elk woord is een belofte om ergens heen te gaan. Tijdens een conversie kunnen URL's van vorm veranderen (`/over-ons` wordt `/over-ons/`, of een ankerlink wijst naar een sectie die nu op een andere pagina staat). Elk menu-item, elke knop en elke tekstlink moet werken. Een site waarvan de header werkt maar waar drie knoppen op de prijzenpagina niets doen, is niet geconverteerd — die is half geconverteerd.

Stap 6 — Formulieren en interactieve onderdelen

Bij formulieren moet de eerlijkheid het luidst klinken. Het zichtbare formulier — velden, labels, layout, knop — converteert prima. De *verzending* is een ander systeem: waar het bericht heen gaat, spambescherming, automatische antwoorden. In WordPress wordt dat normaal opnieuw gebouwd met een formulierplugin, gekoppeld aan je e-mail en daarna getest met een echte inzending. Hetzelfde geldt voor reserveringen, logins, dashboards, betalingen en alles wat met een externe API praat: dat zijn backendsystemen, die vaak extra ontwikkelwerk vragen in plaats van een rechttoe rechtaan conversie.

Stap 7 — Responsief gedrag

Op telefoons zien de meeste bezoekers je site, en daar verstoppen de meeste conversiefoutjes zich. Lange koppen die lelijk afbreken, tabellen die zijwaarts uitsteken, een mobiel menu dat opent maar niet sluit, een plakkende header die de eerste regel van elke pagina bedekt. Niets daarvan zie je op een desktopschermafbeelding.

Stap 8 — Bouwen en testen in WordPress

Uiteindelijk bestaan de pagina's als echte WordPress-pagina's, bewerkbaar in de WordPress-editor. Dan begint de review: klik alles aan, op twee schermformaten, in een logische volgorde. Pas daarna is het werk klaar. Wil je de flow liever zien dan lezen, dan loopt de video verderop hem visueel door — en dezelfde stappen kun je met je eigen project uitvoeren via Convert2WP.

De tien bouwers, één voor één beoordeeld

Het is een misverstand dat alle AI-bouwers hetzelfde opleveren. Ze verschillen in hoe de site is opgebouwd, hoe met afbeeldingen wordt omgegaan en hoeveel van de pagina pas op het moment van bekijken ontstaat in plaats van als afgeronde pagina te bestaan. Hieronder een praktische review van elk: wat mensen ermee bouwen, wat er onderweg naar WordPress gebeurt, en wat een tweede blik verdient.

1. Lovable

Wat men bouwt: complete meerpagina-bedrijfssites, SaaS-marketingsites, startuplandingspagina's, kleine app-frontends. Onderweg naar WordPress: de paginastructuur is meestal duidelijk en het ontwerp vertaalt goed, dus het visuele resultaat ligt dicht bij het origineel. Controleren: dynamische routes (pagina's uit een lijst), dashboard- of inlogdelen, en geanimeerde secties. Aanbeveling: een van de comfortabelste startpunten — de meeste eigenaren kunnen een Lovable-website omzetten en besteden hun reviewtijd aan formulieren in plaats van layout.

2. Framer

Wat men bouwt: sterk vormgegeven marketingsites, bureau- en portfoliosites, launchpagina's met veel beweging. Onderweg naar WordPress: de layout komt goed mee; de uitgebreide scroll-animaties veranderen het meest. Controleren: bewegingseffecten, sticky secties, CMS-lijsten zoals blogoverzichten, en custom lettertypen. Aanbeveling: reserveer wat tijd om de twee of drie animaties die er echt toe doen na te bouwen — de pagina's zelf converteren naar WordPress zonder drama.

3. v0

Wat men bouwt: losse pagina's en UI-blokken — een hero, een prijstabel, een dashboardmock-up — die later tot een site worden samengevoegd. Onderweg naar WordPress: componenten converteren netjes, maar een verzameling componenten is nog geen website. Controleren: of er een echt menu is, of pagina's naar elkaar linken en of gedeelde elementen zoals de footer overal staan. Aanbeveling: bouw de pagina's eerst tot een samenhangende site *voordat* je converteert.

4. Cursor

Wat men bouwt: handgestuurde projecten waarbij een ontwikkelaar AI als assistent gebruikte — van een brochuresite van vijf pagina's tot een kleine applicatie. Onderweg naar WordPress: het resultaat hangt af van hoe het project is opgezet. Eenvoudige, paginagerichte projecten converteren voorspelbaar. Controleren: of content in de pagina's staat of uit databestanden komt, plus server-side logica. Aanbeveling: uitstekend geschikt voor contentpagina's; behandel app-achtige functies als apart ontwikkelwerk.

5. Replit

Wat men bouwt: prototypes, tools, kleine webapps, soms met database. Onderweg naar WordPress: de presentatielaag converteert; de applicatielogica reist niet automatisch mee. Controleren: welke delen pagina's zijn en welke functionaliteit, plus alles wat gebruikersdata opslaat. Aanbeveling: zet de marketing- en contentpagina's om naar WordPress en beslis bewust wat er met het interactieve deel gebeurt.

6. Google AI Studio

Wat men bouwt: experimenten, één-paginademo's, AI-widgets en prototypes. Onderweg naar WordPress: de statische delen converteren goed; alles wat op de achtergrond een AI-model aanroept heeft een plek aan de serverkant nodig. Controleren: of de pagina nog iets 'doet' als WordPress-pagina, en waar API-sleutels werden gebruikt. Aanbeveling: prima converteerbaar als presentatiesite; houd het slimme deel als losse dienst waarnaar je linkt.

7. Gemini

Wat men bouwt: pagina's die direct uit een gesprek komen — vaak een homepage, een dienstenpagina en een contactpagina als code die je eruit kopieert. Onderweg naar WordPress: eenvoudige, op zichzelf staande pagina's converteren erg netjes. Controleren: of alle pagina's echt ergens zijn opgeslagen en of ze naar elkaar linken in plaats van als losse bestanden te bestaan. Aanbeveling: verzamel eerst alles in één projectmap en zet je AI-website in één keer om, zodat de navigatie consistent is.

8. Claude

Wat men bouwt: goed gestructureerde pagina's met meerdere secties, documentatie-achtige sites, tekstrijke informatiesites. Onderweg naar WordPress: tekstrijke pagina's converteren bijzonder comfortabel en koppen blijven meestal netjes in volgorde — dat telt voor SEO. Controleren: ankerlinks binnen de pagina, tabellen en interactieve onderdelen die als klein script zijn geschreven. Aanbeveling: een van de makkelijkere conversies, zeker voor tekstgedreven sites.

9. Bolt

Wat men bouwt: complete sites in één keer gegenereerd, plus app-achtige projecten met meerdere schermen. Onderweg naar WordPress: de paginastructuur is meestal herkenbaar, dus het ontdekken verloopt goed. Controleren: of sommige 'pagina's' eigenlijk schermen binnen een app zijn, en of er status is die de pagina verandert. Aanbeveling: converteer de publieke pagina's; bekijk alles wat zich als appscherm gedroeg apart.

10. Webflow

Wat men bouwt: professioneel vormgegeven bedrijfssites, portfolio's en blogs, vaak met CMS-collecties. Onderweg naar WordPress: visueel een van de meest getrouwe conversies, omdat de uitvoer gestructureerd en stabiel is. Controleren: CMS-collecties (blogartikelen, cases) die WordPress-berichten moeten worden, plus interacties en formulierbestemmingen. Aanbeveling: uitstekende kandidaat; bepaal vooraf hoe collecties op WordPress-berichttypen worden gemapt.

Een realistisch voorbeeld: de bedrijfssite van 15 pagina's

Dit is een hypothetisch voorbeeld, bedoeld om de vorm van een echte review te laten zien en niet om resultaten van een specifieke klant te melden. Stel: een adviseur bouwt een site van 15 pagina's met een AI-bouwer: homepage, over ons, drie dienstenpagina's, prijzen, portfolio-overzicht, vier portfoliodetailpagina's, blogoverzicht, twee blogartikelen en een contactpagina met formulier. Ongeveer 60 afbeeldingen, een menu met een uitklapper, een footer met privacylink en zo'n 40 interne links verspreid door teksten en knoppen.

De eigenaar bekijkt de geconverteerde homepage en die is prachtig. Lettertypen kloppen, hero-afbeelding scherp, knoppen op de goede plek. Het is verleidelijk om dat een geslaagde conversie te noemen. Dit doet de expert in plaats daarvan.

De review, pagina voor pagina

1. 1Tel de pagina's. 15 verwacht, 15 aanwezig? Meldt de ontdekking er 12, zoek dan uit welke drie ontbreken en waarom — meestal waren ze nooit gelinkt of nooit gepubliceerd.
2. 2Open elke pagina. Niet via het menu, maar via de lijst. De vierde portfoliodetailpagina is precies zo'n pagina die niemand bekijkt tot een klant dat doet.
3. 3Test het menu, inclusief de uitklapper. Uitklapmenu's zijn het vaakst het slachtoffer, zeker op mobiel.
4. 4Controleer de footer op alle pagina's. Privacy- en voorwaardenlinks worden vergeten, terwijl bezoekers daar juist naar kijken als ze je willen vertrouwen.
5. 5Bekijk elke afbeelding. 60 afbeeldingen betekent 60 kansen dat er één ontbreekt. Let vooral op achtergrondbeelden achter koppen.
6. 6Lees de alt-teksten. Bleven ze bewaard, mooi. Zo niet, dan is dit de goedkoopste SEO-verbetering die er is.
7. 7Controleer de bedankpagina. Dat is pagina 16 die niemand meetelde.
8. 8Open de site op een telefoon. Elke pagina. Let op horizontaal scrollen, geperste tabellen en koppen die raar afbreken.
9. 9Controleer paginatitels en beschrijvingen. Elke pagina heeft een eigen nodig; duplicaten verwarren zoekmachines en ogen slordig.
10. 10Controleer URL's. Houd ze gelijk waar het kan. Veranderen ze, stel dan redirects in.
11. 11Test de snelheid op mobiel internet. Grote hero-afbeeldingen zijn de gebruikelijke boosdoener.
12. 12Laat iemand anders vijf minuten klikken. Frisse ogen vinden het kapotte ding dat jij niet meer ziet.

Stap voor stap: van AI-build naar live WordPress-site

1. 1Bouw de AI-website. Maak het ontwerp af in de bouwer die je prettig vindt. Laat geen pagina's half af in de hoop ze later in WordPress te voltooien.
2. 2Zorg dat alle pagina's compleet zijn. Vervang plaatshoudertekst, verwijder conceptsecties en publiceer alles wat moet bestaan.
3. 3Test de navigatie in de AI-bouwer. Kijk of het menu en de belangrijkste pagina's goed werken vóór de conversie.
4. 4Exporteer of download het project. Gebruik wat de bouwer biedt: ZIP, code-export, repository of gepubliceerde URL.
5. 5Bereid het project voor. Zet alles op één plek. Losse pagina's in verschillende chats of mappen zijn oorzaak nummer één van 'ontbrekende' pagina's.
6. 6Gebruik [Convert2WP.net](https://convert2wp.net/). Lever het project aan en laat de WordPress-conversietool de ontdekking, het ontwerp, de afbeeldingen en het paginabouwen doen.
7. 7Controleer de gevonden pagina's. Vergelijk de lijst met je eigen telling. Onderzoek wat ontbreekt voordat je verdergaat.
8. 8Controleer de navigatie. Header, footer, uitklappers, ankers binnen pagina's en het mobiele menu.
9. 9Controleer de afbeeldingen. Bevestig dat ze uit je eigen WordPress-mediabibliotheek komen en niet van de servers van de AI-bouwer.
10. 10Controleer interne links. Tekstlinks en knoppen, op elke pagina, niet alleen de homepage.
11. 11Installeer het WordPress-resultaat. Zet het eerst op je hosting of een staging-omgeving — test waar mogelijk eerst privé.
12. 12Test de complete website. Volg de pagina-voor-pagina review uit het voorbeeld hierboven.
13. 13Controleer mobiel. Op een echte telefoon, niet alleen in een smal browservenster.
14. 14Controleer de SEO-basis. Unieke titels en beschrijvingen, één H1 per pagina, een sitemap en redirects voor elke gewijzigde URL.
15. 15Ga live. Zet het domein om, dien de sitemap in en houd de oude versie een week beschikbaar voor het geval je iets ziet.

Wat er mis kan gaan — en hoe je het herkent

Niets hiervan is een reden om af te zien van converteren. Dit zijn simpelweg de dingen waar ervaren ogen naar zoeken, en elk ervan is op te lossen zodra je weet dat het speelt.

Ontbrekende pagina's

Symptoom: de geconverteerde site heeft minder pagina's dan je je herinnert. Oorzaak: de pagina was niet gepubliceerd, niet gelinkt of stond buiten het geëxporteerde project. Let op: bedankpagina's, juridische pagina's, campagnepagina's en detailpagina's achter een lijst.

Kapotte navigatie

Symptoom: een menu-item gaat nergens heen, of het mobiele menu opent of sluit niet. Let op: submenu's, de logolink naar de homepage en het gedrag van het menu nadat je op mobiel een link aantikt.

Knoppen die niet meer linken

Symptoom: een call-to-action ziet er perfect uit en doet niets. Let op: knoppen die op veel pagina's herhaald worden — die zijn gekopieerd, dus één slechte kopie verstopt zich tussen de goede.

Ontbrekende afbeeldingen

Symptoom: een leeg vlak, een gebroken-afbeeldingicoon of een sectie met plots een effen achtergrond. Let op: hero-achtergronden, het logo in de header, iconen en afbeeldingen in sliders.

Kapotte interne links en verkeerde URL's

Symptoom: een link in je tekst geeft een 404, of de adresbalk toont iets als `/index.html` in plaats van een net adres. Let op: handmatig geschreven links in lopende tekst en oude adressen die naar het previewdomein van de bouwer wezen.

Formulieren

Symptoom: het formulier oogt goed, maar er komt niets binnen. Werkelijkheid: aflevering is een backendfunctie en wordt in WordPress normaal opnieuw gekoppeld met een formulierplugin. Test altijd met een echte inzending en kijk in de spammap.

Interactieve elementen

Symptoom: een accordeon opent niet, een slider schuift niet, een filter filtert niet. Let op: FAQ-accordeons, tabbladen, prijsschakelaars, galerijen en aftelklokken.

Mobiele layout

Symptoom: de pagina scrolt zijwaarts of tekst valt onder een vaste header. Let op: brede tabellen, lange ononderbroken woorden, te grote koppen en volle-breedte afbeeldingen in secties met padding.

Onvolledige conversie

Symptoom: alles werkt, maar de site voelt dunner dan het origineel. Oorzaak: meestal een sectie die ter plekke werd gegenereerd in plaats van als content opgeslagen. Oplossing: die ene sectie opnieuw opbouwen in WordPress — een klein, afgebakend klusje.

De SEO-kant: meer controle, geen automatische posities

Dit verdient een eigen hoofdstuk, want hier gaan verwachtingen het vaakst mis. Naar WordPress verhuizen geeft je een bedieningspaneel. Het geeft je geen bezoekers.

• Titels en beschrijvingen worden per pagina bewerkbaar, zodat elke pagina zijn eigen klik kan verdienen.
• Content is eenvoudig uit te breiden — en diepgang blijft een van de betrouwbaarste manieren om te scoren.
• URL's kun je bewust kiezen, kort houden en stabiel houden.
• Redirects laten je pagina's verplaatsen of samenvoegen zonder opgebouwde waarde te verliezen.
• Schema (de gestructureerde data achter rijke resultaten) is een plugin-instelling in plaats van programmeerwerk.
• Sitemaps worden automatisch gegenereerd en bijgewerkt zodra je publiceert.
• Interne links worden een gewoonte die je kunt uitvoeren — gerelateerde artikelen, kruimelpaden en contextuele links.
• Plugins dekken analytics, snelheid, beeldcompressie en toegankelijkheid.
• Toekomstige updates zijn geen project meer. Iemand uit je team publiceert gewoon op dinsdagmiddag.

Eerlijk gekaderd: was je AI-site al snel en goed geschreven, verwacht dan dat posities direct na een zorgvuldige conversie ongeveer gelijk blijven en daarna verbeteren naarmate je de nieuwe knoppen gebruikt. Veranderen je URL's en sla je redirects over, verwacht dan het tegenovergestelde. Redirects zijn niet optioneel.

Laatste checklist vóór livegang

• Elke pagina uit het origineel bestaat en opent.
• Header, footer en mobiele menu's werken allemaal.
• Geen ontbrekende afbeeldingen; alle media vanaf je eigen site.
• Interne links werken; geen 404's.
• Interactieve secties werken op desktop en telefoon.
• Elke pagina heeft een unieke titel en beschrijving.
• URL's komen overeen met de oude, of er staan redirects klaar.
• De sitemap bestaat en is ingediend.
• Er is een back-up gemaakt vóór livegang.

Werk die lijst af en je wéét — in plaats van hoopt — dat je site klaar is. Wil je zien wat jouw eigen project oplevert, dan is de praktische volgende stap simpelweg je AI-website omzetten en het resultaat met deze checklist in de hand nalopen.

Het oordeel

Een AI-website naar WordPress verhuizen is veel minder dramatisch dan de meeste eigenaren vrezen en iets gedetailleerder dan de meeste tools toegeven. Het ontwerp overleeft. De pagina's overleven. Afbeeldingen en links overleven mét controle. Formulieren moeten opnieuw gekoppeld, animaties nagelopen, en alles wat zich als applicatie gedraagt heeft een echt plan nodig.

Wat je wint is een website die je jarenlang zelf kunt draaien: bewerkbaar, uitbreidbaar, verplaatsbaar en begrepen door elke ontwikkelaar die je ooit inhuurt. Wil je dat, bouw dan snel met AI en verhuis het daarna netjes — laat een doelgerichte AI-website naar WordPress converter het zware werk doen terwijl jij doet wat er echt toe doet: elke pagina controleren.