Een website maken met ChatGPT en online zetten
Kort antwoord: er zijn twee routes. Je laat ChatGPT de HTML schrijven en zet de bestanden zelf online, of je koppelt ChatGPT via MCP aan CloudVikings zodat hij de website direct publiceert als gratis Proef van 14 dagen. Ben je tevreden, dan zet je hem als Site op je eigen domeinnaam. Live zetten keur je altijd zelf goed met je passkey.
Eerst: een goede opdracht
Welke route je ook kiest, het resultaat hangt af van je eerste opdracht. ChatGPT weet niets over je bedrijf, dus vertel het:
- Wie je bent en voor wie: "kapsalon in Oss, voor vaste klanten uit de buurt".
- Welke pagina's: home, behandelingen en prijzen, over ons, contact.
- Wat bezoekers moeten doen: bellen, een afspraak boeken, langskomen.
- De sfeer: warm en persoonlijk, of strak en zakelijk; je huisstijlkleuren.
- De techniek: vraag om gewone HTML en CSS, zonder bouwstap. Dat is het makkelijkst om online te zetten.
Maak een website voor mijn kapsalon in Oss. Pagina's: home, behandelingen met prijzen, over ons en contact met openingstijden en een kaart. De belangrijkste knop is "Bel voor een afspraak". Warme, rustige uitstraling in zandkleur en donkergroen, mobielvriendelijk, in gewone taal. Gebruik alleen HTML en CSS, zonder framework, met een apart bestand per pagina.
Route 1: ChatGPT schrijft, jij zet het online
Dit werkt met elk ChatGPT-abonnement. Je hebt alleen meer handwerk.
- Laat de bestanden maken. ChatGPT toont de code per bestand. Vraag er gerust om als die te lang wordt.
- Sla ze op. Kopieer elk blok naar een tekstbestand met de juiste naam, zoals
index.htmlvoor de homepage enstyle.cssvoor de opmaak. Zet ze samen in één map. - Bekijk het resultaat. Open
index.htmlin je browser. Klopt er iets niet, beschrijf het aan ChatGPT en vervang het bestand. - Zet het online. Pak de map in als zip en upload hem in Mijn CloudVikings onder Hosting als gratis Proef. Of upload de bestanden bij een andere aanbieder.
De openingstijden moeten ook op de homepage, en maak de belknop groter. Geef me het volledige nieuwe index.html.
Het nadeel: na elke wijziging kopieer en upload je opnieuw. Bij een kleine website is dat te doen; bij veel verbeterrondes wordt het omslachtig.
Route 2: ChatGPT publiceert zelf via MCP
Met MCP (Model Context Protocol) koppel je ChatGPT aan andere diensten. Na het koppelen kan ChatGPT je website bij CloudVikings zelf online zetten en bijwerken. Lees ook wat is MCP?
Koppelen
- Maak een gratis account bij CloudVikings, met een passkey of authenticator-app. Voor een Proef zijn geen betaalgegevens nodig.
- Ga in ChatGPT naar Plugins, klik op de plusknop en kies Add custom MCP server.
- Geef hem een naam, zoals CloudVikings, en vul als adres
https://mijn.cloudvikings.nl/mcpin. - Lees de waarschuwing, bevestig en maak de koppeling aan.
- Mijn CloudVikings opent. Kies je organisatie en welke onderdelen ChatGPT mag gebruiken, en bevestig met je passkey.
Of je eigen MCP-servers kunt toevoegen, is afhankelijk van je abonnement en, bij een zakelijk account, van de instellingen van je beheerder. Kijk in de hulp van OpenAI wat bij jouw abonnement kan. Zie ook koppelen.
Bouwen en verbeteren
Geef dezelfde opdracht als hierboven, maar vraag ChatGPT de website bij CloudVikings te publiceren. Hij zet hem binnen een minuut online als Proef, op een eigen testadres op cloudvikings.page. Een Proef is 14 dagen gratis en wordt niet gevonden door zoekmachines.
Maak een website voor mijn kapsalon in Oss, met prijzen, openingstijden en een belknop, en publiceer hem bij CloudVikings.
Je website staat online op een testadres. Vier pagina's, mobielvriendelijk, met de belknop bovenaan. Wat wil je anders?
Iets grotere letters, en zet de prijzen in een tabel.
Aangepast, ververs de pagina maar.
Elke nieuwe versie komt op hetzelfde testadres. Je hoeft niets te kopiëren of te uploaden.
Controleer de website op toegankelijkheid en snelheid op mobiel, en geef elke pagina een goede titel en beschrijving voor Google.
Op je eigen domeinnaam
Tevreden? Vraag ChatGPT de website op je domeinnaam te zetten. Hij stelt voor om er een Site van te maken (€ 6,04 per maand inclusief btw), je domein te koppelen en de versie live te zetten. Heb je nog geen domeinnaam, dan kan hij er een voorstellen. Jij krijgt een link en keurt alles goed met je passkey. Zonder jouw goedkeuring gaat er niets live en kost het niets.
Ik ben tevreden. Zet de website op kapsalonoss.nl.
Staat je domeinnaam bij een andere aanbieder? Lees dan je AI-website op je eigen domeinnaam.
Welke route kies je?
Wil je één keer een eenvoudige pagina maken en heb je al hosting, dan is route 1 prima. Wil je vaker aanpassen, of wil je domein, DNS en hosting op één plek, dan bespaart route 2 je veel kopieerwerk. Bij beide routes krijg je gewone HTML- en CSS-bestanden die je altijd kunt meenemen.
Zo regel je het bij CloudVikings
- Proef: gratis, 14 dagen, op een testadres dat zoekmachines niet tonen. Na 14 dagen gaat hij offline.
- Site: € 6,04 per maand inclusief btw, op je eigen domeinnaam met https. Maandelijks opzegbaar. Zie hosting.
- Altijd eerst op test: nieuwe versies komen op een testadres; je bezoekers zien ze pas als jij ze live zet.
- Eén klik terug: we bewaren de laatste 30 versies. Een vorige versie terugzetten kan zonder passkey, omdat die al eerder live stond.
- Jij houdt de sleutels: live zetten en alles wat geld kost, keur jij goed. Zie veiligheid.
Heb je inloggen of een database nodig, bijvoorbeeld voor reserveringen? Dan is een App nodig in plaats van een Site.
Veelgestelde vragen
Heb ik een betaald ChatGPT-abonnement nodig?
Voor route 1 niet: elke versie van ChatGPT kan HTML schrijven. Of je een eigen MCP-server kunt koppelen voor route 2, hangt af van je abonnement. Kijk in de hulp van OpenAI wat bij jouw abonnement kan.
Kan ChatGPT zonder mijn toestemming iets live zetten?
Nee. ChatGPT kan alleen je Proef en je testomgeving zelf bijwerken. Live zetten op je domeinnaam, een domeinnaam bestellen of je DNS wijzigen is altijd een voorstel dat jij goedkeurt met je passkey of authenticator-app.
Werkt dit ook met Claude?
Ja, met elke assistent die MCP ondersteunt. Zie een website maken met Claude.
Wat als ik na 14 dagen niets doe?
Dan gaat de Proef offline en een week later verwijderen we hem. Je betaalt niets. Wil je hem houden, zet hem dan op tijd om naar een Site.
Bronnen (geraadpleegd 24 oktober 2026): OpenAI: Connect from ChatGPT; Model Context Protocol.