Formulare selbst gestalten in Digiwunder
In dieser Anleitung erfahren Sie, wie Sie in Digiwunder Formulare ohne Vorlage erstellen. Sie lernen die Funktionen kennen und erhalten eine Schritt-für-Schritt-Anleitung zur Erstellung individueller Formulare.
Wo finde ich meine Formulare?
Sie finden all Ihre Formulare in Ihrem Digiwunder-Dashboard unter dem Menüpunkt „Formulare“.
Individuelle Gestaltung:
Hier können Sie Formulare ohne vordefinierte Vorlage erstellen. Das bietet Ihnen maximale Flexibilität bei der Gestaltung und Funktionalität Ihrer Formulare.
Starten Sie mit einem leeren Formular:
Wenn Sie volle Gestaltungsfreiheit wünschen und Ihr Formular individuell aufbauen möchten, wählen Sie die Option „New Blank Form“.
So können Sie:
- Eigene Felder hinzufügen und anordnen.
- Das Design an Ihre Webseite anpassen.
- Spezielle Funktionen einbauen.
Nun befinden Sie sich im Form-Editor.
In der Mitte können Sie sich eine kurze Videoanleitung ansehen. An dieser Stelle wird dann auch das Formular gebaut.
Formularelemente hinzufügen #
Auf der rechten Seite finden Sie verschiedene Element-Blöcke, die Sie per Drag-and-drop in Ihr Formular ziehen können.
Verfügbare Elemente:
- Texteingabe: Für kurze Texte wie Name, E-Mail-Adresse, etc.
- Textfeld: Für längere Texte, z.B. Nachrichten oder Kommentare.
- Dropdown-Menü: Zur Auswahl aus verschiedenen Optionen.
- Checkboxen: Für Mehrfachauswahl.
- Radio-Buttons: Zur Auswahl einer Option.
- Datei-Upload: Zum Hochladen von Dateien.
- Datumsauswahl: Zur Auswahl eines Datums.
- Zahlenauswahl: Zur Eingabe von Zahlen.
- und viele mehr!
Tipp: Experimentieren Sie mit den verschiedenen Elementen und gestalten Sie Ihr Formular ganz nach Ihren Bedürfnissen.
Los geht’s mit Ihrem Formular!
Klicken Sie einfach auf die Element-Blöcke, die Sie in Ihr Formular einfügen möchten.
Beispiel: Lead-Formular
Wir erstellen jetzt gemeinsam ein einfaches Lead-Formular mit folgenden Feldern:
- Name
- E-Mail-Adresse
- URL
- Akzeptieren der Datenschutzerklärung
Tipp: Das Element zum Akzeptieren der Datenschutzeinstellungen finden Sie unter „Erweiterte Felder“.
Fügen Sie die gewünschten Elemente per Drag-and-drop in Ihr Formular ein und passen Sie sie an Ihre Bedürfnisse an.
Formularelemente anpassen #
Jedes Element in Ihrem Formular lässt sich individuell anpassen. Klicken Sie dazu einfach auf das Element, das Sie bearbeiten möchten.
Einstellungen und Anpassungen:
In der rechten Seitenleiste wechseln Sie dann auf den Reiter „Eingabe Anpassung“. Hier können Sie verschiedene Einstellungen vornehmen, z.B.:
- Admin Feld Label: Ändern Sie den Text, der neben dem Feld angezeigt wird.
- Erforderlich: Legen Sie fest, ob das Feld ausgefüllt werden muss.
- Bedingungen & Konditionen: Hier fügen Sie Ihre Datenschutzerklärung ein.
Ihr Formular in Aktion #
Fertig mit dem Gestalten? Prima! Bevor Sie Ihr Formular veröffentlichen, können Sie es sich in der Vorschau ansehen.
So funktioniert’s:
- Klicken Sie auf den Button „Vorschau & Entwurf“.
- Digiwunder zeigt Ihnen eine Vorschau Ihres Formulars, so wie es Ihre Besucher sehen werden.
- Testen Sie die Funktionalität und das Aussehen Ihres Formulars.
- Nehmen Sie bei Bedarf noch Änderungen vor.
Tipp: Betrachten Sie die Vorschau auf verschiedenen Geräten (Desktop, Tablet, Smartphone), um sicherzustellen, dass Ihr Formular überall optimal dargestellt wird.
Ihr Formular passt sich jedem Bildschirm an:
Super! Sie haben Ihr erstes Formular in Digiwunder erstellt. Und das Beste: Es ist responsive! Das bedeutet, dass es sich automatisch an die Größe des Bildschirms anpasst – egal ob Desktop, Tablet oder Smartphone.
Vorschau auf verschiedenen Geräten:
In der Vorschau können Sie testen, wie Ihr Formular auf verschiedenen Geräten aussieht:
- Klicken Sie auf die Symbole für Desktop, Tablet und Mobiltelefon, um die jeweilige Ansicht zu sehen.
- So stellen Sie sicher, dass Ihr Formular überall optimal dargestellt wird und Ihre Besucher es problemlos ausfüllen können.
Vorteile eines responsiven Formulars:
- Bessere Nutzererfahrung: Ihre Besucher können das Formular bequem ausfüllen, egal welches Gerät sie nutzen.
- Höhere Conversion Rate: Ein benutzerfreundliches Formular erhöht die Wahrscheinlichkeit, dass es abgeschickt wird.
- Professioneller Eindruck: Ein responsives Formular wirkt modern und professionell.
Die Seitenleiste auf der rechten Seite bietet Ihnen die Möglichkeit, eine Stilvorlage für das Formular zu wählen oder einen benutzerdefinierten Stil festzulegen.
Nachdem Sie den Stil angepasst haben, speichern Sie die Einstellungen und schließen das Fenster.
Zu guter Letzt geben wir unserem neuen Formular noch einen Namen. So können wir später einfacher mit ihm arbeiten.
Klicken Sie dazu den automatisch generierten Namen an und es öffnet sich ein Fenster.
Geben Sie einen Namen, der das Formular beschreibt und speichern es mit einem Klick auf “Umbenennen” ab.
Herzlichen Glückwunsch! 🎉
Sie haben Ihr erstes eigenes Formular in Digiwunder erstellt.
Und jetzt?
Navigieren Sie zurück zur Formularübersicht, um:
- Ihr neues Formular zu veröffentlichen.
- Weitere Formulare zu erstellen.
- Ihre bestehenden Formulare zu verwalten.
Viel Erfolg mit Ihrem neuen Formular!
Hier wird Ihr Formular jetzt angezeigt und Sie können es auf Ihrer Seite einfügen.
Testen Sie Ihr Formular #
Bevor Sie Ihr neues Formular auf Ihrer Webseite einbinden, sollten Sie es gründlich testen. So stellen Sie sicher, dass alles wie gewünscht funktioniert und Ihre Besucher keine Probleme beim Ausfüllen haben.
Wie teste ich mein Formular?
Momentan wird unser Artikel zum Thema „Formular testen“ überarbeitet. In Kürze finden Sie hier eine detaillierte Anleitung mit Tipps und Tricks zum Testen Ihrer Formulare.
Formular einbinden #
Sobald Sie Ihr Formular getestet und für gut befunden haben, können Sie es ganz einfach auf Ihrer Webseite einbinden.
So einfach geht’s:
Mit dieser Anleitung veröffentlichen Sie Ihr Formular in wenigen Minuten!