Drag-and-drop-websitebouwer
Mobirise is een drag-and-drop-websitebouwer met kant-en-klare blokken: zet er een op de pagina, vervang de voorbeeldtekst en stel afstand, achtergrond of kolommen in via het paneel van het blok. Elk blok past zich vanzelf aan op telefoons, en de websitebouwer is gratis in de browser of als desktop-app.
Feiten gecontroleerd op 13 oktober 2026 · Mobirise-team
Zo werkt drag-and-drop in Mobirise: de belangrijkste feiten
Met een no-code-websitebouwer maak je een site zonder HTML of CSS te schrijven. De meeste werken met drag-and-drop: je verplaatst blokken of elementen op de pagina en stelt de rest in via panelen.
- Manier van bewerken
- Op blokken gebaseerd. Je sleept kant-en-klare blokken op een pagina, past teksten en afbeeldingen ter plekke aan en stemt elk blok af in het eigen parameterpaneel, in plaats van elementen pixel voor pixel te verschuiven.
- Instellingen per blok
- De afstand en achtergrond, de onderdelen die het toont en het aantal kolommen. Lettertypen kies je in de Style Editor, en elke titel kan de H-tag krijgen die je kiest.
- Telefoons en tablets
- Blokken zijn responsive, en de editor toont elke pagina zoals die eruitziet op een telefoon, een tablet en een desktop. Eén opmaak voor alle schermen: je kunt geen aparte indeling voor telefoons bewaren of een item alleen op één apparaat verbergen.
- Gratis abonnement
- De desktop-app, inclusief 200+ blokken en één basisthema, voor zoveel zelfgehoste sites als je wilt. In de browser drie live sites onder mobirisesite.com, inclusief HTTPS, en drie AI-generaties per maand. Gratis sites houden de Mobirise-branding; zakelijk gebruik mag.
- Betaalde abonnementen, per jaar
- KIT ($149) ontsluit de volledige premiumbibliotheek met 220+ thema's en extensies, zonder branding. BASE ($199) biedt drie gehoste sites op je eigen domeinen plus 100 AI-generaties per maand. GROW ($249) tilt de limieten op naar tien sites en 1.000 AI-generaties.
- Platforms
- Elke webbrowser, of desktopversie 6.1.12 voor Windows 7 of nieuwer (installatiebestand ongeveer 105 MB), macOS 10.13 High Sierra of nieuwer met aparte builds voor Apple Silicon en Intel (elk ongeveer 134 MB), en Linux-distributies op basis van Debian, zoals Ubuntu (.deb, ongeveer 102 MB).
- Code
- Niet nodig. De desktop-app schrijft de afgewerkte site weg als gewone HTML, CSS en JS, welk abonnement je ook hebt; de betaalde Code Editor toont de markup van een blok als je die wilt aanpassen.
- Minder geschikt voor
- Pixelnauwkeurige vrije indelingen, een met de hand gemaakte telefoonversie, of het heropenen van een site die met een andere tool is gebouwd.
Al in 2015 omschreef de kop boven de recensie van Network World Mobirise als “a free, simple, drag and drop mobile responsive Web site builder” (een gratis, eenvoudige, mobielresponsieve drag-and-drop-websitebouwer). Op de officiële prijzenpagina staan nu 2.500.000+ gebruikers.
Vrij canvas versus bewerken met blokken
De meeste websitebouwers op deze pagina laten je dingen met de muis verplaatsen. Het verschil zit in wat je verplaatst, en dat bepaalt drie dingen: hoeveel extra werk de telefoonversie kost, hoe snel een eerste pagina klaar is en hoeveel precieze controle je houdt.
Vrij canvas
Wix is het duidelijkste voorbeeld. In de editor pak je één element en zet je het op elk punt van de pagina neer, zelfs bovenop een ander element. Die vrijheid heeft op kleine schermen een prijs: Wix leidt de mobiele versie af van je desktopindeling, items kunnen op andere plekken terechtkomen en die zet je recht in een aparte mobiele editor, waarvan de aanpassingen niet op de desktopsite komen. Kies dit als de exacte positie belangrijker is dan de bouwtijd.
Met blokken
In Mobirise verplaats je hele blokken in plaats van losse items. Je stapelt ze in de gewenste volgorde en past daarna hun inhoud en opties aan. Uitlijning en afstand horen bij het blok, dus telefoons krijgen zonder extra ronde een verstandige indeling en een pagina krijgt snel vorm. Squarespace combineert de twee ideeën: pagina's bestaan uit secties, maar binnen elke sectie sleep je blokken over een raster en kun je de telefoonversie apart indelen. Carrd is het eenvoudigste geval: één pagina met elementen in één lijst.
Probeer bewerken met blokken gratisEen derde soort staat apart: visuele CSS-tools. In Webflow geef je elementen een stijl via een paneel met CSS-eigenschappen, bewaar je die stijlen als herbruikbare klassen en pas je ze per breakpoint aan. Dat komt in de buurt van een stylesheet schrijven zonder het te typen. Framer voelt als een ontwerpprogramma: inhoud stroomt in stacks en rasters, lagen kunnen uit de flow worden gehaald en vastgezet, en kleinere breakpoints overschrijven het hoofdbreakpoint. Beide geven de meeste controle en vragen de meeste kennis.
De beste drag-and-drop-websitebouwer voor elk soort project
Er is geen eenduidige winnaar. De juiste tool hangt af van hoe exact de indeling moet zijn, wie de bestanden in handen heeft en wat je elk jaar wilt betalen. Deze keuzes zijn eerlijk, en de meeste zijn niet van ons.
- De bestanden van een gratis site in eigen beheer
- Mobirise. De app kost niets, blijft offline werken, slaat gewone HTML op en uploadt naar elke host, terwijl de blokken de telefoonindeling regelen.
- Elk element met de hand plaatsen
- Wix: een vrij canvas en een aparte telefooneditor waarin je items kunt verbergen of verplaatsen zonder de desktopversie aan te raken.
- Een merk of portfolio waarin design de hoofdrol speelt
- Squarespace: sectie-indelingen met een sleepraster en een telefoonindeling die je apart kunt wijzigen; een proefperiode in plaats van een gratis abonnement.
- Eén pagina voor zo weinig mogelijk geld
- Carrd: gratis onepagers met Carrd-branding en goedkope Pro-abonnementen per jaar zodra je een eigen domein wilt.
- Controle zoals in een ontwerptool, plus animatie
- Framer: een canvas met stacks, breakpoints en een AI-agent, alleen op Framer-hosting.
- Controle op CSS-niveau voor een team
- Webflow: klassen en breakpoints die je instelt in een Style-paneel, met code-export bij betaalde workspace-abonnementen.
- Een AI-ontwerp uitproberen zonder kosten
- 8B AI: met één zin krijg je gratis een compleet ontwerp; live gaan kan alleen met Pro.
- Een webshop met een groot assortiment
- Shopify, of een vergelijkbaar platform dat gemaakt is voor verkopen.
Zeven websitebouwers vergeleken op bewerken, prijs en export
Elke drag-and-drop-websitebouwer in de tabel is nagezocht op de eigen prijs- en helppagina's, niet op reviewsites. Code-export en offline werken hebben een eigen rij, net als de punten waarop Mobirise slechter uitkomt.
| Mobirise | Wix | Squarespace | 8B AI | Webflow | Framer | Carrd | |
|---|---|---|---|---|---|---|---|
| Manier van bewerken | Op blokken gebaseerd: kant-en-klare blokken binnenhalen, er rechtstreeks op typen en elk blok afstemmen in het parameterpaneel | Vrij canvas: elk afzonderlijk element overal neerzetten, lagen mogen overlappen | Secties met een drag-and-drop-raster voor blokken (Fluid Engine) | AI-gegenereerd: een compleet ontwerp uit één regel tekst, later aan te passen via AI-chat (Pro) | Visuele CSS: elementen opgemaakt met klassen in een Style-paneel | Ontwerpcanvas: stacks en rasters, lagen kunnen absoluut worden gepositioneerd | Eén pagina: elementen die je voor of na elkaar sleept, tot maximaal vier kolommen |
| Telefoonindeling | Automatisch voor elk blok; geen aparte telefoonindeling en geen verbergen per apparaat | Afgeleid van desktop en daarna aangepast in een aparte mobiele editor | Los van de desktopindeling in te richten | Niet bekendgemaakt | Per breakpoint in te stellen (media queries) | Breakpoints die van het hoofdbreakpoint erven en overschrijven wat nodig is | Automatisch, met optionele handmatige instellingen per element |
| Leercurve | Laag: blokken houden afstand en uitlijning vast | Laag om te beginnen; de telefoonversie vraagt een eigen ronde | Laag tot gemiddeld: plaatsing op het raster, optionele ronde voor de telefoon | Laag: een beschrijving van één zin om te beginnen | Hoog: klassen, CSS-eigenschappen en breakpoints | Gemiddeld: concepten uit ontwerptools en overschrijvingen | Laag: één pagina en een korte lijst met elementen |
| Gratis abonnement | Onbeperkt veel zelfgehoste sites in de app; drie live sites onder mobirisesite.com, met branding | Ja: Wix-subdomein, met Wix-advertenties | Geen; in plaats daarvan een proefperiode van 14 dagen | Gratis om te ontwerpen; publiceren zit er niet bij | Ja, op webflow.io met een badge | Ja, op een Framer-domein met een “Made in Framer”-badge, 1 GB bandbreedte | Tot 3 onepagers op .carrd.co met de branding “Made with Carrd” |
| Eerste betaalde abonnement | KIT, $149 per jaar (je eigen hosting, geen branding); BASE, $199 per jaar, voor een eigen domein op Mobirise-hosting | Light: $17 per maand, jaarlijks gefactureerd | Basic: $19 per maand bij jaarlijkse betaling, of $25 bij maandelijkse betaling | Pro: $9 per maand, jaarlijks betaald | $15 per maand voor het Basic-siteabonnement, jaarlijks gefactureerd | Basic: $10 per maand, zoals getoond bij jaarlijkse facturering | Pro Lite kost $9 per jaar, maar houdt een Carrd-URL; voor een eigen domein heb je Pro Standard nodig, $19 per jaar |
| AI | Prompt, schets of screenshot erin, vier ontwerpen eruit; drie gratis AI-generaties per maand; wijzigingen via chat of in de editor | Een AI-agent bouwt pagina's, indeling en teksten op basis van een beschrijving; gratis om mee te beginnen | Een AI-startpunt met inhoud en beeldmateriaal, plus een AI-sectiebouwer | De kern van het product: ontwerp uit één zin gratis, bewerken via chat met Pro | Tot 5 pagina's op basis van een beschrijving; 2 pagina's zonder betaald abonnement | Een agent maakt pagina's, secties, teksten en beeld; 500 credits om uit te proberen, 1.000 per maand bij Basic | Geen vermeld |
| Code-export | Ja: de desktop-app exporteert HTML, CSS en JS bij elk abonnement; in de browser met BASE of GROW | Nee, sites moeten op de servers van Wix draaien | Nee; alleen inhoud, als .xml-bestand voor WordPress | Volledige HTML-export met Pro | Bij betaalde workspace-abonnementen | Geen HTML-export | Pro Plus, $49 per jaar; formulieren werken niet meer in de download |
| Offline bewerken | Ja, in de desktop-app (Windows, macOS, Linux) | Nee, de editor draait online | Nee, de editor draait online | Nee; draait in de browser | Nee, de Designer draait online | Er is een desktop-app, maar bewerken valt weg zodra de verbinding wegvalt | Nee; draait in de browser |
Bronnen: de prijspagina en het helpcentrum van elk bedrijf, geraadpleegd op 13 oktober 2026. Bedragen in Amerikaanse dollars; Mobirise en Carrd rekenen per jaar, de andere worden per maand genoemd met jaarlijkse facturering, tenzij een cel anders vermeldt. Aanbieders passen abonnementen en AI-limieten vaak aan en prijzen kunnen per regio verschillen, dus beschouw dit als een momentopname en controleer opnieuw voordat je koopt.
Wat je sleept en wat je in het parameterpaneel instelt
In Mobirise doet de muis de grote bewegingen en regelt een paneel de details.
Blokken, uit het blokkenpaneel
Sleep een blok uit het paneel naar de plek op de pagina waar het hoort, en sleep het opnieuw om de volgorde te wijzigen. Met Clone Block maak je een kopie, handig als twee secties op elkaar moeten lijken.
Woorden en afbeeldingen, ter plekke
Klik op een kop of een alinea en typ eroverheen. Vervang een afbeelding op dezelfde manier; uploads worden automatisch omgezet naar WebP. Titels kunnen elke H-tag gebruiken die bij de paginastructuur past, en tekst kan uitgevuld worden.
Het parameterpaneel
Elk blok heeft eigen instellingen: de ruimte eromheen, wat erachter zit, welke onderdelen zichtbaar zijn en het aantal kolommen. Je zet onderdelen van een blok aan of uit in plaats van ze los te slepen.
Stijlen voor de hele site
Lettertypen kies je in de Style Editor, die in recente versies extra lettertypen kreeg. Elk thema is onder de motorkap Bootstrap 5, dus alle blokken delen het raster en de klassenamen van Bootstrap.
Extensies en AI-blokken
Betaalde abonnementen voegen blokken toe die je net als alle andere naar binnen sleept: Form Builder, Popup Builder, Smart Cart met PayPal en Stripe, of een Chat Button voor WhatsApp en Telegram. Premium AI-abonnementen brengen twee tools op blokniveau: Generate Block with AI, plus Edit Block with AI voor een blok dat je al hebt.
Code, alleen als je het wilt
Niets hierboven vraagt om markup. Wil je er toch aan komen, dan kun je met de Code Editor, een extensie die bij KIT, BASE en GROW zit, de HTML en CSS van een blok of van de pagina aanpassen. Bekijk hoe de gegenereerde HTML eruitziet.
No-code betekent niet: geen grenzen
Een no-code-websitebouwer ruilt wat vrijheid in voor snelheid en veiligheid. Bij blokken is die ruil goed zichtbaar: je kunt geen knop op een willekeurige plek neerzetten, maar je kunt ook niet per ongeluk de indeling op een telefoon slopen, en een pagina van kant-en-klare secties hoeft veel minder gecontroleerd te worden.
Weet voordat je een no-code-website bouwt, voor een klant of voor jezelf, waar deze aanpak ophoudt. De lijst toont de echte grenzen van Mobirise op dit moment en wat er in elk geval beter past.
Bewerk je vaak niet aan een bureau, dan legt de gids over de offline websitebouwer precies uit wat de desktop-app zonder verbinding doet. Wil je eerst een site laten ontwerpen op basis van een beschrijving, kijk dan op de pagina over de AI-websitegenerator.
- Geen vrije plaatsing. Items blijven binnen de indeling van een blok. Voor positionering op de pixel en overlappende lagen past een canvaseditor zoals Wix beter bij je.
- Geen apart telefoonontwerp. Eén responsive indeling dekt alle schermen; je kunt een element niet alleen op telefoons verbergen of verschuiven. Bij Wix en Squarespace richt je de telefoonweergave apart in.
- Geen import van sites uit andere tools. Pagina's uit een andere tool kun je niet openen, alleen opnieuw opbouwen. Import by Link beperkt zich tot het binnenhalen van sites uit Mobirise AI in de app.
- Webshops blijven eenvoudig. Smart Cart accepteert betalingen via PayPal en Stripe, maar een groot assortiment met ingewikkelde voorraad- en verzendregels hoort thuis op een e-commerceplatform.
- AI heeft een limiet. Het gratis abonnement bevat een klein maandelijks aantal generaties. Regenerate toont meer varianten zonder er een op te maken, maar veel AI-werk vraagt om BASE of GROW.
- Eigen code is een betaalde extensie. Voor het aanpassen van de markup en stijlen van een blok heb je de Code Editor nodig, die alleen in de betaalde abonnementen zit.
Veelgestelde vragen over drag-and-drop-websitebouwers
Wat is een drag-and-drop-websitebouwer?
Het is software waarmee je webpagina's samenstelt door kant-en-klare onderdelen met de muis te verplaatsen in plaats van HTML te schrijven. Bij sommige zet je losse elementen waar je maar wilt op een canvas, andere werken met hele secties of blokken en weer andere tonen CSS-instellingen visueel. Mobirise werkt met blokken: je rangschikt kant-en-klare blokken en past ze aan in een instellingenpaneel.
Welk soort drag-and-drop-editor is het makkelijkst voor beginners?
Editors met blokken of met één kolom zijn meestal de zachtste start, omdat afstand en telefoonindeling al ingebouwd zijn. Zoek je een makkelijke drag-and-drop-websitebouwer, kies er dan een waarin je secties stapelt, zoals Mobirise of Carrd. Vrije canvassen en visuele CSS-tools geven meer controle, maar ook meer kans dat een pagina scheef komt te staan.
Kan ik Mobirise gratis gebruiken, ook zakelijk?
Ja. Het gratis abonnement geldt voor zakelijke sites én voor persoonlijke. De desktop-app kent geen limiet voor sites die je op je eigen hosting publiceert, en de browserversie voegt een klein aantal online sites en AI-generaties toe. Gratis sites tonen Mobirise-branding.
Kan ik een element overal op de pagina neerzetten?
In Mobirise niet. Je bepaalt de volgorde van de blokken en zet onderdelen aan of uit, maar je sleept geen los item naar een exacte coördinaat. Zo blijft elke pagina responsive; is plaatsing op de pixel voor jou belangrijker, dan kan dat op het canvas van Wix.
Ziet een site van blokken er goed uit op telefoons?
Ja. Elk blok schikt zichzelf opnieuw voor kleine schermen en de editor toont tijdens het werken voorbeelden voor telefoon, tablet en desktop. De keerzijde is dat je geen andere indeling alleen voor telefoons kunt ontwerpen. De pagina over de mobiele websitemaker gaat hier dieper op in.
Kan ik een no-code-website maken en de code later toch aanpassen?
Ja. Je kunt bouwen en publiceren zonder markup aan te raken en later via de Code Editor, een extensie van de betaalde abonnementen, de HTML en CSS van elk blok openen. Onder de motorkap is elk blok Bootstrap 5-markup.
Kan ik mijn site later naar een andere host verhuizen?
Ja. Bij elk abonnement kan de desktop-app publiceren via FTP (ook FTPES) of naar GitHub Pages, of de hele site als statische bestanden naar een lokale map schrijven voor de server die je kiest. Projecten uit de browser kun je exporteren met BASE of GROW.
Hoe werken AI en drag-and-drop samen?
Schrijf een regel of twee over de site, of geef een schets op papier of een screenshot, en de AI levert vier complete ontwerpen op, inclusief teksten en afbeeldingen; het eerste concept staat meestal binnen een minuut klaar. Daarna verfijn je verder via chat of door blokken te slepen en te bewerken, en met premium AI-abonnementen kun je een los blok genereren of bewerken.
Kan ik een site uit een andere websitebouwer importeren?
Nee. Projecten uit andere tools openen niet in Mobirise, dus een site van Wix, WordPress of met de hand geschreven HTML moet opnieuw worden opgebouwd. Import by Link bestaat alleen om sites uit Mobirise AI in de app te halen.
Werkt de drag-and-drop-editor zonder internet?
In de desktop-app wel. Je kunt blijven bewerken, pagina's bekijken en de thema's en blokken gebruiken die al op je computer staan. Wat een server nodig heeft, wacht tot je weer online bent: AI-generaties, publiceren, inloggen, aankopen, updates en nieuwe thema-downloads.
Begin met één zin of met één blok
Laat de AI in je browser vier ontwerpen maken en herschik de blokken die de AI heeft gekozen, of installeer de gratis app en sleep je eerste blok op een lege pagina. Beide routes eindigen bij dezelfde responsive site.