Möchten Sie einige einfach zu bedienende Optionen zur Anpassung Ihrer Formularfelder? Jedes WPForms-Feld verfügt über eine Reihe integrierter Möglichkeiten, mit denen Sie Formulare für Ihre spezifischen Anforderungen erstellen können.
In diesem Lernprogramm werden die zahlreichen Optionen zur Anpassung von Feldern in Ihren Formularen erläutert.
In diesem Artikel
Bevor Sie beginnen, stellen Sie sicher, dass WPForms auf Ihrer Website installiert und aktiviert ist. Dann müssen Sie ein neues Formular erstellen oder ein bestehendes bearbeiten.
Allgemeine Feldoptionen
Sobald der Formularersteller geöffnet ist, können Sie Felder hinzufügen, entfernen und bearbeiten. Um die Optionen für ein Feld zu öffnen, klicken Sie einfach auf das Feld im Vorschaubereich.
Ändern des Feldbeschriftungstextes
Wenn Sie zum ersten Mal ein Feld zu Ihrem Formular hinzufügen, entspricht die Beschriftung dem Feldtyp (z. B. "Kontrollkästchen" oder "Mehrere Elemente"). Sie können den Beschriftungstext jedoch bearbeiten und nach Ihren Wünschen gestalten.
Beschreibungstext hinzufügen
Sie können auch einen Beschreibungstext zu Ihren Formularfeldern hinzufügen.
Dieser Text wird unterhalb des Eingabebereichs angezeigt.
Weitere Einzelheiten finden Sie in unserem Tutorial zum Hinzufügen von zusätzlichem Text zu Ihren Formularen.
Erfordernis eines Feldes
Unter der Option Beschreibung können Sie die Option Erforderlich aktivieren, um ein Feld obligatorisch zu machen.
Wenn ein Benutzer ein erforderliches Feld überspringt und versucht, das Formular abzuschicken, wird eine Validierungsmeldung angezeigt, die ihn daran erinnert, dieses Feld auszufüllen.
Hinweis: Wussten Sie, dass Sie den Text der Validierungsmeldung anpassen können? Einzelheiten dazu finden Sie in unserem Tutorial zur Validierungsmeldung.
Erweiterte Feldoptionen
Die erweiterten Feldoptionen bieten noch mehr Anpassungsmöglichkeiten für Ihre Felder. Um diese zu finden, müssen Sie auf die Registerkarte " Erweitert" klicken.
Auswählen einer Feldgröße
Die meisten Felder enthalten eine Option zum Ändern der Feldgröße, was sehr nützlich sein kann, wenn Sie das Aussehen Ihrer Formulare anpassen möchten.
Wenn diese Option für den Feldtyp, den Sie bearbeiten, verfügbar ist, wird ein Dropdown-Menü für die Feldgröße angezeigt. Zu den Optionen gehören Klein, Mittel und Groß.
In den meisten Fällen wird die Feldgröße die Breite des Feldes in Ihrem Formular bestimmen.
Für 2 Felder gibt es jedoch eine Ausnahme. Für Absatztext- und Rich-Text-Felder legt die Feldgröße die Höhe des Eingabebereichs fest.
Hinweis: Wenn Sie mehr als ein Feld in der gleichen Zeile platzieren möchten, lesen Sie bitte unser Tutorial über mehrspaltige Formularlayouts.
Hinzufügen von Platzhaltertext
In vielen Feldern können Sie einen Platzhaltertext hinzufügen, der angezeigt wird, bis der Benutzer seinen eigenen Text eingibt.
Sie können Platzhaltertext verwenden, um Anweisungen zu geben oder sogar das Design eines Formulars zu ändern. Wenn Sie mehr darüber wissen möchten, finden Sie weitere Details und Beispiele in unserem Tutorial zu Platzhaltertext.
Ausblenden einer Feldbeschriftung
Wenn Sie ein kompakteres oder vereinfachtes Formular wünschen, sollten Sie die Beschriftung Ihrer Felder ausblenden.
Dazu müssen Sie die Option "Etikett ausblenden" aktivieren.
Hinweis: Wenn Sie sich dafür entscheiden, die Feldbezeichnungen auszublenden, geben Sie bitte trotzdem einen aussagekräftigen Namen in die Bezeichnung des Feldes ein. Da die Beschriftung weiterhin in den Eintragsdetails angezeigt wird, können Sie so jedes Feld leichter identifizieren.
Einstellen eines Standardwerts
In manchen Fällen möchten Sie vielleicht, dass Teile eines Formulars für die Benutzer vorausgefüllt werden. Auf diese Weise ersparen Sie den Benutzern ein wenig Arbeit, aber sie können die Eingabe oder die Auswahl bei Bedarf immer noch ändern.
Wenn diese Option für den Feldtyp, den Sie bearbeiten, verfügbar ist, wird auf der Registerkarte Erweitert ein Feld Standardwert angezeigt.
Weitere Details und Beispiele, einschließlich Standardwerte für Kontrollkästchen und Multiple-Choice-Felder, finden Sie in unserer Anleitung zum Hinzufügen von Standardwerten zu Feldern.
Hinweis: Möchten Sie Benutzerdaten oder Informationen von Ihrer Website als Standardwerte in Ihre Formulare übernehmen? In unserem Tutorial zur Verwendung von Smart Tags erfahren Sie, wie das geht.
Hinzufügen von benutzerdefinierten CSS-Klassen
Sie können das Aussehen Ihres Formularfeldes ganz einfach anpassen, damit Ihre Felder so aussehen, wie Sie es wünschen. Geben Sie dazu einfach die CSS-Klassennamen für das Formularfeld in das Textfeld " CSS-Klassen" ein. Bei mehreren Klassen trennen Sie die Klassennamen durch Leerzeichen.
Eine ausführlichere Anleitung finden Sie in unserem Tutorial zur Verwendung eigener CSS-Klassen.
Hinweis: Wir empfehlen die Verwendung des Feldes "Layout" für einen einfacheren Drag-and-Drop-Ansatz zur Erstellung fortgeschrittener mehrspaltiger Layouts. Die in diesem Lernprogramm behandelten Layout-CSS-Klassen werden jedoch weiterhin unterstützt.
Spezielle Optionen für Kontrollkästchen und Multiple-Choice-Felder
Im Folgenden werden einige zusätzliche Optionen erläutert, die speziell für Kontrollkästchen und Multiple-Choice-Felder verfügbar sind.
Hinzufügen von Bildauswahlen
Sie können jedem Feld mit Kontrollkästchen, Mehrfachauswahl, Kontrollkästchenelementen oder Mehrfachelementen problemlos Bilder hinzufügen. Dazu müssen Sie nur die Option Bildauswahlen verwenden aktivieren.
Wenn diese Einstellung aktiviert ist, können Sie für jede Option in Ihrem Feld Bilder hochladen.
Weitere Einzelheiten finden Sie in unserer Anleitung zum Hinzufügen von Bildauswahlen zu Ihren Formularen.
Hinzufügen von Symbolen
Sie können auch Symbole zu allen Auswahlmöglichkeiten in einem Feld mit Kontrollkästchen, Mehrfachauswahl, Kontrollkästchenelementen oder mehreren Elementen hinzufügen. Um diese Funktion zu aktivieren, schalten Sie die Option Auswahlmöglichkeiten mit Symbolen verwenden ein.
Sobald Sie die Symbolauswahl aktiviert haben, werden zu jeder Auswahl in Ihrem Multiple-Choice-Feld Standardsymbole hinzugefügt. Wenn Sie auf das Standardsymbol klicken, wird eine Symbolauswahl angezeigt, in der Sie aus über 2.000 Symbolen auswählen können.
Um mehr über die Auswahl von Symbolen zu erfahren, lesen Sie bitte unser Tutorial über die Verwendung von Symbolen in WPForms.
Randomisierungsoptionen
Eine zufällige Auswahl der Optionen kann helfen, eine Verzerrung der Reihenfolge zu vermeiden, was besonders dann von Vorteil ist, wenn Sie unser Addon für Umfragen und Abstimmungen verwenden.
Auf der Registerkarte Erweitert können Sie für jedes Kontrollkästchen oder Multiple-Choice-Feld die Option Zufällige Auswahl einschalten.
Dynamische Auswahlmöglichkeiten anzeigen
Die Option "Dynamische Auswahl" ist sehr nützlich, wenn Sie möchten, dass die Auswahlmöglichkeiten in einem Kontrollkästchen, Multiple Choice- oder Dropdown-Feld die Namen von Seiten, Beiträgen, Kategorien oder Tags auf Ihrer Website sind. Wenn diese Option aktiviert ist, werden die Auswahlmöglichkeiten für das Feld automatisch aufgefüllt (und aktualisiert, wenn Sie Inhalte oder Taxonomien hinzufügen oder entfernen).
Um diese Option einzurichten, öffnen Sie die Registerkarte Erweitert und wählen Sie Optionen aus den Dropdowns Dynamische Auswahlen und Dynamische Quelle.
Weitere Einzelheiten finden Sie in unserem Tutorial zur Einrichtung von dynamischen Auswahlen.
Das war's! Sie können jetzt Ihre Formularfelder mit Tonnen von integrierten Optionen in WPForms anpassen.
Möchten Sie außerdem intelligente Logik hinzufügen, um Ihre Formulare noch weiter zu individualisieren? In unserem Tutorial zur bedingten Logik finden Sie Details und viele Beispiele.