So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

So erstellen Sie ein WordPress-Formular mit einer Datumsauswahl

Möchten Sie Ihrem Kontaktformular eine Datumsauswahl hinzufügen? Eine Datumsauswahl ist erforderlich, wenn Ihre Benutzer ein Datum und eine Uhrzeit im Formular auswählen sollen.

In diesem Artikel erfahren Sie, wie Sie ein WordPress-Formular mit einer Datumsauswahl erstellen.

Wann und warum sollten Sie eine Datumsauswahl in WordPress-Formularen hinzufügen?

Viele Kontaktformulare enthalten einfache Felder wie Name, E-Mail, Telefon und Nachricht. Diese Informationen reichen aus, um eine Verbindung zu Ihren Benutzern herzustellen. Wenn Sie jedoch einen Termin mit Ihren Benutzern vereinbaren möchten, müssen Sie Ihrem Formular eine Datumsauswahl hinzufügen.

Wenn Sie einen E-Commerce-Shop betreiben und möchten, dass Kunden ihr Verfügbarkeitsdatum für die Lieferung hinzufügen, können Sie im Kontakt- oder Bestellformular ein Feld für Datum und Uhrzeit hinzufügen.

Es gibt viele andere Gründe, warum Sie Ihre Benutzer bitten sollten, Datum und Uhrzeit mit ihren grundlegenden Informationen zu senden. Mal sehen, wie man mit einer Datumsauswahl einfach ein WordPress-Formular erstellt.

Erstellen Sie ein WordPress-Formular mit einer Datumsauswahl

Als erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Installieren eines WordPress-Plugins.

Nach der Aktivierung müssen Sie zu gehen WPForms »Neu hinzufügen Seite, um ein Formular in WordPress zu erstellen. Daraufhin wird der WPForms-Setup-Bildschirm geöffnet, auf dem Sie mehrere vorgefertigte Vorlagen finden, mit denen Sie auf einfache Weise eine neue Form Ihrer Wahl erstellen können. Sie können auch ein leeres Formular auswählen, um von vorne zu beginnen.

Zu Beginn wählen wir die Einfaches Kontaktformular Modell.

Erstellen Sie ein neues Formular

Ein einfaches Kontaktformular wird mit dem Namen der Grundfelder, E-Mail, Kommentar usw. geladen. Auf der linken Seite sehen Sie weitere Felder und auf der rechten Seite eine Vorschau Ihres neuen Formulars. Ziehen Sie einfach ein beliebiges Feld von der linken Seite in Ihr neues Formular auf der rechten Seite.

Da Sie eine Datumsauswahl hinzufügen möchten, müssen Sie die ziehen und ablegen Datum (und Uhrzeit linkes Spaltenfeld in Ihrem Formular. Sie können die Datumsauswahl über oder unter einem beliebigen Feld im WordPress-Formular platzieren.

Ziehen Sie das Datumsauswahlfeld per Drag & Drop

Das Formular ist vollständig flexibel. Sie können also die Reihenfolge der Felder einfach ändern oder ein beliebiges Feld im Vorschaubereich Ihres Formulars auf der rechten Seite anpassen.

Feldreihenfolge ändern

Sobald Sie in der Formularvorschau auf ein Feld klicken, werden die Einstellungen für dieses bestimmte Feld auf der linken Seite angezeigt. Zum Beispiel, wenn Sie auf klicken Datum (und Uhrzeit In dem Feld, das Sie gerade zu Ihrem Formular hinzugefügt haben, werden folgende Einstellungen zum Anpassen angezeigt:

  • Etikette: Dies ist der Titel des Datums- / Uhrzeitfelds in Ihrem Formular.
  • Format: In diesem Dropdown-Menü können Sie ein Format für Datum, Uhrzeit oder beides auswählen.
  • Beschreibung: Ermöglicht das Hinzufügen von Anweisungen für Benutzer unterhalb des Felds.
  • Notwendig: Wenn Sie diese Option aktivieren, kann ein Benutzer das Formular nicht senden, ohne ein Datum / eine Uhrzeit in diesem Feld auszuwählen.

Zusätzlich zu diesen Grundeinstellungen gibt es erweiterte Optionen zum Anpassen des Layouts und des Stils des Datums- / Uhrzeitfelds.

Formularfeldeinstellungen

Einige der erweiterten Optionen umfassen:

  • Feldgröße: Für das Feld Datum / Uhrzeit stehen verschiedene Bildschirmgrößen zur Verfügung.
  • Datum: Es ist ein Platzhalter. Der Text, den Sie hier hinzufügen, wird den Benutzern standardmäßig angezeigt. Daneben können Sie auch das Format für das Datum auswählen.
  • Art: Sie können einen Typ für die Datumsauswahl auswählen. Es gibt zwei Arten: Datumsauswahl und Datums-Dropdown-Menü
  • Stunde: Dies ist ein weiterer Platzhalter für die Zeit. Möglicherweise müssen Sie auch ein Format zwischen 12 und 24 Stunden auswählen.

Es gibt viele andere benutzerdefinierte Einstellungen wie Intervall, Beschriftungen ausblenden und mehr.

Erweiterte Optionen

Weitere Informationen zum Hinzufügen von benutzerdefiniertem CSS zu Ihrem Formular finden Sie in diesem Handbuch.

Stellen Sie sicher, dass Sie auf klicken sparen Schaltfläche zum Speichern Ihrer Änderungen.

Bestätigungs- und Benachrichtigungseinstellungen

Sobald Sie mit den Feldern zufrieden sind, müssen Sie die Bestätigungseinstellungen und E-Mail-Benachrichtigungen für Ihr Formular verwalten. Besuchen Sie einfach die Konfiguration »Bestätigung Seite im WPForms-Generator. Von dort aus können Sie Ihren Benutzern eine personalisierte Nachricht hinzufügen, die sie nach dem Absenden des Formulars erhalten. Sie können auch den Bestätigungstyp ändern, um Benutzer auf eine Dankesseite umzuleiten.

Formularbestätigungseinstellungen

Danach können Sie zu gehen Einstellungen »Benachrichtigungen Seite zum Verwalten von E-Mail-Benachrichtigungen für Formularübermittlungen. Sie können auch mehrere Benachrichtigungen an verschiedene E-Mail-Adressen senden. In diesem Handbuch erfahren Sie, wie Sie mehrere Benachrichtigungen in WPForms erstellen.

Für erweiterte Einstellungen können Sie Ihrem Formular eine bedingte Logik hinzufügen, um bestimmte Benachrichtigungen an Benutzer zu senden. Erfahren Sie, wie Sie bedingte Formularbenachrichtigungen in WordPress-Formularen erstellen.

Zum Schluss müssen Sie noch auf klicken sparen Klicken Sie auf die Schaltfläche, um Ihr Kontaktformular in Aktion zu sehen.

Zeigen Sie das Formular auf Ihrer WordPress-Site an

Sie können das Kontaktformular ganz einfach auf Ihren WordPress-Seiten, Posts, Seitenleisten und anderen Widget-Bereichen hinzufügen.

Um das Formular auf einer Seite hinzuzufügen, müssen Sie zu gehen Seiten »Neu hinzufügen in WordPress Klicken Sie im Texteditor einfach auf die Schaltfläche Formular hinzufügen.

Formular auf Seite hinzufügen

Ein Popup-Fenster wird angezeigt, in dem Sie das von Ihnen erstellte Formular auswählen können. Nachdem Sie die richtige Form ausgewählt haben, klicken Sie auf Formular hinzufügen Taste. Dieser Vorgang ist für WordPress-Beiträge identisch. Veröffentlichen Sie die Seite / den Beitrag, um das Kontaktformular mit der Datumsauswahl auf Ihrer WordPress-Site anzuzeigen.

WordPress-Formular mit Datumsauswahl

Wenn Sie das Formular jedoch zu Ihrer Seitenleiste oder einem anderen Bereich mit Widgets hinzufügen möchten, gehen Sie zu Aussehen »Widgets Ziehen Sie das WPForms-Widget in die Seitenleiste und legen Sie es dort ab. In den Widget-Einstellungen können Sie das zuvor erstellte Formular auswählen und auf klicken sparen Taste.

Das ist es. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie ein WordPress-Formular mit einer Datumsauswahl erstellen. Sie können auch unsere Anleitung zum Erstellen eines Formulars zum Hochladen von Dateien in WordPress lesen.