So erstellen Sie ein WordPress-Formular mit einer Datums-/Uhrzeitauswahl

Möchten Sie einem WordPress-Formular ein Datums-/Uhrzeitauswahlfeld hinzufügen?

Es ist sehr einfach, Ihren Benutzern die Auswahl eines Datums und einer Uhrzeit direkt in Ihren Formularen zu ermöglichen.

In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach ein Formularfeld für die Datums-/Uhrzeitauswahl in WordPress hinzufügen, und geben Ihnen außerdem einige Tipps, wenn Sie es anpassen möchten.

So erstellen Sie ein WordPress-Formular mit einer Datums-/Uhrzeitauswahl

Mit WPForms ist es sehr einfach, ein Feld hinzuzufügen, mit dem Benutzer ein bestimmtes Datum, eine bestimmte Uhrzeit oder beides auswählen können.

Hier ist eine Schritt-für-Schritt-Anleitung zum Erstellen eines WordPress-Formulars mit einer Datums-/Uhrzeitauswahl:

Wenn Sie schriftliche Anweisungen bevorzugen, lesen Sie weiter unten.

Schritt 1: Erstellen Sie ein WordPress-Formular

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Sie benötigen eine kostenpflichtige Version des Plugins, da das Feld „Datums-/Uhrzeitauswahl“ in der kostenlosen Version nicht verfügbar ist. Weitere Informationen finden Sie in dieser Schritt-für-Schritt-Anleitung zur Installation eines Plugins in WordPress.

Sobald Sie das WPForms-Plugin gekauft und installiert haben, gehen Sie zu WPForms » Neu hinzufügen um ein neues Formular zu erstellen.

Benennen Sie auf dem Einstellungsbildschirm Ihr Formular und wählen Sie die Formularvorlage aus, die Sie verwenden möchten. Das Gute daran ist, dass WPForms über 100 vorgefertigte Vorlagen enthält.

In unserem Beispiel verwenden wir die Einfaches Kontaktformular Vorlage.

Sobald Sie auf die Vorlage klicken, generiert WPForms ein einfaches Kontaktformular für Sie. Es wird mit den folgenden Feldern geladen:

• Name und Nachname
• Email
• Kommentar

Jetzt verwenden wir den Formular-Builder, um Felder zu Ihrem Formular hinzuzufügen.

Schritt 2: Passen Sie Ihr Formular an

Sie können zusätzliche Felder hinzufügen, indem Sie sie vom linken Bereich in den rechten Bereich ziehen. Klicken Sie dann auf das Feld, um Änderungen vorzunehmen.

Sie können auch auf ein Formularfeld klicken und es ziehen, um die Reihenfolge in Ihrem Formular neu anzuordnen.

Also lasst uns weitermachen und gehen Luxusfelder und ziehen Sie das Feld „Datum/Uhrzeit“ an die gewünschte Stelle in Ihrem Formular.

Sobald es sich in Ihrem Formular befindet, können Sie es nach oben und unten ziehen, um es an einer anderen Stelle zu platzieren, und erneut auf das Feld klicken, um seine Einstellungen zu öffnen und es anzupassen.

Wenn Sie auf klicken Datum (und Uhrzeit Im Formularfeld sehen Sie die folgenden Optionen:

• Etikett: Dies ist der Titel des Feldes, das Website-Besucher auf Ihrem Formular sehen.
• Format: Hier können Sie das Datumsformat anpassen und Ihren Kunden bitten, nur das Datum, nur die Uhrzeit oder beides auszuwählen.
• Beschreibung: Fügen Sie eine Beschreibung für das Feld hinzu. Dies ist ein guter Ort, um Anweisungen oder Details für Ihre Benutzer hinzuzufügen.
• Erforderlich: Wenn dieses Kontrollkästchen aktiviert ist, können Benutzer das Formular nur senden, wenn sie dieses Feld ausfüllen.

Wenn Sie nach unten scrollen und klicken Erweiterte Optionenkönnen Sie das Feld „Datums-/Uhrzeitauswahl“ weiter anpassen. Hier können Sie bei Bedarf die Datums-/Uhrzeitauswahl von einem Kalenderformat in ein Dropdown-Menü umwandeln.

Die Datums-/Uhrzeitauswahl ist ein leistungsstarkes Feld mit vielen tollen Einstellungen und Optionen. Schauen wir uns also alles genauer an, was Sie damit machen können.

Feldgröße

Hier können Sie auswählen, wie groß das Feld sein soll.

Datumstyp

Standardmäßig werden im Feld „Datums-/Uhrzeitauswahl“ Felder für die Datums- und Uhrzeitauswahl angezeigt. Hier können Sie auswählen, ob das Feld eine Datums-/Uhrzeitauswahl sein soll, die einen Kalender anzeigt, oder Dropdown-Felder für Monat, Tag und Jahr haben soll.

Datumsformat

Wechseln Sie in diesem Feld von einem Monat/Tag/Jahr-Format zu Tag/Monat/Jahr.

Zeitintervall

Sie können hier die Zeitintervalle vergrößern oder verkleinern, indem Sie zwischen 15 Minuten, 30 Minuten oder 1 Stunde wählen (ideal für Buchungsformulare).

Zeitplatzhalter

Passen Sie an, was im Zeitfeld steht.

Zeitformat

Wählen Sie zwischen einem Standard-12-Stunden-Format oder einem „militärischen“ 24-Stunden-Format.

Stundenlimit (mit Datums-Dropdown-Format)

Passen Sie den Bereich an, in dem jemand eine bestimmte Zeit eingeben kann, beispielsweise wenn Sie nur von 9.00 bis 17.00 Uhr geöffnet haben. M. bis 17 Uhr M. Weitere Details zu dieser Einstellung finden Sie in Schritt 3.

Tageslimit (mit Datumsauswahlformat)

Passen Sie die verfügbaren Tage an, beispielsweise wenn Sie nur unter der Woche arbeiten. Weitere Details zu dieser Konfiguration finden Sie in Schritt 3.

Tag ausblenden und Untertags ausblenden

Mit dieser Option werden die Feldbezeichnung und die Unterbezeichnungen angezeigt oder ausgeblendet.

CSS-Klassen

Mit diesem Feld können Sie bestimmte Felder formatieren, ohne dass sich dies auf andere Felder auswirkt. Mit CSS können Sie Farben, Abstände und mehr ändern.

Wenn Sie neugierig sind, wie die verschiedenen Datums-/Uhrzeitauswahlformate aussehen, finden Sie hier das Datumsauswahlformat:

Und so sieht das Datums-Dropdown-Format aus:

Unabhängig davon, für welches Format Sie sich entscheiden, sollten Sie wissen, dass das Feld „Datums-/Uhrzeitauswahl“ eine hervorragende Möglichkeit ist, genaue Daten in Ihren Formularen zu erhalten. Das Datum wird im Feld „Datums-/Uhrzeitauswahl“ immer validiert und im richtigen Format angezeigt.

Möchten Sie es noch individueller gestalten? Nachfolgend haben wir einige erweiterte Optionen für Sie zusammengestellt.

Schritt 3 – Erweiterte Anpassungen der Datums-/Uhrzeitauswahl

Es gibt noch ein paar andere lustige Tricks, die Sie vielleicht mit dem Feld „Datums-/Uhrzeitauswahl“ ausprobieren möchten:

Sobald Sie mit dem Anpassen Ihrer Einstellungen fertig sind, klicken Sie auf Speichern.

Schritt 4: Datum und Uhrzeit begrenzen (optional)

Wenn Sie einschränken möchten, welche Datums- und Uhrzeitoptionen in Ihrem Feld „Datums-/Uhrzeitauswahl“ ausgewählt werden können, ist dies ganz einfach.

Sie haben viel Kontrolle über das Feld „Datums-/Uhrzeitauswahl“. Du kannst:

• Beschränken Sie die Daten, aus denen Benutzer auswählen können
• Deaktivieren Sie vergangene Daten, damit niemand einen Tag in der Vergangenheit auswählen kann
• Begrenzen Sie die Zeiten, die Personen auswählen können

Was auch immer Sie in Ihren Formularen verwenden müssen, wir haben es in unseren Anweisungen zum Einschränken der Optionen für das Feld „Datums-/Uhrzeitauswahl“ behandelt.

Schritt 5: Konfigurieren Sie Ihre Formulareinstellungen

Formularbestätigungen sind Nachrichten, die Personen angezeigt werden, sobald sie Ihr Formular ausgefüllt haben. Durch Bestätigungen erfahren sie, dass ihr Formular bearbeitet wurde, und Sie haben die Möglichkeit, ihnen mitzuteilen, welche nächsten Schritte sie unternehmen sollen.

WPForms bietet drei Bestätigungstypen zur Auswahl:

1. Nachricht: Dies ist der Standardbestätigungstyp in WPForms. Wenn ein Website-Besucher Ihr Formular absendet, erscheint eine einfache Meldung, die Sie darüber informiert, dass Ihr Formular verarbeitet wird.
2. Seite anzeigen: Diese Art der Bestätigung führt Ihre Leute zu einer bestimmten Webseite Ihrer Website, wo sie sich bei ihnen für das Ausfüllen des Formulars zur Datums-/Uhrzeitauswahl bedanken und Ihnen die Möglichkeit geben, ihnen mitzuteilen, was sie als Nächstes tun müssen. Wenn Sie dabei Hilfe benötigen, sehen Sie sich unser Tutorial zur Weiterleitung von Kunden auf eine Dankesseite an.
3. Gehe zur URL (Weiterleitung): Diese Option ist für den Fall gedacht, dass Sie Personen auf eine bestimmte Seite weiterleiten möchten, die verwandte Informationen enthält, die auf einer anderen Website zu finden sind.

Schauen wir uns also an, wie Sie eine einfache Formularbestätigung in WPForms einrichten, damit Sie die Nachricht anpassen können, die den Leuten angezeigt wird, wenn sie Ihr Formular zur Datums-/Uhrzeitauswahl absenden.

Klicken Sie zunächst im Formulareditor unter „Einstellungen“ auf die Registerkarte „Bestätigung“.

Passen Sie dann die Bestätigungsnachricht nach Ihren Wünschen an und klicken Sie Speichern.

Hilfe zu anderen Bestätigungstypen finden Sie in unserer Dokumentation zum Einrichten von Formularbestätigungen.

Jetzt konfigurieren wir Ihre Formularbenachrichtigungen.

Schritt 6: Richten Sie Ihre Formularbenachrichtigungen ein

Möchten Sie, dass Ihnen das Datum und die Uhrzeit, zu der jemand Ihre Formulare ausfüllt, sofort per E-Mail zugesandt wird? Lassen Sie uns Ihre Formularbenachrichtigungen genau dafür einrichten.

Benachrichtigungen sind eine großartige Möglichkeit, sich selbst, Ihren Mitarbeitern und der Person, die Ihr Formular ausgefüllt hat, automatisch E-Mails zu senden.

Sofern Sie diese Funktion nicht deaktivieren, erhalten Sie jedes Mal, wenn jemand ein Formular auf Ihrer Website sendet, eine Benachrichtigung darüber.

Wenn Sie Smarttags verwenden, können Sie in Ihren Formularbenachrichtigungen auch nur Datum und Uhrzeit erhalten.

Fügen Sie dazu einfach mit diesem Smarttag einen Zeitstempel zu Ihrer Benachrichtigungs-E-Mail hinzu – {date format=“m/d/Y“}

Mit WPForms können Sie auch mehr als eine Person benachrichtigen, wenn ein Formular übermittelt wird.

Hilfe zu diesem Schritt finden Sie in unserer Dokumentation zum Einrichten von Formularbenachrichtigungen in WordPress.

Wenn Sie schließlich Ihr E-Mail-Branding konsistent halten möchten, können Sie sich diese Anleitung zum Hinzufügen einer benutzerdefinierten Kopfzeile zu Ihrer E-Mail-Vorlage ansehen.

Gut gemacht. Sie können jetzt Ihr Formular zur Datums-/Uhrzeitauswahl zu Ihrer Website hinzufügen.

Schritt 7 – Fügen Sie Ihr Formular zu Ihrer Website hinzu

Mit WPForms können Sie Ihre Formulare an mehreren Stellen in Ihren Blog-Beiträgen, Seiten, Fußzeilen und Ihrer Seitenleiste hinzufügen.

Schauen wir uns zunächst die häufigste Option an: das Einbetten Ihres Formulars in einen Beitrag oder eine Seite.

Erstellen Sie zunächst eine neue Seite oder einen neuen Beitrag in WordPress. Klicken Sie dann in den ersten Block (den leeren Bereich unter Ihrem Seitentitel) und klicken Sie auf WPForms hinzufügen Symbol.

Das praktische WPForms-Widget wird in Ihrem Block angezeigt. Klicken Sie auf das angezeigte Dropdown-Menü „WPForms“ und wählen Sie aus, welche der bereits erstellten Formulare Sie in Ihre Seite einfügen möchten.

Wählen Sie das einfache Kontaktformular.

Veröffentlichen Sie Ihren Beitrag oder Ihre Seite, damit Ihr Formular auf Ihrer Website erscheint.

Ein weiterer Ort, an dem Sie Ihrer Website ein Formular hinzufügen können, ist der Widget-Bereich der Seitenleiste.

Wird Aussehen » Widgets und fügen Sie Ihrer Seitenleiste ein WPForms-Widget hinzu. Wählen Sie anschließend im Dropdown-Menü das Einfache Kontaktformular aus und speichern Sie Ihre Änderungen im Widget-Bereich.

Nächste Schritte: Verwenden Sie jetzt ein Datums-/Uhrzeitauswahlfeld

Und da haben Sie es! Jetzt wissen Sie, wie Sie Ihrer Website ein WordPress-Formular mit einer Datums-/Uhrzeitauswahl hinzufügen.

Das Datums-/Uhrzeitauswahlfeld von WPForms ist einfach zu verwenden und für Mobilgeräte geeignet, sodass alle Besucher Ihrer Website es verwenden können. WPForms ist nicht nur ein großartiges WordPress-Plugin zur Datums-/Uhrzeitauswahl, sondern bietet auch jede Menge nützliche Funktionen.

Schauen Sie sich einfach an, was im WPForms Pro-Plan enthalten ist:

• Zapier-Integration – Verbinden Sie sich mit Tausenden verschiedener Web-Apps wie Google Kalender, sodass Sie Ihre Kalenderdaten sofort mit Formulareinträgen füllen können.
• Über 100 Vorlagen – Erstellen Sie nie wieder ein Formular von Grund auf mit vordefinierten Vorlagen für die gängigsten Formulartypen.
• E-Mail-Marketing-Integrationen – Verbinden Sie Ihr Formular zur Datums-/Uhrzeitauswahl mit den beliebtesten E-Mail-Diensten, um Ihr Marketing zu automatisieren.
• Offline-Formulare – Ermöglichen Sie den Leuten, Ihre Formulare einzureichen, sobald sie wieder eine Internetverbindung haben, und verlieren Sie nicht so viele potenzielle Kunden.
• Mehrstufige Formulare – Teilen Sie lange Formulare in mehrseitige Formulare auf, um Ihre Conversion-Rate hoch zu halten.
• Startseiten – Bringen Sie mehr Leute dazu, Ihre Formulare auszufüllen, indem Sie mit nur einem Klick ablenkungsfreie Formularseiten erstellen.
• Sichere Formulare – Schützen Sie Formulare mit verschiedenen Anti-Spam-Optionen wie benutzerdefiniertem Captcha, hCaptcha oder Google reCAPTCHA v2 oder v3.
• Konversationsformen – Beobachten Sie, wie die Conversion-Raten mit ansprechenden interaktiven Formularen steigen.
• Premium-Support – Greifen Sie auf ein freundliches und sachkundiges Team zu, das Sie in die richtige Richtung führt, wenn Sie Hilfe bei Ihren Website-Formularen benötigen.
• … und vieles mehr

Möchten Sie außerdem wissen, wie Sie die Formularkonvertierung auf Ihrer Website steigern können? Sehen Sie sich diese Zusammenfassung einfacher Möglichkeiten an, Ihre Formulare so zu gestalten, dass sie von Menschen ausgefüllt werden.

Also, worauf wartest Du? Beginnen Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin.

Und vergessen Sie nicht: Wenn Ihnen dieser Artikel gefällt, folgen Sie uns weiter Facebook Und Twitter.