drag and drop website builder

Met Mobirise zet je een site in elkaar door kant-en-klare blokken op een pagina te slepen en de voorbeeldtekst te overschrijven. Het kost niets, werkt in een browser of als geïnstalleerde app, en elk blok past zich zelf aan telefoonschermen aan, dus je hoeft geen tweede layout bij te houden.

Digital marketing agency website made with Mobirise, desktop view Medical management system website made with Mobirise, desktop view Sports wear website made with Mobirise, desktop view

Gecontroleerd in oktober 2026 · door het Mobirise-team, dat mobirize.com beheert

Onze websitebouwer in het kort: blokken, prijs, telefoons, bestanden

De korte versie voor wie tools vergelijkt: wat je verplaatst, wat het kost, hoe pagina's er op kleine schermen uitzien en waar de afgewerkte bestanden terechtkomen.

Wat je verplaatst
Hele blokken: een header, een galerij, een prijslijst, een contactsectie. Je stapelt ze van boven naar beneden en past daarna tekst en afbeeldingen direct op de pagina aan.
Prijs
Je betaalt niets, of de site nu persoonlijk of zakelijk is. De gratis versie bevat een basisthema plus 200+ blokken; de 220+ premium thema's en de extensies zitten in KIT, BASE en GROW.
Telefoons en tablets
Elk blok is responsive, dus een pagina schikt zichzelf om voor smalle schermen. De editor toont elk van de drie schermformaten, zodat je het kunt controleren.
Wat het niet doet
Je krijgt één gedeelde layout. Er is geen aparte indeling voor telefoons en geen schakelaar die een element voor één apparaat verbergt of verschuift.
Waar het draait
Online via a.mobirise.com, of als programma voor Windows 7+, macOS 10.13+ en Linux op Debian-basis. Beide draaien op dezelfde engine.
Je code
De geïnstalleerde app schrijft HTML, CSS en JavaScript (Bootstrap 5), welk abonnement je ook hebt, ook het gratis. Exporteren vanuit de online websitebouwer is een functie van BASE en GROW.
Starten met AI
Beschrijf de site kort en ontvang vier ontwerpen, waarna je de blokken zelf herschikt. Gratis accounts krijgen 3 generaties per maand.

Twee soorten drag-and-drop-editors

Onder deze term vallen twee heel verschillende manieren van werken. Als je je afvraagt wat de term in de praktijk betekent: dit is het onderscheid dat het meest uitmaakt, omdat het bepaalt hoeveel tijd je later kwijt bent aan het herstellen van de telefoonversie.

Canvas met vrije plaatsing

Je pakt een tekstvak, een afbeelding of een knop en laat los op elke plek, zelfs boven een ander element. Wix en WYSIWYG Web Builder werken zo. Je hebt precieze controle over een desktopcompositie, zoals een foto die over een kop heen valt. De prijs betaal je op kleine schermen: een indeling voor een breed scherm krimpt niet vanzelf, dus deze tools bieden een mobiele weergave waarin je items een tweede keer verplaatst, vergroot of verbergt.

Blokken stapelen

Je sleept complete secties in een verticale volgorde en vult ze in. Mobirise is op dit model gebouwd, en de secties van Squarespace met Fluid Engine zitten ertussenin: blokken klikken binnen elke sectie vast op een raster. De uitlijning is geregeld, omdat elk blok zijn kolommen en witruimte al heeft. Het nadeel is minder vrijheid: je kunt een element niet op een willekeurige pixel neerzetten, en ongewone overlappende ontwerpen zijn lastig te maken.

Een vuistregel: zie je de pagina als een poster, dan past een canvastool bij je; zie je iets om doorheen te scrollen, dan gaat het stapelen van blokken sneller en geeft het minder verrassingen op telefoons.

De beste drag and drop website builder per toepassing

Geen enkele tool wint overal. Dit zijn de keuzes die we een vriend zouden geven, afhankelijk van het project. Mobirise is ons eigen product, dus lees de regel over Mobirise als die van de leverancier.

Gratis, en je wilt de bestanden
Mobirise: stapel blokken, bekijk een voorbeeld op drie schermformaten en upload dan naar je eigen server of bewaar de HTML. De gratis versie verloopt nooit.
Layout op de pixel nauwkeurig, online
Wix: zet alles waar je wilt en stem een aparte mobiele versie af. De site moet op de servers van Wix blijven.
Verzorgde templates, raster binnen secties
Squarespace met Fluid Engine: schik blokken op een raster en stel de mobiele layout apart in. Na een proefperiode van 14 dagen betaal je.
Exacte plaatsing in een pc-programma
WYSIWYG Web Builder verkoopt een eenmalige licentie, absolute en flexibele layouts met breakpoints, en importeert bestaande HTML-pagina's.
Ontwerpcontrole dicht bij CSS
Webflow: classes, breakpoints en een Style-paneel dat overeenkomt met CSS-eigenschappen. Reken op een langere leercurve.
De goedkoopste gehoste start
Hostinger Website Builder: een lage prijs als je meerdere jaren vooruitbetaalt, met verbergopties per apparaat. Publiceren kan alleen op Hostinger-hosting.
AI-ontwerp zonder iets te installeren
8B AI: ontwerpen kost niets, maar om live te gaan heb je Pro nodig. Er is geen desktopversie.

Elke drag and drop website maker vergeleken

Zeven tools, beoordeeld op hoe ze elementen plaatsen, hoe ze met telefoons omgaan en of je de code mee kunt nemen. We hebben ook de regels laten staan waarop Mobirise verliest.

Zeven drag-and-drop-tools: Mobirise, Wix, Squarespace, 8B AI, WYSIWYG Web Builder, Webflow en Hostinger Website Builder
MobiriseWixSquarespace8B AIWYSIWYG Web BuilderWebflowHostinger
Instapprijs om live te gaan$0 op een mobirisesite.com-subdomein of je eigen server$17 per maand met Light, jaarlijks gefactureerd$19 per maand met Basic, jaarlijks gefactureerd ($25 per maand bij maandelijkse betaling)$9 per maand met Pro, jaarlijks gefactureerd$59,95 eenmalig, excl. btwBasic-sitepakket voor $15 per maand$2,99 per maand met Premium bij 48 maanden vooruitbetalen; $10,99 bij verlenging
Gratis optieGratis abonnement, verloopt nooitGratis abonnement met Wix-advertentiesAlleen een proefperiode van 14 dagenAlleen ontwerpen, publiceren kan niet30 dagen volledig werkendGratis site op webflow.io, met badgeProefperiode, publiceren kan niet
Hoe je dingen plaatstHele blokken stapelen, ter plekke bewerkenVrije plaatsing overal, lagenBlokken op een raster binnen sectiesGegenereerd ontwerp, aangepast via AI-chatVrije plaatsing of flexibele layoutsElementen opgemaakt met classesElementen binnen secties
TelefoonlayoutAutomatisch, één gedeelde layoutAparte mobiele editorMobiele layout los in te stellenNiet gepubliceerdBreakpoints per elementBreakpoints in het Style-paneelMobiele weergave, verbergen per apparaat
Een item alleen op telefoons verbergenNeeJaLayout apart ingesteldNiet gepubliceerdJa, met breakpointsJa, met breakpointsJa
Installeerbaar programmaJa, voor Windows, macOS en LinuxGeenGeenGeenAlleen WindowsGeenGeen
De code elders onderbrengenHTML-export in de geïnstalleerde app, elk abonnementNee, draait op de servers van WixSommige content alleen als .xmlVolledige HTML-export met ProJa, naar een map of via FTPBetaalde workspace-abonnementenNiet gepubliceerd

De feiten komen uit de officiële prijslijsten en supportartikelen van elke leverancier, die we op 13–16 oktober 2026 hebben gelezen. Bedragen zijn in Amerikaanse dollars, excl. belasting, volgens de betaalperiode in elke cel. Reviews van derden bevatten vaak verouderde bedragen (Squarespace Basic wordt nog vaak voor $16 genoemd), en leveranciers wijzigen prijzen en houden acties, dus controleer de site van de leverancier voordat je betaalt.

Hoe een gesleepte layout zich op een telefoon gedraagt

Voor een zakelijke site met een kleine omvang is het mobiele resultaat de echte test van elke editor. Dit gebeurt er, per soort editor, met een pagina die op een groot scherm is ingedeeld.

Blokken stapelen

Kolommen vouwen samen tot één

In Mobirise wordt een blok met drie kolommen op een smal scherm één kolom, en de blokken behouden hun volgorde van boven naar beneden. Witruimte en tekst schalen mee met het Bootstrap 5-raster. Niets overlapt, omdat er nooit iets op de pixel is geplaatst.

Vrij canvas

Een tweede ronde met de hand

In een canvaseditor kunnen items die voor een brede pagina zijn gepositioneerd op een telefoon op vreemde plekken belanden. Wix en Hostinger bieden een mobiele weergave om items te herschikken of te verbergen; Wix meldt dat wijzigingen daar de desktopversie ongemoeid laten.

Breakpoints

Regels per schermbreedte

Met Webflow en WYSIWYG Web Builder stel je op gekozen breedtes andere waarden in. Dit is de meest precieze aanpak en ook het meeste werk: elk breakpoint is nog een versie om te controleren. Hoe deze editors zich verhouden tot andere soorten tools, staat in onze gids voor programma's om websites te bouwen.

De eerlijke beperking van de blokbenadering: je kunt Mobirise niet vragen een afbeelding op desktop te tonen maar op telefoons weg te laten, of een knop alleen op mobiel hoger te zetten. Als een telefoonspecifieke indeling voor jou telt, heeft Wix een mobiele editor die precies daarvoor is gemaakt. Voor de meeste dienstensites volstaat één layout die meebeweegt en hoef je geen twee versies gelijk te houden. Wie een drag and drop website maker zoekt die de kleinschermversie zonder extra moeite netjes houdt, is precies wie dit model bedient.

  • Bekijk drie formaten. Wissel vóór het publiceren tussen de telefoon-, tablet- en desktopweergave.
  • Houd blokken kort. Een blok met veel kolommen wordt op een telefoon een lange scrolpagina.
  • Controleer koppen. Een lange titel die op desktop op één regel past, kan op een klein scherm vier regels beslaan.
  • Test op echte apparaten. Open de live site op je eigen telefoon; een voorbeeld komt dichtbij, maar is niet identiek.

Wat je in Mobirise kunt slepen en instellen

Alles hieronder hoort bij de blokeditor en werkt identiek online en offline in de geïnstalleerde versie. Betaalde onderdelen zijn gemarkeerd.

Blokken

Sleep kant-en-klare blokken uit het zijpaneel naar de pagina en herschik ze. Clone Block dupliceert er een samen met de instellingen, handig voor herhaalde secties zoals twee prijslijsten.

Tekst en afbeeldingen ter plekke

Klik op de voorbeeldtekst en typ, klik op een foto en wissel hem om. Afbeeldingen worden automatisch naar WebP omgezet, en elke titel kan de H-tag krijgen die je kiest; tekst kan worden uitgevuld.

Blokparameters

Elk blok heeft een paneel voor witruimte, achtergrond, zichtbare elementen en aantal kolommen. De meeste layoutbeslissingen vallen hier, in plaats van door losse items te slepen.

Sitestijl

Lettertypen en kleuren voor de hele site stel je op één plek in, de Style Editor; recente releases hebben er meer lettertypen aan toegevoegd. Toetsenbordgebruikers krijgen een zichtbare focusrand.

AI voor losse blokken

Met een premium AI-abonnement maken “Generate Block with AI” en “Edit Block with AI” één sectie aan of herschrijven die. Een concept voor de hele site kan ook beginnen met een korte beschrijving van je bedrijf.

Code, als je die wilt

Met Code Editor, een betaalde extensie die in elk betaald abonnement zit, herschrijf je de HTML en CSS onder elk blok of elke pagina. Zonder blijf je van code af, en dat is precies de bedoeling van visueel bouwen zonder markup.

Betaalde extensies zoals Form Builder, Popup Builder en Smart Cart (PayPal en Stripe) voegen eigen sleepbare blokken toe. Ze worden alleen verkocht als onderdeel van KIT, BASE of GROW; zie de prijspagina van Mobirise.

Een drag-and-drop-HTML-builder met code-export

Veel mensen willen een websitebouwer die echte bestanden meegeeft, zodat geen enkele host hun site in handen heeft.

Wat je krijgt

Publiceren naar een map op je schijf vanuit de geïnstalleerde app levert HTML, CSS en JavaScript op basis van Bootstrap 5, ook in het gratis abonnement. Dezelfde app kan de site ook via FTP of FTPES versturen, of naar GitHub Pages pushen.

Wat het niet kan

Mobirise leest alleen projecten die in Mobirise zijn gemaakt. Een gekocht HTML-template of pagina's uit andere software kun je niet inladen en slepend bewerken; daarvoor past een visuele editor die met bestaande HTML werkt beter.

Offline werken

Zonder wifi kun je in de geïnstalleerde app nog steeds bewerken en een voorbeeld bekijken. AI-concepten, uploaden en het ophalen van nieuwe thema's werken weer zodra er een netwerk is; bouwen zonder verbinding legt de details uit.

Waar je de app haalt

Installers voor elk systeem staan op de downloadpagina van Mobirise: ongeveer 105 MB voor Windows, ongeveer 134 MB per macOS-pakket.

Wanneer bewerken met blokken past, en wanneer je een andere tool kiest

Werkt goed voor

  • Dienstverleners, klinieken, bureaus en kleine winkels die een heldere scrollsite nodig hebben
  • Mensen die de telefoonversie goed willen hebben zonder een tweede ronde aanpassingen
  • Iedereen die vrijheid in hosting wil en de HTML-bestanden
  • Freelancers die vergelijkbare sites voor meerdere klanten maken

Kies een andere tool als

  • Je elementen op exacte pixelposities wilt: Wix of WYSIWYG Web Builder
  • Je op telefoons een andere indeling nodig hebt: de mobiele editor van Wix of de mobiele layout van Squarespace
  • Je verder moet werken aan elders gemaakte pagina's: Mobirise kan die niet laden
  • Je in CSS denkt en volledige controle bij elk breakpoint wilt: Webflow
  • Je honderden producten in een catalogus verwacht: een speciaal commerceplatform

Vragen over bouwen door blokken te slepen

Wat betekent drag and drop website builder?

Het is een tool waarmee je pagina's samenstelt door dingen met de aanwijzer te verplaatsen in plaats van code te typen. Sommige tools laten je losse items overal op een canvas neerzetten; andere, waaronder Mobirise, laten je hele kant-en-klare blokken schikken en ze daarna ter plekke bewerken.

Kan een gratis drag and drop website maker voor altijd gratis blijven?

Ja. Mobirise kost niets voor persoonlijke of zakelijke sites en heeft geen proefperiode. Met dat abonnement bouw je zoveel sites als je wilt voor je eigen server, en er kunnen er nog drie op mobirisesite.com staan met een kleine vermelding.

Welke tool past het best bij beginners?

Tools met blokken zijn meestal makkelijker om mee te beginnen, omdat uitlijning en de telefoonversie voor je worden geregeld. Canvastools zoals Wix geven meer vrijheid, maar vragen op mobiel om een tweede ronde.

Ziet mijn site er op telefoons goed uit?

Ja, zolang één gedeelde indeling je bevalt: Mobirise-blokken schikken zichzelf om voor smalle, middelgrote en brede schermen, en je kunt elk formaat bekijken voordat je live gaat. Wat je niet kunt, is telefoons een eigen indeling geven of een item alleen voor mobiel verbergen.

Is er een app om een website op je telefoon te bouwen?

Android-gebruikers kunnen de app AI Website Builder: Mobirise installeren via Google Play, waarmee je sites met AI genereert en publiceert. Hij mist de volledige blokeditor van de desktopversie. Voor iOS bestaat niets; op iPhone of iPad is de browserversie de weg erin.

Kan ik de broncode van mijn site krijgen?

Ja. De geïnstalleerde Mobirise-app slaat HTML, CSS en JavaScript op, welk abonnement je ook gebruikt. Wix-sites moeten op de servers van Wix draaien, en Webflow staat code-export alleen toe met betaalde workspace-abonnementen.

Is klikken en slepen om een website te bouwen hetzelfde?

Ja, beide namen beschrijven hetzelfde: een element of blok indrukken, de knop ingedrukt houden en het op zijn plek schuiven. Tools verschillen in wat je verplaatst: een los item of een complete sectie.

Biedt Hostinger drag-and-drop-bewerking?

Ja. De websitebouwer heeft een handmatige modus voor het bewerken van elementen binnen secties, en een mobiele weergave waarin items per apparaat kunnen worden verborgen. Sites kunnen alleen op Hostinger-hosting worden gepubliceerd.

Kan ik met AI beginnen en daarna zelf blokken schikken?

Ja. Schrijf een korte beschrijving en Mobirise AI levert vier ontwerpen; kies er een, herschik of bewerk dan de blokken in de visuele editor of verfijn het via de chat. Genereren gebeurt online, en het gratis tegoed is 3 per maand.

Heb ik kennis van programmeren nodig?

Nee. Je hebt alleen te maken met blokken, tekst, afbeeldingen en instellingenpanelen. Wil je later de markup aanpassen, dan opent de betaalde extensie Code Editor die per blok.

Schik je eerste pagina

Open de websitebouwer online met een AI-concept of een lege pagina en sleep blokken op hun plek. Werk je liever op je eigen computer, met of zonder wifi? Installeer de gratis app.