Een website bouwen met Webnexus Sites: de complete walkthrough

In dit artikel neem ik je mee door Webnexus Sites van A tot Z. Geen marketingpraat, geen belofte van "de beste oplossing ter wereld". Gewoon een rondleiding. Hoe je een account aanmaakt, je eerste site opzet, je bestanden uploadt, en wat alle knoppen in het dashboard doen. Zodat je daarna zelf aan de slag kunt.

Account aanmaken

Ga naar websites.webnexus.nl en klik op "Gratis beginnen". Je vult een e-mailadres en wachtwoord in, en je zit binnen. Geen creditcard, geen verplichtingen. Je krijgt een verificatiemail, je klikt op de link, en klaar.

Het gratis plan geeft je één site met een subdomein, 50MB opslag en 10GB dataverkeer per maand. Voor een bedrijfspresentatie, portfolio of landingspagina ruim voldoende. Als je meer wilt, of je eigen domein wilt koppelen, ga je naar Pro voor 5,99 per maand.

Je eerste site aanmaken

Na het inloggen kom je in je dashboard. Klik op "Nieuwe site". Je krijgt de vraag welke naam je wilt. Die naam wordt je subdomein.

Kies slim. De naam die je hier opgeeft wordt jouwnaam.websites.webnexus.nl. Dus als je bedrijf "Jansen Loodgieters" heet, kies dan iets als jansen-loodgieters of jansen. Niet iets geks als test123, want dat is je publieke URL tot je eigen domein koppelt.

Klaar. Je site bestaat nu, maar is nog leeg. Tijd om bestanden te uploaden.

Bestanden uploaden. twee opties

Je krijgt een upload-venster. Je kunt op twee manieren bestanden erin krijgen:

Optie 1: Drag en drop

Sleep je bestanden rechtstreeks vanuit je Verkenner (Windows) of Finder (Mac) naar het upload-venster. Meerdere tegelijk kan. Je ziet een voortgangsbalk. Binnen seconden staan je bestanden online.

Optie 2: ZIP uploaden

Heb je een complete map met index.html en een images-map erin? Selecteer de inhoud, maak een ZIP, en sleep die ZIP naar het upload-venster. Webnexus pakt hem automatisch uit en zet alles op de juiste plek. Makkelijker dan dat wordt het niet.

Dit is de methode die ik aanraad als je meerdere bestanden of afbeeldingen hebt. Alles in één keer geregeld.

Bestandstypes die werken

• HTML: .html en .htm
• CSS en JavaScript: .css en .js
• Afbeeldingen: .jpg, .png, .gif, .svg, .webp, .ico
• Fonts: .woff, .woff2, .ttf
• Overig: .json, .xml, .txt, .pdf

Maximaal 10MB per bestand en 50MB totaal op het gratis plan. Dat is ruim. Een complete site met foto's past daar prima in, mits je je afbeeldingen comprimeert (tip. gebruik TinyPNG).

Je site live zien

Zodra je bestanden zijn geüpload, is je site direct bereikbaar. Bovenaan je dashboard staat een link. https://jouwnaam.websites.webnexus.nl. Klik erop. Je ziet je site, live, met HTTPS, klaar voor de wereld.

Open hem ook op je telefoon. Dat is waar het meeste verkeer vandaan komt, en waar de meeste mensen vergeten te testen.

Bestanden beheren

Onder de upload-zone zie je een lijst met al je bestanden. Per bestand kun je:

• Bewerken: klik op "Bewerken" om het bestand in de ingebouwde code editor te openen. Perfect voor een kleine tekstaanpassing of het toevoegen van een Google Analytics-tag in je HTML
• Hernoemen: bestandsnaam aanpassen. Let op dat links in je HTML nog kloppen
• Verwijderen: weg is weg, dus dubbel-check

De code editor is wat mij betreft de geheime kracht van het platform. Je hoeft niet elke keer terug naar je teksteditor op je computer, de bestanden opnieuw uploaden, enzovoort. Gewoon direct in je browser bewerken en opslaan.

Mappen aanmaken

Standaard staan alle bestanden in de hoofdmap. Heb je afbeeldingen? Klik op "+ Map" en maak een images-map aan. Dan kun je je foto's daar uploaden, en je HTML verwijst netjes naar images/foto.jpg.

Zo ziet een typische mapstructuur eruit voor een AI-gegenereerde site.

index.html
images/
  ├── hero.jpg
  ├── team.jpg
  └── logo.png

Contactformulier instellen

Als Claude een contactformulier in je site heeft gebouwd, kun je het werkend maken via het dashboard. Ga naar "Site-instellingen", dan "Formulieren", en voer het e-mailadres in waar de berichten naartoe moeten.

Geen externe dienst nodig zoals Formspree of Basin. Webnexus vangt de formulier-submits op en stuurt ze direct naar jouw inbox. Ook SPAM-protectie is ingebouwd. Bots krijgen geen kans.

Eigen domein koppelen

Tijd om professioneel te worden. Een eigen domein zoals jouwbedrijf.nl in plaats van het subdomein. Zo doe je dat stap voor stap:

1. Koop een domein: bij TransIP, Versio, of Namecheap. Kost 10 tot 15 euro per jaar
2. Upgrade naar Pro in je Webnexus Sites dashboard (5,99 per maand)
3. Voeg je domein toe bij "Site-instellingen. Eigen domein"
4. Webnexus geeft je een IP-adres: die kopieer je
5. Ga naar je domeinregistrar en open de DNS-instellingen
6. Voeg een A-record toe: naam @ . waarde het IP-adres . TTL 3600
7. Voeg een CNAME-record toe: naam www . waarde jouwbedrijf.nl . TTL 3600
8. Wacht 5 tot 30 minuten: DNS-wijzigingen hebben even nodig

Zodra het doorgevoerd is, regelt Webnexus automatisch een SSL-certificaat via Let's Encrypt. Je site is dan bereikbaar op https://jouwbedrijf.nl. Veilig, professioneel, klaar.

Belangrijk: je e-mail (de MX-records) blijft gewoon werken. Het A-record dat je aanpast heeft alleen invloed op welke server je website host. Niks meer.

Google Analytics en Search Console

Wil je meten hoeveel bezoekers je site krijgt? Via de code editor plak je het GA4-script in de head-sectie van je index.html. Opslaan en klaar. Hetzelfde voor Search Console-verificatie. plak de meta-tag, sla op, verifieer in Search Console.

Geen plugins, geen extra abonnementen. Alles loopt via het bestand dat jij beheert.

Sites updaten en overschrijven

Wil je iets aanpassen aan je site? Drie opties:

• Kleine tekstwijziging: gebruik de code editor in het dashboard. Direct live
• Grote aanpassing: ga terug naar Claude, plak je huidige code, vraag om aanpassingen. Upload de nieuwe versie
• Alles vervangen: upload een nieuwe index.html. De oude wordt automatisch overschreven

Er is geen "publish"-knop. Wat je uploadt of bewerkt, staat direct live. Handig, maar ook iets om je bewust van te zijn. Als je grote wijzigingen doet, test deze dan eerst lokaal.

Wat niet in het dashboard staat (maar wel nuttig is)

Een paar tips die je niet automatisch tegenkomt:

• Showcase: in je site-instellingen kun je je site openbaar maken op onze Showcase. Leuk voor inspiratie voor anderen, en je krijgt er extra bezoekers van
• Meerdere sites: op Pro kun je tot 5 sites hosten. Handig als je voor meerdere klanten werkt of meerdere projecten hebt
• Kennisbank: elke knop in het dashboard heeft een bijbehorend kennisbank-artikel. Blauwe "?"-iconen naast opties

Samenvatting

Dit is wat je in 10 minuten doet om van niks naar een live website te komen.

1. Account aanmaken op webnexus-sites.nl
2. Nieuwe site aanmaken met een slimme naam
3. index.html (plus images-map) slepen naar het upload-venster
4. Contactformulier-e-mailadres invoeren
5. Eigen domein koppelen via DNS-records
6. Google Analytics-code plakken via de code editor

Dat is het hele platform. Geen verborgen menu's, geen cursussen om te volgen. Alles draait om dat ene ding: je bestanden snel en professioneel online krijgen.

Vragen tijdens het opzetten? Mail me op boyd@webnexus.nl. Ik denk graag mee.