KI-Zusammenfassung
Zahlenbereich-Schieberegler in einem Formular sehen wirklich cool aus. Das allein ist schon ein wichtiger Vorteil – Besucher vertrauen Ihnen eher, wenn Sie visuell beeindruckende Formulare verwenden, die Professionalität ausstrahlen.
Außerdem verleihen Zahlenbereich-Schieberegler Ihren Formularen ein höheres Maß an Interaktivität. Interaktivität schafft Engagement, und es sind Ihre engagierten Besucher, die letztendlich konvertieren.
Wie fügen Sie also einen Zahlenbereich-Schieberegler in Ihre WordPress-Formulare ein?
Ich zeige Ihnen hier den einfachsten Weg, wie Sie dies erreichen können.
Jetzt Formular mit Zahlenbereich-Schieberegler erstellen
In diesem Artikel
- Schritt 1: WPForms installieren
- Schritt 2: Erstellen Sie ein einfaches Formular
- Schritt 3: Fügen Sie einen Zahlenbereich-Schieberegler hinzu
- Schritt 4: Konfigurieren Sie Formularbenachrichtigungen & Bestätigungen
- Schritt 5: Fügen Sie Ihr Formular mit Zahlenbereich-Schieberegler zu Ihrer Website hinzu
- FAQs zu Formularen mit Zahlen-Schieberegler
So erstellen Sie ein Formular mit einem Zahlenbereich-Schieberegler
Schritt 1: WPForms installieren
Der einfachste Weg, einen Zahlenbereich-Schieberegler in Ihr Formular einzufügen, ist die Verwendung des WPForms-Plugins. Während Sie WPForms Lite (die kostenlose Version) verwenden können, um ein Formular mit dem Zahlenbereich-Schieberegler zu erstellen, werde ich für dieses Tutorial WPForms Pro verwenden, da dies unzählige zusätzliche Möglichkeiten eröffnet, das Schieberegler-Feld auf aufregende Weise zu nutzen.

Wenn Sie nicht wissen, wie Sie das Plugin installieren, klicken Sie auf diese Anleitung für WPForms-Installationsanweisungen.
Dies wird nur wenige Minuten dauern. Wenn WPForms auf Ihrer Website einsatzbereit ist, können Sie mit der Erstellung eines Formulars mit dem Zahlen-Schieberegler beginnen.
Schritt 2: Erstellen Sie ein einfaches Formular
Navigieren Sie in Ihrem WordPress-Dashboard zu WPForms » Neu hinzufügen, um ein neues Formular zu erstellen.

Sofort sehen Sie den Formulareinrichtungsbildschirm in Ihrem Fenster. Hier können Sie einen Namen für Ihr Formular eingeben und eine Vorlage auswählen.
Sie können Ihr Formular komplett von Grund auf neu erstellen (beginnend mit einer leeren Vorlage) oder eine fertige Vorlage verwenden, um die Dinge für Sie noch schneller zu machen.
Für diesen Beitrag verwende ich die Vorlage Einfaches Kontaktformular , um zu demonstrieren, wie Sie mit einer Vorlage zusätzliche Felder wie den Zahlen-Schieberegler einfügen können.

Nachdem Sie die Vorlage ausgewählt haben, gelangen Sie zur Formular-Builder-Oberfläche, wo Sie entweder direkt mit dem Einbetten des Formulars auf Ihrer Website fortfahren oder es weiter anpassen können.

Im nächsten Schritt untersuchen wir das Feld für den Zahlenbereich-Schieberegler und seine zugehörigen Einstellungen.
Schritt 3: Fügen Sie einen Zahlenbereich-Schieberegler hinzu
Fügen wir nun einen Zahlenbereich-Schieberegler zu Ihrem Formular hinzu.
Sie können das Feld Zahlen-Schieberegler einfach aus dem Menü Standardfelder auf der linken Seite in Ihr Formular auf der rechten Seite ziehen.

Um einige Einstellungen und das Verhalten dieses Feldes zu ändern, klicken Sie auf den Zahlen-Schieberegler, den Sie gerade hinzugefügt haben. Sie sehen nun dessen Feldoptionen im linken Bereich.

Diese Optionen ermöglichen es Ihnen, Folgendes zu ändern:
- Bezeichnung – Verwenden Sie dies, um einen Namen hinzuzufügen, der die vom Schieberegler gesteuerte Menge darstellt
- Beschreibung – Dies hilft, bei Bedarf zusätzlichen Kontext bereitzustellen
- Wert – Legen Sie die minimalen und maximalen wählbaren Werte für den Schieberegler fest
- Standardwert – Dies ist der Wert, den das Feld annimmt, wenn das Formular zum ersten Mal geladen wird
- Schrittweite – Ermöglicht die Auswahl der Schrittweite zwischen jedem wählbaren Wert.
💡 Profi-Tipp: Wenn Sie WPForms Pro haben, können Sie das Zahlenregler-Feld auch für Berechnungen verwenden. Diese Mengenrabatt-Rechner-Vorlage ist ein großartiges Beispiel.
Zuletzt können Sie Ihrer Zahlenbereich-Schieberegler-Formular beliebige zusätzliche Felder hinzufügen, indem Sie sie von der linken zur rechten Seite ziehen.
Wenn Sie mit der Anpassung Ihres Zahlenbereich-Schieberegler-Formulars fertig sind, klicken Sie oben rechts auf Speichern.
🧮 Erstellen Sie ein WordPress-Formular mit einem Zahlenregler
Schritt 4: Konfigurieren Sie Formularbenachrichtigungen & Bestätigungen
WPForms sendet Ihnen automatisch eine Benachrichtigung, jedes Mal wenn Ihr Formular gesendet wird.
Sie können Formularbenachrichtigungen anpassen, indem Sie zu Einstellungen » Benachrichtigungen gehen.

Hier können Sie die Empfänger Ihrer Benachrichtigung auswählen (dies kann Ihre Admin-E-Mail, die Person, die das Formular sendet, oder jede andere fest codierte E-Mail sein, die Sie eingeben möchten). WPForms Basic- und höher-Benutzer können auch mehrere Formularbenachrichtigungen erstellen.
Während Sie dabei sind, empfehle ich Ihnen auch, Ihre Formularbestätigungen zu überprüfen. Die Bestätigung erscheint unmittelbar nach dem Absenden eines Formulars. Dies kann eine einfache Nachricht sein oder eine Weiterleitung zu einer anderen Seite, je nach Ihrer Strategie.
Sie können Bestätigungen anpassen, indem Sie zu Einstellungen » Bestätigungen gehen.

Sie können dann den gewünschten Bestätigungstyp (Nachricht, Seite anzeigen, zu URL weiterleiten) auswählen und die Nachricht und andere Details nach Bedarf eingeben.

Wenn Sie fertig sind, drücken Sie erneut auf Speichern oben im Formular-Generator. Es ist Zeit, Ihr Formular einzubetten!
Schritt 5: Fügen Sie Ihr Formular mit Zahlenbereich-Schieberegler zu Ihrer Website hinzu
Nachdem Sie Ihr Formular erstellt haben, müssen Sie es zu Ihrer WordPress-Website hinzufügen. WPForms ermöglicht es Ihnen, Ihre Formulare an vielen Stellen auf Ihrer Website hinzuzufügen, einschließlich Ihrer Blogbeiträge, Seiten und sogar Seitenleisten-Widgets.
Werfen wir einen Blick auf die gängigste Platzierungsoption: Einbetten in Seiten/Beiträge.
Klicken Sie zunächst auf die Schaltfläche Einbetten oben im Formular-Generator.

Als Nächstes sehen Sie ein Modal, das Sie fragt, ob Sie dieses Formular in eine neue oder eine vorhandene Seite einbetten möchten. Nehmen wir die letztere Option und klicken Sie auf Neue Seite erstellen.

Geben Sie Ihrer Seite einen Namen und drücken Sie dann auf die Schaltfläche Los geht's.

Sie befinden sich jetzt im WordPress-Block-Editor, wobei das Formular eingebettet ist. Wenn Sie möchten, können Sie Ihr Formular gestalten, ohne Code zu verwenden, mit dem Block-Editor.
Wenn Sie bereit sind, drücken Sie auf die Schaltfläche Veröffentlichen, um Ihre Seite mit dem eingebetteten Formular live zu schalten.

Sie können nun Ihr Zahlenbereich-Schieberegler-Formular auf Ihrer Website sehen, und Besucher können es sofort verwenden.

Um Formulareinträge nach dem Absenden anzuzeigen, lesen Sie diese vollständige Anleitung zu Formulareinträgen. Sie können beispielsweise Formulareinträge anzeigen, suchen, filtern, drucken und löschen.
Und da haben Sie es! Sie wissen jetzt, wie Sie mit dem WPForms-Plugin ein Formular mit einem Zahlenbereich-Schieberegler in WordPress erstellen, damit Sie ganz einfach detaillierte Formularübermittlungen von Ihren Website-Besuchern erhalten können!
Jetzt Formular mit Zahlenbereich-Schieberegler erstellen
FAQs zu Formularen mit Zahlen-Schieberegler
Hier sind einige Fragen, die wir oft von unseren Benutzern erhalten, die einen Zahlenregler in ihren Formularen verwenden möchten:
Warum einen Zahlenbereich-Schieberegler verwenden?
Die Verwendung eines Zahlenbereich-Schiebereglers in Ihren WordPress-Formularen bietet eine Reihe von Vorteilen, wie zum Beispiel:
- Zusätzliche Details — Erhalten Sie ganz einfach zusätzliche Informationen von Personen, die Ihr Formular ausfüllen. Da es sich so interaktiv anfühlt, werden Ihre Besucher mit größerer Wahrscheinlichkeit ein Zahlenbereich-Schieberegler-Feld ausfüllen, das nach weiteren Details fragt.
- Höherwertige Leads — Mit zusätzlichen Details zu Ihren Leads von Anfang an werden Ihre Leads noch besser, was ein Schieberegler-Formular zu einem großartigen Lead-Generierungs-Tool macht.
- Responsiv — Das Zahlenbereich-Schieberegler-Feld sieht auf allen Geräten großartig aus. Sie können Ihre Website und Ihr responsives WordPress-Theme gut aussehen lassen, indem Sie dieses Feld hinzufügen.
- Einfach zu bedienen — Sobald der Zahlenschieberegler zu Ihrem Formular hinzugefügt wurde, können Ihre Leads und Kunden ihn einfach verwenden. Alles, was sie tun müssen, ist, ihn einfach hin und her zu ziehen, um den Betrag anzupassen.
Kann ich einen Standardstartwert für den Schieberegler festlegen?
Ja, Sie können ganz einfach einen Standardstartwert für Ihr Schieberegler-Formular festlegen. In WPForms ist diese Einstellung über die Feldoptionen des Zahlenbereich-Schieberegler-Felds zugänglich und heißt Standardwert. Sie können hier jeden numerischen Wert eingeben, um den Standard festzulegen.
Diese Einstellung kann variieren, wenn Sie einen anderen Formularersteller verwenden.
Kann ich den Schieberegler auf bestimmte Schritte einrasten lassen?
Absolut! Der WPForms Zahlenbereich-Schieberegler ermöglicht es Ihnen, einen Schrittwert festzulegen. Dieser bestimmt die Schrittweite zwischen einem Wert und dem nächsten.
Wie zeige ich den aktuell ausgewählten Wert neben dem Schieberegler an?
Das Zahlenfeld in WPForms ist automatisch so konfiguriert, dass der aktuell ausgewählte Wert angezeigt wird. Dieser aktualisiert sich dynamisch, während Ihr Besucher den Schieberegler anpasst, und bietet sofortiges visuelles Feedback für eine ideale Benutzererfahrung.
Wie passe ich das Aussehen meines Schiebereglers an?
Die Farbe des Schiebereglers, des Fortschrittsbalkens, der Radio-Feld-Aufzählungszeichen und verschiedener anderer Elemente in WPForms sind mit der Farbe des Senden-Buttons verbunden. Dies dient dazu, die thematische Konsistenz zwischen Ihrem Senden-Button und anderen interaktiven Elementen Ihres Formulars zu gewährleisten.
Sie können also die Farbe Ihres Zahlenschiebereglers ändern, indem Sie die Farbe des Senden-Buttons über die einfachen WPForms-Stiloptionen ändern, die im WordPress-Blockeditor verfügbar sind.
Sie können auch die Beschriftung Ihres Schiebereglers und die Breite des Felds bearbeiten, während Sie Ihr Formular mit dem Formularersteller bearbeiten.
Was sind die besten Anwendungen für Zahlenbereich-Schieberegler in Webformularen?
Der Zahlenbereich-Schieberegler ist perfekt geeignet, wenn Besucher eine Menge aus einem vordefinierten Bereich auswählen können sollen.
Einige praktische Beispiele, bei denen unsere Kunden Zahlenbereich-Schieberegler eingesetzt haben, sind:
- Angebote/Schätzungen: Ein Zahlenbereich-Schieberegler eignet sich hervorragend, wenn seine Berechnungsfunktionen verwendet werden, um in Echtzeit ein Angebot zu unterbreiten. Da es verstellbar ist, ist es für Besucher relativ einfach zu sehen, wie sich das Angebot ändert, wenn sie ihre Anforderungen auf einem Schieberegler auswählen.
- Budgetauswahl: Auftragnehmer verwenden häufig Schieberegler, damit Kunden ihr Budget aus einem sorgfältig ausgewählten Bereich von Mindest- und Höchstwerten angeben können.
- Service-Dauer: Wenn Sie ein Dienstleister sind, der Termine mit variabler Länge akzeptiert, kann ein Schieberegler Kunden helfen, die Dauer Ihres benötigten Dienstes aus einer Reihe vordefinierter Optionen auszuwählen.
- Umfragefragen: Bestimmte Umfragefragen lassen sich leicht mit einem Schieberegler beantworten. Fragen zum Haushaltseinkommen oder zum Alter des Befragten können beispielsweise in ein Schiebereglerformat gebracht werden.
- Wellness-Bewertungen: Im Gesundheitswesen werden Schieberegler häufig zur Bewertung von Schmerzstufen, mentalem Stress, Schlafqualität und ähnlichen Fragen verwendet.
Dies sind nur einige Beispiele. Sie können den Schieberegler in einer Vielzahl von Situationen verwenden.
Als Nächstes: NPS-Umfragebeispiele erkunden
Möchten Sie wissen, was Ihre Website-Besucher denken? Besuchen Sie diesen Beitrag mit NPS-Umfragebeispielen, um zu sehen, wie einfach es ist, eine Umfrage auf Ihrer Website einzurichten und wertvolles Feedback zu sammeln.
Worauf warten Sie also noch? Beginnen Sie noch heute mit dem leistungsstärksten WordPress-Formular-Plugin. WPForms Pro wird mit einem kostenlosen Formular mit Zahlenbereich-Schieberegler geliefert und bietet eine 14-tägige Geld-zurück-Garantie.
Und vergessen Sie nicht: Wenn Ihnen dieser Artikel gefällt, folgen Sie uns bitte auf Facebook und Twitter.

Wie kann ich einen Wert basierend auf dem Schiebereglerwert ändern?
Hallo Qasim! Sie können die Werte Ihres Zahlen-Schiebereglers unter Feldoptionen > Erweiterte Optionen > Wertanzeige ändern. Weitere Details dazu finden Sie in unserer Dokumentation.
Ich hoffe, das klärt die Sache 🙂 Wenn Sie weitere Fragen dazu haben, kontaktieren Sie uns bitte, wenn Sie ein aktives Abonnement haben. Wenn nicht, zögern Sie nicht, uns Fragen in unseren Support-Foren zu stellen.
Hallo, ich habe einen Schieberegler zu meinem Formular hinzugefügt. Das Problem ist, dass der Wert nicht angezeigt wird, wenn ich ihn auf meine Website einfüge, sodass die Leute, die das Formular verwenden, raten müssen, ob sie den Schieberegler verwenden. Was mache ich falsch??
Hallo John, es tut mir leid, dass Sie dieses Problem haben! Wir helfen Ihnen gerne weiter! Wenn Sie Zeit haben, schreiben Sie uns bitte eine Nachricht im Support, damit wir Ihnen helfen können.
Wenn Sie eine WPForms-Lizenz haben, haben Sie Zugang zu unserem E-Mail-Support. Bitte reichen Sie ein Support-Ticket ein. So können wir weitere Details besprechen und dies weiter untersuchen. Andernfalls bieten wir begrenzten kostenlosen Support im WPForms Lite WordPress.org Support-Forum.
Danke 🙂
Wie ändere ich die Farbe des Kreises auf dem Schieberegler?
Hallo Wayne, derzeit haben wir keine Option, den Kreis des Zahlen-Schiebereglers zu gestalten. Ich stimme zu, dass es sehr hilfreich wäre. Ich habe eine Notiz zur Funktionsanfrage gemacht und wir werden sie im Auge behalten, während wir unsere Roadmap für die Zukunft planen.
Danke!
Ich habe viele Wege versucht, aber ich bin gescheitert. Kann mir jemand sagen, wie ich zusätzliche Validierungen zum Zahlenbereich-Schieberegler hinzufügen kann?
Ich möchte keine Grenze verwenden, sondern eine benutzerdefinierte Validierungsfunktion für alle Formulare auf meiner Website. Nicht nur ein Formular und eine Feld-ID. Ich muss die Feld-ID dynamisch abrufen, wenn ich den wpforms_process Hook verwende.
Irgendeine Idee?
Hallo Sabbir,
Um sicherzustellen, dass wir Ihre Frage so gründlich wie möglich beantworten, kontaktieren Sie bitte unser Support-Team mit einigen zusätzlichen Details darüber, was Sie tun möchten.
Danke! 🙂
Hallo,
gibt es eine Möglichkeit, Tausender und Millionen mit Leerzeichen oder Kommas zu trennen?
Hallo JS,
Sie können die benutzerdefinierte Eingabemaske verwenden, um dies zu erreichen 🙂
Hallo,
Wenn das Formular abgeschickt wird, gehen die Werte des Schiebereglers, die von 1 bis 9 reichten, wie folgt:
z. B.
1 (1 Min. / 9 Max.)
Wir möchten nur den ausgewählten Wert, der 1 war, NICHT die Min- und Max-Werte (1 Min. / 9 Max.) in der E-Mail anzeigen.
Hallo Waheed – es tut mir leid, von den Problemen zu hören.
Ich habe es gerade bei mir versucht und erhalte nur den ausgewählten Wert, wie dies. Um Ihnen weiterzuhelfen, wenn Sie eine WPForms-Lizenz haben, haben Sie Zugang zu unserem E-Mail-Support. Bitte reichen Sie daher ein Support-Ticket ein.
Danke 🙂