Übersicht
Das Web-Formular ist eine Kern Methode der Interaktion einer Website. Ein attraktives und uneingeschränktes Formular ist absolut unerlässlich, um Fehlern oder nicht gesendeten Eingaben aus dem Weg zu gehen.
Formoid bietet eine wunderbare Kombination neuesten Design-Ideen und modernsten Web-Techniken, um Sie dabei zu unterstützen, die bestmöglichsten Formulare zu erstellen.
- GBO Konfigurationsassistent
Der intuitivste und am einfachsten zu bedienende Formular Designer - Keine manuelle Programmierung mehr, sondern einfaches und schnelles Drag-n-Drop designen von Formularen.
Erstelle, kinderleicht ,sowohl einfache als auch komplexe Formulare mit Formoid!
Für Mac und Windows - Benutzen Sie Formoid auf Ihrer Lieblingsplattform – es wird sowohl von OSX 10.6+ als auch von Windows XP, Vista, 7 und 8 unterstützt
Komplett an Ihre Bedürfnisse anpassbar - Passen Sie im Handumdrehen Ihr Layout, die Farben und Ihren Stil an
Farbschemas - Wechseln Sie ganz einfach die Farben Ihrer Elemente mit Hilfe unserer vorgefertigten Farbvoreinstellungen. Auch Checkboxen und Radio Symbole verändern Ihre Farben
Live Vorschau - Das Vorschaufenster ermöglicht Ihnen alle Bearbeitungen direkt als Vorschau in Ihrem Formular zu sehen, genauso wie sie auch im Browser erscheinen werden
Standard Bereiche - Textbereiche, Paragraphbereiche, Drop-Downs für einzelne und mehrere Auswahlen, Checkboxen und Radio Schaltflächen? Formoid unterstützt alle standardisierten Formular Bereiche
Fortgeschrittene Bereiche - Sie benötigen ein paar fortgeschrittene Dinge? Name, Adresse, E-Mail, Website URL, Datei Upload, Passwörter, Kalender, Nummern, Captcha Bereiche machen Ihnen das Leben leichter
Obligatorische Bereiche - Markieren sie Bereiche als ‘erforderlich’ und senden Sie eine Nachricht zur Warnung falls dies nötig ist.
Anti-spam captcha - Fügen Sie das vertrauenswürdige Google reCaptcha mit einem Klick hinzu. Schützen Sie sich vor Spam von automatisierten Bots!
- HTML Formulare
Atemberaubende Skins - Modern und reibungslos, Flat, Metro, Solid, Bootstrap Themen für Startprogramm Formulare mit ausgefallenen Farben
Fließendes Layout, Responsive Formulare - Ihre Formulare werden immer gut aussehen, auf jedem Desktop und mobilem Gerät
Größte Browser-und Gerätekompatibilität - Die Formulare werden sorgfältig auf mehreren Browsern, Betriebssystemen und Geräten getestet, um sicherzustellen, dass sie makellos aussehen und funktionieren, auf allen alten (einschließlich IE6) und neuesten Browsern, auch ohne Javascript.
Retina-Ready - Alle Formularelemente sind mit CSS erstellt, ohne Bilder, so dass sie scharf und pixelgenau auf allen Retina-Displays und Bildschirmen mit hoher Auflösung aussehen
Geschmeidige Google Fonts - Sie sind es leid immer dieselben, langweiligen Schriftarten wie Arial und Times Roman zu verwenden? Benutzen Sie die neuen und kostenfreien Google Fonts in Ihren Formularen
CSS Formular Styling - CSS Formular Layout - Radios, Checkboxen, Vorgaben, Upload von Dateien, Datumsauswahl, Kurzinfos und sogar Google captcha! Es werden keine Bilder verwendet!
Live-Validierung - Das Formular bestätigt Bereiche während der Benutzer schreibt und zeigt Kurzinfos an, wenn ein Fehler auftritt. HTML5-Formularvalidierung wird ebenfalls unterstützt
- PHP-Formular-Backend
Formulare mit PHP bearbeiten - Formoid ist nicht nur für Client-Site HTML-Formulare da. Es erzeugt auch ein leistungsstarkes PHP-Steuerungsprogramm um eingereichte Formulare zu verarbeiten.
Kein Programmieren - Der Server-Site PHP-Code wird vollautomatisch erzeugt, und wenn Ihr Server PHP-fähig ist, müssen Sie nur diese PHP Datei inkl. der HTML Datei hochladen. Es sind also keine PHP-Programmierkenntnisse erforderlich!
E-Mail-Kontaktformulare - Nachdem es auf den Server hochgeladen ist, wird das PHP-Skript Antworten auf die E-Mails senden, die Sie innerhalb der Formoid-App einrichten
Exportieren Sie nach CSV - Alle Einsendungen werden im CSV-Dateiformat protokolliert
- Gehostete Online Formulare
Ein-click Veröffentlichung, Vorschau und Test - Der "Vorschau und Test" Button lädt Ihr aktuelles Formular sofort auf unseren Server zum live Test-Drive
Einfaches Teilen & Einbetten - Klicken Sie auf den ‘Teilen’ Button und bekommen Sie einen kurzen HTML Code Ausschnitt den Sie dann einfach per E-Mail verschicken, oder auf jede beliebige Seite einbetten können oder mit dem Sie ein Lightbox Popup Formular erstellen können
Sofortbenachrichtigungen - Echtzeit Updates per E-Mail zu Ihren online Formularaktivitäten
Sammeln Sie Anhänge - Wenn Ihr Formular einen Datei Uploader hat, können sie jederzeit alle hochgeladenen Dateien Ihrer Benutzer einsehen
Sie haben die volle Kontrolle über ihre Formulare - Verwalten Sie alle Ihre gehosteten Formulare, finden Sie Statistiken, und sehen und exportieren Sie Eingaben
Geschützte Formulare - Alle Formulare werden durch eine starke 256-Bit-SSL-Verschlüsselung (HTTPS-Protokoll) übertragen, um sicherzustellen, dass Ihre Kundendaten sicher geschützt sind
Schnelle Hilfe
1. Bearbeitungs-Bereich: Dieser Bereich dient als ihr Arbeitsbereich, indem Sie Ihre Formulare erstellen und bearbeiten. Kontrollieren Sie das Aussehen Ihrer Formulare, indem Sie Elemente aus dem Elemente-Bereich beziehen und dann mit den jeweiligen Tabs verändern.
2. Hauptsymbolleiste: Diese Symbolleiste besteht aus allem, was Sie benötigen, um Ihr Konto zu verwalten. Sie können Formulare offline als auch im Web veröffentlichen. Die Symbolleiste enthält Schaltflächen wie z.B.:
- Neu: Erstellen Sie ein neues Formular.
- Öffnen: Öffnen Sie ein bestehendes Formular.
- Speichern: Speichern Sie ein bestehendes Formular.
- Speichern von HTML: Speichern Sie das bestehende Formular in HTML.
- Vorschau und Test: Vorschau Ihres Formulars indem Sie es im Internet testen.
- Meine Formulare: Ein neues Fenster öffnet sich indem Sie die Vorschau und Bearbeitungen all Ihrer Formulare die auf unserem Server (formoid.net) gehostet sind managen können.
- Teilen: Ein neues Fenster öffnet sich das Ihnen die Optionen anzeigt, wie sie den Code ihres Formulars einbetten können.
- E-Mail Adresse: Die E-Mail Adresse Ihres aktuellen Accounts. Klicken Sie hier um zwischen Ihren Acconts zu wechseln.
- Mein Account: Sehen Sie Ihre Accountdetails.
Info: Grüne Schaltflächen funktionieren offline. Blaue Schaltflächen benötigen eine Internetverbindung.
3. Elementebereich: Dieser Bereich besteht aus allen Elementen die Sie in Ihrem Formular verwenden können, wie z.B.:
- Text: Erstellt ein Textfeld.
- Textbereich: Erstellt ein größeres Textfeld.
- Auswahl: Erstellt eine Liste der auszuwählenden Optionen.
- Mehrer Auswahlen: Erstellt eine Liste der auszuwählenden Optionen. Benutzer können mehr als eine Option auswählen.
- Checkbox: Erstellt eine Liste der Checkbox-Optionen.
- Radio Schaltfläche: Erstellt eine Liste von Radio Schaltflächen.
- Datum: Erstellt ein Eingabefeld für das Datum.
- Zahlen: Erstellt ein Eingabefeld für Zahlen.
- Senden einer Datei: Erstellt ein Feld zur Dateiauswahl mit dem Ihre Benutzer Dateien von Ihrer Festplatte auswählen können.
- E-Mail: Erstellt ein Eingabefeld für E-Mailadressen.
- Website: Erstellt ein Eingabefeld für URLs.
- Name: Erstellt ein Eingabefeld für Vor- und Nachnamen.
- Adresse: Erstellt ein Eingabefeld für Adressen, einschließlich Straßennamen, Stadt, Staat/Provinz/Region, Postleitzahl und Land.
- Passwort: Erstellt ein Eingabefeld für Passwörter.
- Telefon: Erstellt ein Eingabefeld für Telefonnummern.
- Captcha: Erstellt ein Captcha, das Benutzer vor dem Senden des Formulars lösen müssen. Dieses Element hilft Ihnen Sich vor Spammern zu schützen.
4. Formulareigenschaften Tab: In diesem Tab können Sie die allgemeinen Einstellungen Ihres Formulars anpassen:
- Titel: Tragen Sie den Titel Ihres HTML Formulars ein.
- Schriftgröße: Wählen Sie die Schriftgröße Ihres CSS3 Formulars aus.
- Schriftart: Wählen Sie die gewünschte Schriftart aus. Zum Beispiel: Arial, Helvetica, Sans-Serif. Außerdem können Sie Google Web Schriftarten verwenden.
- Schriftfarbe: Wählen Sie eine Schriftfarbe für ihr HTML5 Formular aus.
- Größe: Geben Sie eine Nummer in Pixeln (px) oder Prozenten (%) an um die Größe Ihres Formulars zu verändern.
- Farbe des Formulars: Hintergrundfarbe für ihr HTML Formular aus.
- Seitenfarbe: Wählen Sie eine Farbe für Ihre Seite aus.
- Verschwommen: Fügen Sie Ihrem HTML5 Formular einen verschwommenen Hintergrund hinzu
- Senden: Bearbeiten Sie den Text der ‘Senden’-Schaltfläche.
- Benachrichtigungs-E-Mail: Bestätigen Sie die E-Mailadresse an die Sie gesendete Formulare geschickt bekommen wollen.
- Bestätigung: Wählen Sie aus welche Bestätigung Ihre Benutzer sehen nach der erfolgreichen Einsendung eines Formulars: Nachricht oder Umleitung.
-Nachricht: Der Benutzer wird diese Nachricht sehen
-Umleitung: Der Benutzer wird zu dieser URL umgeleitet
5. Elementeigenschaften Tab: In diesem Tag können Sie die Einstellungen des aktuell ausgewählten Elements anpassen. Sie haben die Kontrolle über Objekteigenschaften, wie z. B.:
- Label
- Mauskontakt
- Erforderliche Elemente
- Größe der Felder
- Und vieles mehr, jeweils abhängig vom Element
6. Themenauswahl: Select Wählen Sie ein Thema für Ihr Webformular aus. Es gibt drei Themen aus denen sie wählen können:
7. Farbschema: Wählen Sie ein Farbschema für Ihr Formular aus. Es gibt viele verschiedene Farben die Sie auswählen können.
8. Mein Formular - Fenster: Klicken Sie ‘Meine Formulare’ und ein neues Fenster öffnet sich indem Sie alle Formulare die auf unserem Server gehostet einsehen, bearbeiten und managen können.
9. Teilen-Fenster: Klicken Sie auf ‘Teilen’ und ein neues Fenster öffnet sich welches Ihnen die Optionen anzeigt die es gibt um Ihren Formularcode einzubetten. Sie können aus zwei Versionen des zu einbettenden Codes wählen:
- JavaScript (Empfohlen)
- IFrame
Oder wählen Sie aus den zwei Versionen im Pop-Up Link in Ihrem Formular aus:
- Lightbox (Empfohlen)
- Neues Fenster
10. Accountdetails –Fenster: Klicken Sie auf ‘Mein Account’ und Sie gelangen zu einem Fenster in dem Sie Informationen zu Ihrem Account finden, einschließlich Informationen zu.
- Lizens
- E-Mail Adresse die zur Anmeldung verwendet wurde
- Anzahl der Einsendungen
- Ablaufdatum
