Swetlana Senkevitch 20. Januar 2013

8+ Formulargeneratoren für die eigene (mobile) Homepage

Formulargeneratoren sind so alt wie das Netz und entstammen der Zeit der alten Geocities und anderer Selbstbau-Website-Heimstätten. Niemand der dort Aktiven hatte Ahnung von HTML, teilweise war auch der Codezugriff gar nicht möglich. So wurden Formulargeneratoren, sogar Gästebuchgeneratoren galt es zu erdulden, zur Selbstverständlichkeit. Bevor Sie jetzt denken, dass diese Dienste heutzutage völlig überflüssig wären, sollte erwähnt werden, dass die heutigen Generatoren mit denen aus grauer Vorzeit zumeist (leider nicht stets) nur noch den schlechten Ruf gemein haben. Ich habe mir einige dieser Vertreter angesehen und dabei auch vor mobilen Websites nicht halt gemacht. Erschrecken Sie nicht: auch von der üblen Sorte sind noch haufenweise am Markt…

5 Formulargeneratoren für die klassische Website

Hier werden wir sie finden, die Gespenster der Vergangenheit ;-)

Der Formular-Chef

Das erste Tool für die Erstellung von HTML-Formularen ist der Formular-Chef. Mit Hilfe dieses kostenlosen Tools können Sie ganz hundsgemeine Formulare erstellen, wie sie jeden Tag im Alltag benötigt werden. Auf der Hauptseite wird Ihnen das Tool kurz vorgestellt. Dann können Sie sich die Grundkonfiguration eines Formulars anschauen, sich über die Minimalanforderungen informieren, sowie die Beispielformulare ansehen. Bei den Beispielformularen handelt es sich um Templates. Sie suchen sich einfach einen Formulartyp aus und erhalten den entsprechenden Code kostenfrei.


Beispielformulare als Templates


Start: die Grundkonfiguration

Beim Stöbern auf der Webseite des Formular-Chef finden Sie zahlreiche weitere Informationen zu Features, aber auch Anleitungen und FAQs. Das Tool richtet sich nach meinem Verständnis vornehmlich an die Anfänger im Webdesign, respektive den DIY-Homepagebauer.

All U Want

Nicht „all you can eat“, aber trotzdem sehr nützlich, wenn es um einen kostenlosen Formgenerator geht. All U Want bietet Ihnen kostenlose Homepage-Tools für die eigene Webseite. Hier finden Sie Features für Umfragen, Gästebucheinträge, Formulare, Formmailer oder Fotoalben. Die angebotenen Features können vom Nutzer mit einem individuellen HTML-Code oder einem Link in die Homepage integriert werden. Um den Zugang zu diesen Features zu erlangen, müssen Sie sich bei dem Anbieter registrieren. Das ist kostenlos. Laut All U Want werden Ihre Daten nicht an Dritte ohne Ihr Einverständnis weitergegeben. Auch dieser Dienst ist vor allem für diejenigen hilfreich, die keine (oder keine guten) HTML-Kenntnisse haben.


All U Want: ein Überblick über die Tools

Frontend DWFormgenerator

DW-Formmailer soll laut der Beschreibung des Anbieters ein Tool für Profis sein. Damit ist es möglich, individuelle Formulare zu erstellen. Der Formmailer dient zur Übermittlung von Daten, die in ein Web-Formular eingegeben wurden. Das Tool kann sowohl kostenlos als auch gegen Bezahlung, dann mit erweiterten Möglichkeiten verwendet werden.


DWFormgenerator: die Startseite

Kingtools

Auch für die Verwendung der Kingtools wird kein HTML-Wissen benötigt. Kingtools bietet Ihnen 20 Homepagetools. Die Tools können schnell in die Webseite eingebunden werden und sind einfach zu verwalten. Das Design kann per CSS individuell angepasst werden. Um das ganze Paket zu erhalten und in die Webseite einbauen zu können, ist eine Registrierung notwendig. Vorsicht: auch wenn das Angebot sehr verlockend aussieht, so muss man mit dem Datenschutz doch aufpassen. Der Betreiber behält sich vor, persönliche Daten der Nutzer beispielsweise für Werbung oder Marktforschung weiterzugeben.


Kingtools: ein Überblick

Interwebline

Interwebline ist ein weiteres Portal für Seitenbetreiber, welches zahlreiche Tools kostenlos anbietet, unter anderem auch einen Formmailer. Für Neulinge auf dem Gebiet der Homepageerstellung wird ein Support angeboten. Für Fortgeschrittene und Profis sind verschiedene Tools geeignet, mit deren Hilfe die Webseite aufgestockt werden kann. Auf der gut strukturierten Webseite finden Sie zudem Tutorials für HTML-Anfänger, einige Infos zum Thema Graphik, sowie Tipps und Tricks. Eine interessante Quelle für Anfänger und (Semi-)Profis!


Interwebline: die Startseite

Drei Dienste, die Kontaktformulare für mobile Geräte generieren

Das mobile Internet entwickelt sich rasch. Noch vor wenigen Jahren schien es undenkbar, eine Webseite auf einem mobilen Gerät auch nur anzuschauen. Heute gehört es zum Alltag. Wer sich mit Webdesign beschäftigt, muss sich nicht nur um eine „normale“ Version seiner Webseite kümmern. Vielmehr wird immer häufiger zusätzlich eine mobile Variante gefordert. Das betrifft dann natürlich auch etwa Kontakt- und andere Formulare. Im folgenden stelle ich Ihnen ein paar Dienste vor, welche dabei helfen wollen, Kontaktformulare für mobile Webseiten schnell zu erstellen.


So können Ihre mobilen Formulare aussehen

Get Formly: online mobile Formulare erstellen

Erster Dienst, welcher es erlaubt, mobile Webseitenformulare schnell zu erstellen ist Get Formly. Sie können sofort online ein eigenes Formular erstellen. Der Dienst ist allerdings nicht kostenlos. Nur eine Demo Version eines Formulars kann erstellt werden. Um ordentlich mit dem Dienst zu arbeiten, muss man sich für einen von drei Tarifen entscheiden, den Geldbeutel auspacken und kann erst dann los legen. Eine gute Einführung in die Dienstnutzung vermittelt Ihnen ein aussagekräftiges Bild. So können Sie qualifiziert entscheiden, ob sich die Investition wohl für Sie lohnen wird.

Klicken Sie auf „Build your first form“, werden Sie zu einer Formularauswahl weitergeleitet. Um zu verstehen, was die jeweilige Formularart bedeutet, führen Sie den Mauszeiger über den jeweiligen Button. Beispielsweise möchten Sie ein Multiple-Choice-Formular basteln. Ziehen Sie den entsprechenden Button in ein Feld, welches sofort bei der Auswahl rechts erscheint. Ein Menu entsteht, in dem sich Ihre Frage und Antwortmöglichkeiten befinden. Der Dienst schlägt Ihnen irgendeine beliebige Frage vor, weist Sie aber sogar darauf hin, dass Sie doch lieber eine interessantere Frage verwenden sollten.


Get Formly: Formulare erstellen mit Tipps

Der Hinweis auf eine interessantere Frage ist nicht der einzige, der Ihnen begegnen wird. Buchstäblich jeder Button wird erläutert. Nachdem Sie sich da durchgecklickt haben, können Sie endlich weitere Optionen zu Ihrem Formular hinzufügen und schliesslich auf „Preview“ klicken.


Vorschau eines fertigen Formulars

Schlussendlich geben Sie Ihre E-Mail-Adresse an und wählen ein Passwort. Get Formly verspricht Ihnen, Ihr Postfach nicht mit Spam zu füllen.


Um Ihr Formular zu erhalten,müssen Sie erst Ihre E-Mail-Adresse angeben

Form Smarts

Formsmarts ist ein Dienst, welcher ebenfalls eine Möglichkeit bietet, Formulare für mobile Geräte zu erstellen. Hier gibt es sowohl kostenpflichtige Versionen als auch eine kostenlose Basic-Version. Um die Basic-Version nutzen zu können, müssen Sie sich erstmal registrieren. Nach der Bestätigung der E-Mail-Adresse kann es nun mit der Formerstellung losgehen. Melden Sie sich mit Ihrem Account an, klicken Sie auf „My Forms“ auf der Startseite unten. Geben Sie alle notwendigen Informationen ein und klicken Sie auf „Create Forms“. Danach gehen Sie auf „create fields“ und erstellen Sie ein Feld. Sind Sie damit zufrieden, klicken Sie auf den Button „Forms“. Sie erhalten einen Code für Ihren Formular.


Embed Code Ihres Formulars

Um weitere Einstellungen im Formular durchzuführen, klicken Sie auf den Bleistift in der oberen Menüleiste. Ein Fenster mit weiteren Einstellungsmöglichkeiten erscheint. Nicht alle Funktionen können bei der Basic-Version genutzt werden, allerdings halte ich persönlich diese für nicht nötig. Für die private Webseite reichen meiner Meinung nach die angebotenen Möglichkeiten vollkommen. Nachdem Sie fertig sind, speichern Sie die Einstellungen unter „save changes“. Sind Sie mit allem zufrieden, kopieren Sie den Code und bauen ihn auf Ihrer Webseite ein. Wie Sie es am besten tun sollten, erfahren Sie indem Sie auf das Fragezeichen neben „URL“ klicken. Ihnen werden ausführlichste Informationen darüber gegeben, wie Sie Ihr Formular in Ihre Webseite einbauen können.

P-Form

Noch eine Quelle zum Erstellen von HTML5-Formularen, welche auch für eine mobile Webseite geeignet sind, ist pForm. Hier wählen Sie als erstes ein Layout in IHrer Wunschfarbe. Unten klicken Sie auf „Next“. Im Menu rechts wählen Sie eine Formularart. Dann gestalten Sie Ihr Formular beliebig und nachdem Sie fertig sind, klicken Sie auf „Download Form“. Der HTML-Code samt Bottom, Header, den CSS-Dateien und weiterem Zubehör kommt zu Ihnen in einer zip-Datei verpackt. Was ich gut finde: hier ist keine Registrierung oder die Angabe einer E-Mail-Adresse notwendig.


P-Form: ein kleines Beispiel

Fazit: Als ich auf der Suche nach Möglichkeiten zur Erstellung mobiler Formulare war, musste ich feststellen, dass die meisten davon nicht kostenlos sind. Viele versprechen zunächst, sie seien kostenlos. Dann aber verlangen sie eine aufwändige Registrierung und am Ende stellt sich heraus, dass nur ein Formular kostenlos erstellt werden kann. Die kostenlosen Anbieter reichen meiner Meinung nach nur für sehr simple Formulare. Möchten Sie aber etwas Qualitatives haben, empfehle ich Ihnen doch den Griff zum Geldbeutel. Zum Schluss habe ich für Sie noch drei nette Mobile-Forms-Anbieter aufgelistet, welche nicht kostenlos sind, aber dafür durch die Qualität an Formularen eher überzeugen.

  • iFlyMobi-Applikation zur Erstellung von mobilen Formularen.
  • DeviceMagic: mobile Formulare werden mittels eines Online-Designers erstellt.
  • Mobify: ein Editor für die Erstellung von mobilen Webseiten (und Formularen).

(dpe)

Swetlana Senkevitch

Neben dem Chemiestudium interessiert sich Swetlana Senkevitch für sehr viele Dinge dieser Welt. Kunst, Malerei, Psychologie, Naturwissenschaften, Schachspiel, Sprachen und Photographie sind nur einige Beispiele ihrer Interessen und Hobbies. Sie hat eine Leidenschaft fürs Schreiben und Design gefunden und beschäftigt sich nun mit Webdesign.
Dr. Webs exklusiver Newsletter
Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.

6 Kommentare

  1. Ich suche einen Formulargenerator für dynamische Formulare erstellen. Sprich im ersten Schritt wird zB durch einen Radio-Knopf eine Auswahl getroffen die dann ein dazu passendes Dropdown Menü generiert. Man wählt im Radio-Knopf zb Österreich und es kommt ein Drop-Down mit Hotels in Österreich, wählt man Deutschland erscheinen im Drop Down nur die Hotels in Deutschland.

    Kann jemand helfen?

  2. Da auch englisch-sprachige Seiten angeführt waren: Ich habe Wufoo vermisst!
    http://www.wufoo.com/

  3. Super Artikel! Vielen Dank! Weiter so

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Kennst du schon unseren Newsletter?

Hinweise zum Datenschutz, also dem Einsatz von Double-Opt-In, der Protokollierung der Anmeldung, der Erfolgsmessung, dem Einsatz von MailChimp als Versanddienstleister und deinen Widerrufsrechten findest du in unseren Datenschutzhinweisen.