Een professionele website bouwen, zonder één regel code

De builder neemt je stap voor stap mee, zodat je nooit voor een leeg scherm zit. Je begint met je visitekaartje — naam, categorie, korte beschrijving, een foto — en kiest daarna een header en footer uit kant-en-klare templates. De pagina's van je site worden automatisch aangemaakt op basis van je menu: zet je “Home”, “Over ons” en “Contact” in je navigatie, dan staan die pagina's klaar om te vullen.

Het vullen zelf is slepen en instellen: je pakt een module uit de zijbalk, laat hem op de gewenste plek vallen en past hem aan in het instellingenpaneel. Geen code, geen technische kennis — wel volledige controle over hoe alles eruitziet.

Elke pagina is een stapel modules. Elke module heeft tientallen instellingen — van layout en typografie tot animaties — maar werkt ook meteen goed met de standaardinstellingen. Je hoeft dus alleen te verfijnen wat je zelf belangrijk vindt.

Naast de modules hieronder zijn er ook een webshop-blok en een menukaart-blok — die hebben elk hun eigen pagina met alle details.

In plaats van elke module apart te kleuren, stel je één keer je globale thema in: je primaire en secundaire kleur, achtergrond- en tekstkleuren. Elke module die op het thema staat, neemt die kleuren automatisch over. Verander je later van huisstijl, dan pas je één thema aan en kleurt je hele site mee. Wil je bij een specifieke module toch afwijken? Dan zet je daar eigen kleuren in — jouw keuze, per module.

Voor achtergronden ga je verder dan een effen kleur: het gelaagde achtergrond-systeem combineert gradients, patronen (zoals dots en strepen), decoratieve vormen en effen kleuren. Achtergronden bouw je op uit lagen die je stapelt, met per laag een eigen doorzichtigheid en volgorde — van een subtiel verloop tot een gelaagde compositie met decoratieve vormen. En met twaalf kant-en-klare achtergrond-templates heb je altijd een startpunt.

Je site bestaat uit zoveel pagina's als je wilt — een homepage, een dienstenpagina, een over-ons, een contactpagina. De navigatie in je header brengt bezoekers erlangs, en menu-items kunnen ook dropdowns bevatten voor sub-pagina's.

Naast gewone pagina's zijn er popup-pagina's: pagina's die als venster bovenop de site openen wanneer een bezoeker op een knop klikt — handig voor bijvoorbeeld een menukaart of extra informatie die geen eigen plek in het menu verdient. En met sectie-ankers laat je een knop soepel naar een specifiek blok op de pagina scrollen, zoals direct naar het contactformulier.

Terwijl je bouwt, zie je in de live preview precies wat je bezoeker straks ziet — geen “opslaan en verversen”, elke aanpassing verschijnt direct. Met één klik wissel je tussen desktop-, tablet- en mobiel-weergave, zodat je zeker weet dat je site op elke telefoon net zo goed staat als op een groot scherm.

Over opslaan hoef je niet na te denken: elke wijziging wordt onmiddellijk lokaal bewaard en kort daarna automatisch naar de server opgeslagen. Mocht het opslaan een keer misgaan — een haperende verbinding bijvoorbeeld — dan blijft je werk lokaal bewaard tot het wél lukt. Je raakt niets kwijt.

Publiceren is meer dan een knop. Terwijl je bouwt, controleert de builder live of je site compleet is en vertaalt dat naar een readiness-score van 0 tot 100, met concrete fouten, waarschuwingen en suggesties. Vergeten placeholder-teksten worden herkend, zodat je niet per ongeluk met voorbeeldcontent live gaat. Pas als alles klopt, kan de site gepubliceerd worden.

Bijzonder aan HotsaCity: je bedrijf kan twee sites tegelijk live hebben — een publieke klantsite én een aparte B2B-site voor zakelijke partners, elk met een eigen ontwerp. In je admin-panel beheer je beide slots en zie je welke versie waar live staat. Publiceer je een nieuwe versie, dan vervangt die — na een bevestigingsstap — de vorige.

Twee dingen waar je bij andere bouwers zelf op moet letten, zijn hier het uitgangspunt. Alles wat je met de builder maakt is automatisch responsive: je site past zich aan aan desktop, tablet en mobiel, zonder dat je aparte versies bouwt. En elke site voldoet aan de toegankelijkheidsnorm WCAG 2.1 AA — bezoekers met een schermlezer, toetsenbordbediening of visuele beperking kunnen je site gewoon gebruiken.

Dat is niet alleen netjes: je bereikt er een groter publiek mee, zoekmachines waarderen het, en je voldoet aan regels die in steeds meer sectoren verplicht worden — zonder er zelf iets voor te hoeven doen.