Volkers Mobirise Blog

In diesem Blog findest du Anleitungen, Tipps und Beispiele
für Mobirise Webseiten. Themen sind unter anderem
PHP in Mobirise, dynamische Inhalte, Blogsysteme,
CMS Erweiterungen und eigene Mobirise Blöcke.

VN Formular Generator: Ein Formular-Baukasten, der wirklich alles kann

VN Formular Generator: Ein Formular-Baukasten, der wirklich alles kann

Nach VN Mailer, das bestehende native Mobirise-Formulare aufrüstet, kommt jetzt der große Bruder: VN Formular Generator – ein komplettes Formular-System, mit dem du deine Formulare selbst zusammenklickst, statt sie in feste Mobirise-Vorlagen zu pressen. Kein Programmieren nötig, trotzdem so flexibel, dass es sich anfühlt wie eines dieser teuren Formular-Tools, die man sonst im Monatsabo bucht.

Zwei Teile gehören zusammen: der Formular-Generator (ein eigenständiges Tool, in dem du dein Formular per Drag & Drop baust) und VN Formular Renderer, die Mobirise-Erweiterung, die dein fertiges Formular auf der Seite live zum Leben erweckt.

Fünf Blöcke statt einem – für jeden Look der passende

Statt eines einzigen Blocks mit einem unübersichtlichen Stil-Dropdown gibt's fünf eigenständige Blöcke, jeder mit eigener, echter Vorschau direkt im Mobirise-Editor:

  • VN Formular Standard – die schlichte, klassische Karte
  • VN Formular Fotokarte – Bild und Formular sitzen nebeneinander
  • VN Formular Hintergrund – dein Formular schwebt über einem vollflächigen Hintergrundbild
  • VN Formular Bildrahmen – das Bild passt sich exakt der Formular-Karte an
  • VN Formular Overlay – ein Button öffnet das Formular als Pop-up

Alle fünf teilen sich dieselbe Backend-Technik, du wählst einfach den Block, der optisch zu deiner Seite passt.

Der Baukasten: 18 Feldtypen

Im Generator ziehst du Feldtypen einfach per Drag & Drop auf die Fläche:

Klassiker: Text, Textarea, E-Mail, Telefon, URL, Zahl, Auswahl, Radio-Buttons, Checkbox, Datum

Struktur: Überschriften (teilen dein Formular optisch – oder sogar in echte Seiten, dazu gleich mehr), verstecktes Feld

Besonderheiten, die andere Formular-Tools oft gar nicht haben:

  • Datei-Upload mit einstellbarer Maximalgröße – wählt jemand eine zu große Datei, kann automatisch ein Link zu einer separaten Upload-Seite erscheinen, statt einfach nur "geht nicht" zu sagen
  • Unterschriftsfeld – dein Besucher unterschreibt mit Maus oder Finger direkt im Formular, die Unterschrift kommt automatisch als Bild-Anhang in der E-Mail an
  • Link-Anzeige – ein reiner Anzeige-Link (wird nie mit abgeschickt), praktisch kombiniert mit einer Regel für "Code eingeben → Rabatt-Link erscheint"-Mechaniken
  • Datenschutz-Checkbox mit komplett frei editierbarem Text – Label, Link-Text und der Satz danach sind alle deine eigenen Worte, nichts ist fest vorgegeben
  • Captcha wahlweise als eigenes Mathe-Rätsel (kein externer Dienst, komplett bei dir gehostet) oder als waschechtes hCaptcha, mit Hell/Dunkel-Design und Normal/Kompakt-Größe

Regeln: Dein Formular denkt mit

Der vielleicht mächtigste Teil: Felder können sich gegenseitig steuern.

"Zeig mir 'Firma' nur, wenn 'Ich bin Unternehmer' angehakt ist." "Blende 'Kundennummer' ein, sobald 'Bereits Kunde?' bejaht wird." "Leite bei einem bestimmten Stichwort automatisch auf eine andere Seite weiter – und nimm alle bisherigen Eingaben gleich mit."

Jede Regel besteht aus einer Aktion (einblenden, ausblenden, Pflichtfeld machen, Wert setzen, weiterleiten …) und beliebig vielen Bedingungen, die sich mit UND/ODER verknüpfen und sogar verschachteln lassen. Für die Feinheiten (welcher Vergleichs-Operator zu welchem Feldtyp passt) gibt's eine eigene, ausführliche Anleitung direkt im Generator verlinkt.

Mehrseitige Formulare – ganz ohne Zusatz-Tool

Lange Formulare schrecken ab. Deshalb: Setzt du Überschriften ein, kann sich dein Formular automatisch in echte, einzelne Seiten mit Weiter/Zurück-Navigation und Fortschrittsbalken aufteilen – eine einzige Einstellung im Zahnrad genügt. Jede Seite wird für sich validiert, bevor's weitergeht, und der Absenden-Button erscheint automatisch nur ganz am Ende. Bereits ausgefüllte Angaben bleiben beim Vor- und Zurückblättern erhalten.

Gestaltung bis ins letzte Detail

  • Farben für Labels, Felder, Rahmen, Text, Akzent, Pflichtfeld-Sternchen, Überschriften – alles einzeln einstellbar
  • Eingabefeld-Hintergrund sogar mit eigenem Transparenz-Regler
  • Feld-Stil wahlweise als Box oder als schlichte Linie
  • Schatten in drei Stufen, randlose Variante, sticky (bleibt beim Scrollen sichtbar)
  • Eigene Google Font, 2-Spalten-Automatik, Kompakt-Modus
  • Icons vor den Feld-Labels, Live-Validierungs-Häkchen, Zeichenzähler bei Textfeldern (mit eigener Farbe)
  • Fortschrittsbalken, Erfolgs-Animation mit Konfetti, wählbares Icon im Absenden-Button
  • Am Handy behalten Felder standardmäßig automatisch die volle Breite (kein Gequetsche mehr) – lässt sich bei Bedarf abschalten, falls du die eigene Breite bewusst beibehalten willst

Sicherheit, ohne dass du dich drum kümmern musst

Honeypot-Falle gegen Bots, IP-Rate-Limiting, HMAC-signierte Mathe-Captchas (nichts im Klartext übertragen), optionales hCaptcha, harte serverseitige Obergrenzen bei Datei-Uploads (unabhängig vom Zahnrad-Wert, damit niemand die Begrenzung umgehen kann) – alles von Haus aus dabei, ohne dass du irgendwas extra konfigurieren musst.

E-Mails, die wirklich gut aussehen

Statt schnödem Fließtext kommt bei dir eine sauber formatierte HTML-Mail an – übersichtliche Tabelle mit Feldname und Wert, dazu automatisch eine Klartext-Alternative für Mail-Programme, die kein HTML mögen. Datei-Anhänge und Unterschriften landen direkt mit dabei.


VN Formular Generator ist Teil der VN-Blöcke-PHP-Familie und nutzt dieselbe geteilte SMTP-Infrastruktur wie die anderen Erweiterungen – einmal SMTP eintragen, überall nutzen. Ausprobieren lohnt sich: Der Generator läuft eigenständig im Browser, ganz ohne dass du dafür schon irgendwas in Mobirise installiert haben musst.

© Copyright 2026 Volker Niederastroth

Besucherstatistik

Besucher online: 3

Besucher heute: 282

Besucher diese Woche: 1034

Besucher diesen Monat: 5409

Gesamtbesucher: 44027

🟢 Online: 👤 2 | 🤖 1
anthropic