Drag-and-Drop-Website-Baukasten
Der Drag-and-Drop-Website-Baukasten Mobirise setzt eine Website aus fertigen Blöcken zusammen, die Sie auf die Seite ziehen und mit Ihren eigenen Inhalten überschreiben. Er kostet nichts, läuft im Browser oder als installierte App, und jeder Block passt sich Smartphones von selbst an – ein zweites Layout pflegen Sie nie.
Geprüft im Oktober 2026 · vom Mobirise-Team, das mobirize.com betreibt
Unser Baukasten auf einen Blick: Blöcke, Preis, Smartphones, Dateien
Die Kurzfassung für alle, die Werkzeuge vergleichen: was Sie verschieben, was es kostet, wie Seiten auf kleinen Bildschirmen aussehen und wo die fertigen Dateien landen.
- Was Sie verschieben
- Ganze Blöcke: eine Kopfzeile, eine Galerie, eine Preisliste, einen Kontaktbereich. Sie stapeln sie von oben nach unten und ändern Texte und Bilder direkt auf der Seite.
- Preis
- Es fällt nichts an, ob die Website privat oder geschäftlich ist. Die kostenlose Version enthält ein einfaches Theme und 200+ Blöcke; die 220+ Premium-Themes und die Erweiterungen gehören zu KIT, BASE und GROW.
- Smartphones und Tablets
- Jeder Block ist responsiv, die Seite ordnet sich für schmale Bildschirme also selbst neu an. Der Editor zeigt Ihnen alle drei Bildschirmgrößen zur Kontrolle.
- Was er nicht kann
- Es gibt ein einziges gemeinsames Layout. Eine eigene Anordnung nur für Smartphones oder einen Schalter, der ein Element für ein einzelnes Gerät ausblendet oder verschiebt, gibt es nicht.
- Wo er läuft
- Online über a.mobirise.com oder als Programm für Windows 7+, macOS 10.13+ und Debian-basiertes Linux. Beides läuft auf derselben Engine.
- Ihr Code
- Die installierte App schreibt HTML, CSS und JavaScript (Bootstrap 5) – in jedem Plan, auch im kostenlosen. Der Export aus der Browser-Version ist eine Funktion von BASE und GROW.
- KI-Start
- Beschreiben Sie die Website kurz und erhalten Sie vier Designs, deren Blöcke Sie anschließend selbst umsortieren. Kostenlose Konten haben 3 Generierungen pro Monat.
Zwei Arten von Drag-and-Drop-Editoren
Der Begriff umfasst zwei recht unterschiedliche Arbeitsweisen. Wenn Sie sich gefragt haben, was er in der Praxis bedeutet: Diese Unterscheidung ist die wichtigste, denn sie entscheidet darüber, wie viel Zeit Sie später in die Korrektur der Smartphone-Ansicht stecken.
Frei positionierbare Fläche
Sie greifen ein Textfeld, ein Bild oder eine Schaltfläche und lassen es an beliebiger Stelle los, auch über einem anderen Element. So arbeiten Wix und WYSIWYG Web Builder. Sie haben genaue Kontrolle über eine Desktop-Komposition, etwa ein Bild, das eine Überschrift überlappt. Der Preis zeigt sich auf kleinen Bildschirmen: Eine Anordnung für einen breiten Monitor schrumpft nicht von allein, deshalb bieten diese Werkzeuge eine mobile Ansicht, in der Sie Elemente ein zweites Mal verschieben, skalieren oder ausblenden.
Blöcke stapeln
Sie ziehen komplette Abschnitte in eine vertikale Reihenfolge und füllen sie aus. Mobirise basiert auf diesem Modell; Squarespace-Abschnitte mit Fluid Engine liegen dazwischen: Blöcke rasten innerhalb eines Abschnitts in einem Raster ein. Die Ausrichtung ist erledigt, weil jeder Block Spalten und Abstände schon mitbringt. Dafür haben Sie weniger Freiheit: Ein Element lässt sich nicht pixelgenau irgendwo ablegen, und ungewöhnliche Designs mit Überlappungen sind schwer umzusetzen.
Als Faustregel: Stellen Sie sich die Seite als Plakat vor, passt ein Werkzeug mit freier Fläche; stellen Sie sich etwas zum Scrollen vor, geht das Stapeln von Blöcken schneller und überrascht auf Smartphones seltener.
Bester Drag-and-Drop-Website-Baukasten nach Einsatzzweck
Kein Werkzeug gewinnt überall. Das sind die Empfehlungen, die wir einem Freund je nach Projekt geben würden. Mobirise ist unser Produkt – lesen Sie die Zeile dazu also als Aussage des Herstellers.
- Kostenlos, und Sie wollen die Dateien
- Mobirise: Blöcke stapeln, in drei Bildschirmgrößen ansehen, dann auf den eigenen Server hochladen oder das HTML behalten. Die kostenlose Version läuft nie ab.
- Pixelgenaues Layout online
- Wix: alles überall platzieren und eine eigene mobile Version abstimmen. Die Website muss auf den Wix-Servern bleiben.
- Hochwertige Vorlagen, Raster innerhalb von Abschnitten
- Squarespace mit Fluid Engine: Blöcke auf einem Raster anordnen und das mobile Layout separat festlegen. Nach 14 Tagen Testzeit wird es kostenpflichtig.
- Genaue Platzierung in einem PC-Programm
- WYSIWYG Web Builder wird als einmalige Lizenz verkauft, bietet absolute und flexible Layouts mit Breakpoints und importiert vorhandene HTML-Seiten.
- Gestaltung nahe am CSS
- Webflow: Klassen, Breakpoints und ein Style-Bereich, der CSS-Eigenschaften abbildet. Rechnen Sie mit einer längeren Einarbeitung.
- Der günstigste gehostete Einstieg
- Hostinger Website Builder: ein niedriger Preis bei mehrjähriger Vorauszahlung, mit Ausblenden pro Gerät. Er veröffentlicht nur auf Hostinger-Hosting.
- KI-Design ohne Installation
- 8B AI: Das Gestalten ist kostenlos, für die Veröffentlichung brauchen Sie aber Pro. Eine Desktop-Version gibt es nicht.
Jeder Drag-and-Drop-Baukasten im Vergleich
Sieben Werkzeuge, bewertet danach, wie sie Elemente platzieren, wie sie mit Smartphones umgehen und ob Sie den Code mitnehmen können. Die Zeilen, in denen Mobirise schlechter abschneidet, haben wir stehen lassen.
| Mobirise | Wix | Squarespace | 8B AI | WYSIWYG Web Builder | Webflow | Hostinger | |
|---|---|---|---|---|---|---|---|
| Einstiegspreis zum Veröffentlichen | 0 $ auf einer mobirisesite.com-Subdomain oder dem eigenen Server | 17 $ pro Monat im Plan Light, bei jährlicher Abrechnung | 19 $ pro Monat im Plan Basic, bei jährlicher Abrechnung (25 $ bei monatlicher Zahlung) | 9 $ pro Monat im Plan Pro, bei jährlicher Abrechnung | 59,95 $ einmalig, vor MwSt. | Basic-Website-Plan für 15 $ pro Monat | 2,99 $ pro Monat im Plan Premium bei 48 Monaten Vorauszahlung; 10,99 $ bei Verlängerung |
| Kostenlose Option | Kostenloser Plan, läuft nie ab | Kostenloser Plan mit Wix-Werbung | Nur 14 Tage Testzeit | Nur Design, Veröffentlichung nicht möglich | 30 Tage voll funktionsfähig | Kostenlose Website auf webflow.io, mit eingeblendetem Badge | Testversion, Veröffentlichung nicht möglich |
| So platzieren Sie Elemente | Ganze Blöcke stapeln, direkt auf der Seite bearbeiten | Frei positionieren, mit Ebenen | Blöcke auf einem Raster in Abschnitten | Generiertes Design, per KI-Chat geändert | Freie Position oder flexible Layouts | Elemente, die mit Klassen gestaltet werden | Elemente innerhalb von Abschnitten |
| Smartphone-Layout | Automatisch, ein gemeinsames Layout | Eigener mobiler Editor | Mobiles Layout unabhängig einstellbar | Nicht angegeben | Breakpoints pro Element | Breakpoints im Style-Bereich | Mobile Ansicht, Ausblenden pro Gerät |
| Element nur auf Smartphones ausblenden | Nein | Ja | Layout separat eingestellt | Nicht angegeben | Ja, mit Breakpoints | Ja, mit Breakpoints | Ja |
| Installierbares Programm | Ja, für Windows, macOS und Linux | Keines | Keines | Keines | Nur Windows | Keines | Keines |
| Code woanders hinbringen | HTML-Export in der installierten App, in jedem Plan | Nein, läuft auf Wix-Servern | Einige Inhalte nur als .xml | Voller HTML-Export mit Pro | Ja, in einen Ordner oder per FTP | Kostenpflichtige Workspace-Pläne | Nicht angegeben |
Die Angaben stammen aus den offiziellen Preislisten und Support-Artikeln der Anbieter, die wir vom 13. bis 16. Oktober 2026 gelesen haben. Die Beträge sind US-Dollar ohne Steuern, auf der in der jeweiligen Zelle genannten Abrechnungsbasis. Drittanbieter-Tests enthalten oft veraltete Zahlen (Squarespace Basic wird vielerorts noch mit 16 $ genannt), und Anbieter ändern Preise und starten Aktionen – prüfen Sie daher vor dem Kauf die Website des Anbieters.
Wie sich ein gezogenes Layout auf dem Smartphone verhält
Für die Website eines kleinen Unternehmens ist das mobile Ergebnis der eigentliche Test jedes Editors. So verhält sich eine auf großem Bildschirm angeordnete Seite, je nach Editortyp.
Spalten werden zu einer
In Mobirise wird ein dreispaltiger Block auf einem schmalen Bildschirm zu einer einzigen Spalte, und die Blöcke behalten ihre Reihenfolge von oben nach unten. Abstände und Schrift skalieren mit dem Bootstrap-5-Raster. Nichts überlappt, weil von vornherein nichts pixelgenau platziert wurde.
Ein zweiter Durchgang von Hand
In einem Editor mit freier Fläche können Elemente, die für eine breite Seite positioniert wurden, auf dem Smartphone an seltsamen Stellen landen. Wix und Hostinger bieten eine mobile Ansicht, in der Sie Elemente neu anordnen oder ausblenden; laut Wix lassen Änderungen dort die Desktop-Version unberührt.
Regeln pro Bildschirmbreite
Mit Webflow und WYSIWYG Web Builder legen Sie bei gewählten Breiten unterschiedliche Werte fest. Das ist der präziseste und zugleich aufwendigste Ansatz: Jeder Breakpoint ist eine weitere Version, die Sie prüfen müssen. Wo diese Editoren unter den übrigen Werkzeugen stehen, zeigt unser Ratgeber zu Programmen für die Website-Erstellung.
Die ehrliche Grenze des Block-Ansatzes: Sie können Mobirise nicht anweisen, ein Bild auf dem Desktop zu zeigen und auf Smartphones wegzulassen, oder eine Schaltfläche nur mobil weiter nach oben zu setzen. Ist Ihnen eine Smartphone-eigene Anordnung wichtig, hat Wix einen mobilen Editor genau für diese Aufgabe. Für die meisten Dienstleistungs-Websites genügt ein einziges Layout, das sich anpasst, und Sie ersparen sich, zwei Versionen synchron zu halten. Wer einen Baukasten für mobile Websites sucht, der die kleine Ansicht ohne Zusatzaufwand ordentlich hält, ist genau die Zielgruppe dieses Modells.
- Drei Größen ansehen. Wechseln Sie vor der Veröffentlichung zwischen Smartphone-, Tablet- und Desktop-Ansicht.
- Blöcke kurz halten. Ein Block mit vielen Spalten wird auf dem Smartphone zu einer langen Scrollstrecke.
- Überschriften prüfen. Ein langer Titel, der auf dem Desktop in eine Zeile passt, kann auf einem kleinen Bildschirm vier Zeilen brauchen.
- Echte Geräte testen. Öffnen Sie die veröffentlichte Website auf Ihrem eigenen Handy; die Vorschau kommt nah heran, ist aber nicht identisch.
Was Sie in Mobirise ziehen und einstellen können
Alles Folgende gehört zum Block-Editor und verhält sich online und offline in der installierten Version gleich. Kostenpflichtige Punkte sind gekennzeichnet.
Blöcke
Ziehen Sie fertige Blöcke aus der Seitenleiste auf die Seite und ordnen Sie sie neu an. „Clone Block“ dupliziert einen Block samt Einstellungen, praktisch für wiederkehrende Abschnitte wie zwei Preislisten.
Text und Bilder direkt bearbeiten
Klicken Sie auf den Beispieltext und tippen Sie, klicken Sie auf ein Foto und tauschen Sie es aus. Bilder werden automatisch in WebP umgewandelt, jeder Titel kann das H-Tag Ihrer Wahl erhalten, und Text lässt sich im Blocksatz setzen.
Block-Parameter
Jeder Block hat einen Bereich für Abstände, Hintergrund, sichtbare Elemente und Spaltenzahl. Die meisten Layout-Entscheidungen fallen hier und nicht durch das Ziehen einzelner Elemente.
Website-Stil
Schriften und Farben der ganzen Website legen Sie an einer Stelle fest, im Style Editor; neuere Versionen haben ihm weitere Schriftarten hinzugefügt. Wer die Tastatur nutzt, sieht einen sichtbaren Fokusrahmen.
KI für einzelne Blöcke
Mit einem Premium-KI-Plan erstellen oder überarbeiten „Generate Block with AI“ und „Edit Block with AI“ einen einzelnen Abschnitt. Ein Entwurf für die ganze Website kann außerdem mit einer kurzen Beschreibung Ihres Unternehmens beginnen.
Code, wenn Sie ihn wollen
Mit dem Code Editor, einer kostenpflichtigen Erweiterung, die in jedem kostenpflichtigen Plan enthalten ist, schreiben Sie HTML und CSS unter jedem Block oder jeder Seite um. Ohne ihn berühren Sie nie Code – das ist der Grundgedanke von visuellem Bauen ohne Markup.
Kostenpflichtige Erweiterungen wie Form Builder, Popup Builder und Smart Cart (PayPal und Stripe) bringen eigene ziehbare Blöcke mit. Sie werden nur als Teil von KIT, BASE oder GROW verkauft; siehe die Mobirise-Preisseite.
Ein Drag-and-Drop-HTML-Baukasten mit Code-Export
Viele wünschen sich einen Baukasten, der echte Dateien herausgibt, damit ihre Website keinem einzelnen Hoster gehört.
Was Sie bekommen
Beim Veröffentlichen in einen Ordner auf Ihrer Festplatte erzeugt die installierte App HTML, CSS und JavaScript auf Basis von Bootstrap 5, auch im kostenlosen Plan. Dieselbe App kann die Website auch per FTP oder FTPES senden oder zu GitHub Pages hochladen.
Was nicht geht
Mobirise liest nur Projekte, die in Mobirise erstellt wurden. Eine gekaufte HTML-Vorlage oder Seiten aus anderer Software lassen sich nicht einlesen und per Ziehen bearbeiten; dafür passt ein visueller Editor für vorhandenes HTML besser.
Offline arbeiten
Ohne WLAN bearbeitet und zeigt die installierte App weiterhin Ihre Seiten an. KI-Entwürfe, das Hochladen und das Laden neuer Themes funktionieren wieder, sobald ein Netz da ist; Arbeiten ohne Verbindung erklärt die Einzelheiten.
Wo Sie die App bekommen
Die Installer für jedes System finden Sie auf der Mobirise-Downloadseite: etwa 105 MB unter Windows, etwa 134 MB pro macOS-Paket.
Wann Block-Bearbeitung passt und wann ein anderes Werkzeug besser ist
Eignet sich gut für
- Dienstleister, Praxen, Agenturen und kleine Läden, die eine klare Scroll-Website brauchen
- Menschen, die die Smartphone-Ansicht ohne zweite Bearbeitungsrunde richtig haben wollen
- Alle, die freie Hosting-Wahl und die HTML-Dateien wollen
- Freiberufler, die ähnliche Websites für mehrere Kunden bauen
Wählen Sie ein anderes Werkzeug, wenn
- Sie Elemente an exakten Pixelpositionen wollen: Wix oder WYSIWYG Web Builder
- Sie auf Smartphones eine andere Anordnung brauchen: der mobile Editor von Wix oder das mobile Layout von Squarespace
- Sie an andernorts erstellten Seiten weiterarbeiten müssen: Mobirise kann sie nicht laden
- Sie in CSS denken und an jedem Breakpoint volle Kontrolle wollen: Webflow
- Sie einen Katalog mit Hunderten Produkten erwarten: eine spezialisierte Shop-Plattform
Fragen zum Bauen durch Ziehen von Blöcken
Was bedeutet Drag-and-Drop-Website-Baukasten?
Es ist ein Werkzeug, in dem Sie Seiten mit dem Mauszeiger zusammensetzen, statt Code zu tippen. Manche Werkzeuge lassen Sie einzelne Elemente frei auf einer Fläche platzieren; andere, darunter Mobirise, lassen Sie ganze fertige Blöcke anordnen und dann direkt bearbeiten.
Bleibt ein kostenloser Drag and Drop Website Baukasten für immer kostenlos?
Ja. Mobirise kostet für private wie geschäftliche Websites nichts und hat keine Testzeit. Im kostenlosen Plan bauen Sie beliebig viele Websites für Ihren eigenen Server, und bis zu drei weitere können auf mobirisesite.com liegen, mit einem kleinen Hinweis auf Mobirise.
Welches Werkzeug eignet sich am besten für Einsteiger?
Block-basierte Werkzeuge sind meist leichter zu Beginn, weil Ausrichtung und Smartphone-Version für Sie erledigt werden. Werkzeuge mit freier Fläche wie Wix geben mehr Freiheit, verlangen aber einen zweiten Durchgang für mobile Geräte.
Sieht meine Website auf Smartphones richtig aus?
Ja, solange Ihnen eine gemeinsame Anordnung genügt: Mobirise-Blöcke ordnen sich für schmale, mittlere und breite Bildschirme selbst neu an, und Sie können jede Größe vor der Veröffentlichung ansehen. Nicht möglich ist, Smartphones eine eigene Anordnung zu geben oder ein Element nur für mobile Geräte auszublenden.
Gibt es eine App, mit der ich Websites auf dem Handy erstelle?
Android-Nutzer können die App „AI Website Builder: Mobirise“ aus Google Play installieren, die Websites mit KI erzeugt und veröffentlicht. Ihr fehlt der volle Block-Editor der Desktop-Version. Für iOS gibt es nichts; auf iPhone oder iPad ist die Browser-Version der Weg.
Kann ich den Quellcode meiner Website bekommen?
Ja. Die installierte Mobirise-App speichert HTML, CSS und JavaScript in jedem Plan. Wix-Websites müssen auf den Wix-Servern laufen, und Webflow erlaubt den Code-Export nur in kostenpflichtigen Workspace-Plänen.
Ist Website-Bauen per Klicken und Ziehen dasselbe?
Ja, beide Bezeichnungen beschreiben, ein Element oder einen Block anzuklicken, die Taste zu halten und ihn an die richtige Stelle zu bewegen. Die Werkzeuge unterscheiden sich darin, was Sie bewegen: ein einzelnes Element oder einen ganzen Abschnitt.
Bietet Hostinger Drag-and-Drop-Bearbeitung?
Ja. Der Website-Baukasten hat einen manuellen Modus zum Bearbeiten von Elementen innerhalb von Abschnitten und eine mobile Ansicht, in der sich Elemente pro Gerät ausblenden lassen. Websites können nur auf Hostinger-Hosting veröffentlicht werden.
Kann ich mit KI starten und die Blöcke dann selbst anordnen?
Ja. Schreiben Sie eine kurze Beschreibung, und Mobirise AI liefert vier Designs; wählen Sie eines, ordnen Sie dann seine Blöcke im visuellen Editor um oder bearbeiten Sie sie, oder verfeinern Sie es per Chat. Die Generierung läuft online, und das kostenlose Kontingent beträgt 3 pro Monat.
Brauche ich Programmierkenntnisse?
Nein. Sie haben nur mit Blöcken, Texten, Bildern und Einstellungsbereichen zu tun. Sollten Sie später das Markup anpassen wollen, öffnet die kostenpflichtige Erweiterung Code Editor es für jeden Block.
Ordnen Sie Ihre erste Seite an
Öffnen Sie den Baukasten online mit einem KI-Entwurf oder einer leeren Seite und ziehen Sie Blöcke an ihren Platz. Arbeiten Sie lieber auf dem eigenen Computer, mit oder ohne WLAN? Installieren Sie die kostenlose App.