Formbilder - Formularbaukasten

Digitalisieren Sie Ihre Prozesse!

Mit dem Formbuilder können Benutzer mithilfe einer intuitiven Drag- und Drop-Schnittstelle Formulare erstellen. Der Formbuilder unterstützt eine Reihe von Formularfeldern und einige HTML-Tags.

Liste der Einbaufelder

Autovervollständigung
Button
Kontrollkästchen-Gruppe
Datumsfeld
Datei hochladen
Überschrift
verstecktes Feld
Zahlen-Feld
Absatz
Radio-Button-Gruppe
Auswahl / Selectbox
Textfeld
Textarea
US Unterseite
E-Mail
ReCaptcha

Formbuilder → Dashboard

In der Entwicklung: Auf dem Dashboard können Sie erkennen, wie oft die Formulare genutzt werden und wann es die letzten Änderungen daran gab. Auch die Anzahl der Prozess-Schritte ist in der Tabelle zu erkennen.

Formbuilder → Übersicht Produkte

In dieser Tabelle sehen Sie alle bereits konfigurierten Formulare. Sie sehen den Namen, das Erstellungs-Datum, das letzte Änderungsdatum und den Benutzer, der zulezt das Formular bearbeitet hat.

Über das Stift-Icon können Sie das Formular bearbeiten und über das Mülleimer-Icon können Sie das Formular löschen.

Es wird empfohlen, die Formulare nicht zu schnell zu löschen, denn sie können auch als Ausgangs-Vorlage für neue Formulare genutzt werden. Ob und wie Sie in die Website integriert werden, ist ein separates Thema. Hier in diesem Menüpunkt liegen alle Formulare, zunächst ohne eine Veröffentlichung.

Über den Button NEU können Sie ein neues Formular anlegen. Im Folgenden wird das Beispiel ‘Antrag zur Eröffnung eines Kundenkontos’ näher betrachtet.

Im hellgrau hinterlegten Bereich ist der Ablaufplan der die einzelnen Eingabe-Schritte visualisiert.

Ablaufplan

Die einzelnen Schritte, die die Person über das Formular ausfüllt, werden in einem chronologischen Ablaufplan hintereinander platziert. Sie können auch verschoben werden, und sind nach einer kurzen Aktualisierung der Seite wieder in der neuen Reihenfolge sichtbar.

Export/Import

Wenn Sie oben auf den Button Export/Import klicken, dann bekommen Sie einen Zugriff auf den gesamten JSON-Code (Code der Formularstruktur und der Default-Daten) Ihres Formulares.

Im Folgenden sehen Sie ein Beispiel:

Mit HIlfe dieses Codes können Sie vorhandenen Formular in neue Formulare kopieren. Dies ist ggf. eine gute Arbeitszeit-Ersparnis, die Sie nutzen können.

So sieht die erste Seite des Formular-Beispiels auf einer Website aus:

Mit dem Button weiter, gelangt der Anwender in den nächsten Schritt. Die einzelnen Schritte sind (optional) bereits vorab in der Breadcrumb zu sehen.
Sie können das Beispiel in unserem Muster-Mandanten sichten: https://www1.internet-fachhandel.de/56/publish/ba409b3b_90bd_3967_f835d70192363cb9.cfm