Entfernen der Schaltfläche "Senden" aus Berechnungsformularen

Entfernen der Schaltfläche "Senden" aus Berechnungsformularen

Sie fragen sich, wie Sie die Schaltfläche "Senden" aus Berechnungsformularen entfernen können, um die Benutzerfreundlichkeit zu erhöhen?

Durch das Entfernen der Schaltfläche "Senden" von Berechnungsformularen, die von WPForms erstellt wurden, können Sie Ihren Besuchern sofortige Berechnungen anbieten.

In diesem Leitfaden erfahren Sie, wie Sie Ihre Formulare in einfachen Schritten für nahtlose Echtzeitberechnungen ändern können, ohne dass eine Formularübermittlungsaktion erforderlich ist.

Entfernen der Schaltfläche "Senden" aus Berechnungsformularen

Entfernen Sie die Schaltfläche "Senden" aus Berechnungen Formen mit WPForms ist unglaublich einfach. Alles, was Sie tun müssen, ist diese einfachen Schritte unten folgen:

Die Voraussetzungen

Bevor wir mit den Schritten zur Deaktivierung der Übermittlungsschaltfläche fortfahren, sollten wir sicherstellen, dass wir einige wichtige Schritte durchgeführt haben.

Wenn Sie diese Schritte bereits ausgeführt haben, können Sie mit dem Abschnitt über das Entfernen der Schaltfläche "Senden" fortfahren.

1. Mit einer WPForms Pro Lizenz

WPForms ist ein seriöses Plugin für Formularerstellung und -berechnung, mit dem Benutzer eine breite Palette von Formularen erstellen können, darunter auch einen Rechner für die Tage zwischen den Daten.

Die WPForms-Homepage

Es ist wichtig, dass Sie die neueste Version von WPForms installiert haben, zusammen mit dem Zugriff auf die Pro-Lizenz.

Die Pro-Version bietet Ihnen Zugang zu Premium-Integrationen, Addons und vielen wertvollen Funktionen wie bedingter Logik, Formularübermittlungsberichten usw.

2. Verwendung des Addons Berechnungen

Um benutzerdefinierte Rechner in WordPress zu erstellen, wissen Sie wahrscheinlich schon, dass Sie das WPForms Calculations Addon installiert haben müssen.

Berechnungen Addon-Banner

Mit diesem Addon können Sie logische Operatoren und Wenn-Dann-Anweisungen einfügen, um personalisierte Angebote zu erstellen oder intelligente Rechner zu bauen.

Sie können sogar integrierte mathematische Funktionen nutzen, um Zahlen zu runden, Zeitspannen zu berechnen, Durchschnittswerte zu ermitteln und vieles mehr.

3. Auswählen einer Rechnerformularvorlage

Schließlich müssen Sie ein Formular bereithalten. Wenn Sie eines erstellen müssen, bietet WPForms mehr als 2.000 vorgefertigte Vorlagen, die die Formularerstellung zu einem Kinderspiel machen.

Kalkulator Formularvorlagen Kategorieseite

Dazu gehören professionell gestaltete Rechnerformularvorlagen, die an eine Vielzahl von Anwendungsfällen und Branchen angepasst werden können, z. B:

Und das Beste daran: Sie können mit dem Berechnungs-Addon ganz ohne HTML-, Javascript- oder komplexe Programmierkenntnisse eigene Rechner erstellen.

Entfernen der Schaltfläche "Senden

Sobald diese Voraussetzungen erfüllt sind, können Sie Ihr Formular so ändern, dass die Schaltfläche "Senden" entfernt wird, um die Benutzerfreundlichkeit zu erhöhen.

1. Gehen Sie zu der WPForms Snippet-Bibliothek

Gehen Sie in Ihrem WordPress-Dashboard einfach zu WPForms " Tools. Navigieren Sie dann zur Registerkarte " Code Snippets ".

wpforms Code-Schnipsel

Dies wird eine Pop-up-Meldung, die sagt, "Bitte installieren Sie WPCode, um die WPForms Snippet-Bibliothek zu verwenden".

2. Installieren + Aktivieren von WPCode

Jetzt müssen Sie nur noch auf die Schaltfläche Installieren + Aktivieren von WPCode klicken. Die Installation des Plugins dauert nun ein paar Sekunden.

wpcode installieren und aktivieren

Sobald das WPCode-Plugin installiert ist, können Sie auf die vollständige Liste der WPForms-Snippets zugreifen.

alle Codeschnipsel

3. Verwenden Sie das Snippet "Submit-Button ausblenden

Suchen Sie nun nach dem Snippet für die Schaltfläche "Senden ausblenden", indem Sie seinen Namen in das Feld " Snippets suchen" eingeben. Klicken Sie anschließend auf die Schaltfläche Snippet installieren .

Snippet zum Verstecken der Schaltfläche "Senden" installieren

Hier ist der Codeausschnitt, den wir importieren werden:

Dadurch werden Sie auf die Vorschauseite des WPCode-Snippets weitergeleitet, wo Sie den automatisch integrierten Code sehen können.

Vorschau des Codeschnipsels für die Schaltfläche "Senden" ausblenden

Jetzt müssen Sie nur noch den Snippet-Code aktivieren. Schieben Sie dazu den Schalter von Inaktiv auf Aktiv.

Aktivieren Sie das Snippet "Senden ausblenden

Der nächste Schritt zur Aktivierung des Code-Snippets für die gesamte Website besteht darin, auf die Schaltfläche Aktualisieren zu klicken, die sich direkt neben der Option Aktiv befindet.

Aktualisieren Sie das Snippet für die Schaltfläche "Senden" ausblenden

Wenn Sie diesen Ansatz verfolgen, müssen Sie das Snippet nur einmal über die WPForms Snippet-Bibliothek hinzufügen.

Dann muss der Benutzer für jedes Formular, in dem er dieses Snippet verwenden möchte, den Namen der CSS-Klasse "Submit Button" innerhalb des Builders hinzufügen.

4. CSS-Klasse für die Schaltfläche "Senden" hinzufügen

Jetzt müssen Sie nur noch die CSS-Klasse in den Formularersteller des Rechners einfügen, aus dem Sie die Schaltfläche "Senden" entfernen möchten.

Öffnen Sie dazu Ihr Taschenrechnerformular, gehen Sie auf die Registerkarte Allgemein und dann auf die Registerkarte Erweitert.

Danach fügen Sie die wpf-calc-form CSS in die CSS-Klasse für die Schaltfläche "Senden um den Codeschnipsel zu aktivieren.

Css-Klasse zur Schaltfläche "Senden" hinzufügen

Sie können nun eine Vorschau Ihres Formulars anzeigen, um zu sehen, dass die Schaltfläche "Absenden" aus Ihrem Taschenrechner erfolgreich entfernt wurde!

Hypothekenrechner ohne Schaltfläche "Senden

Weitere Fragen zu Rechnerformulare

Rechnerformulare sind ein beliebtes Thema bei unseren Lesern. Hier finden Sie Antworten auf einige häufig gestellte Fragen zu diesen Formularen.

Wie kann ich die Schaltfläche "Senden" in einem Formular deaktivieren?

Um die Schaltfläche "Submit" in einem Formular zu deaktivieren, insbesondere wenn Sie WPForms Pro verwenden, können Sie benutzerdefinierte CSS anwenden. Gehen Sie zu WPForms " Tools. Navigieren Sie dann zur Registerkarte Code Snippets und greifen Sie auf die WPForms Snippet-Bibliothek zu, die eine Lösung enthält, um die Schaltfläche "Submit" in einem Formular zu deaktivieren.

Kann ein Formular keine Schaltfläche zum Absenden haben?

Ja, ein Formular kann auch ohne eine Schaltfläche "Senden" funktionieren. Dies ist häufig bei Formularen der Fall, die automatisch absenden oder alternative Methoden zur Datenerfassung verwenden. Mit WPForms Pro können Sie solche Formulare erstellen, indem Sie sie mit CSS anpassen, um die Schaltfläche "Senden" auszublenden, und die WPCode-Integration verwenden, um den erforderlichen Code nahtlos hinzuzufügen.

Als nächstes erfahren Sie, wie Sie einen benutzerdefinierten Online-Rechner erstellen können.

Das Hinzufügen eines Rechners zu Ihrer Website kann das Engagement steigern, indem es die Besucher zum Verweilen und zur Beantwortung ihrer Probleme anregt. In dieser Anleitung erfahren Sie , wie Sie einen benutzerdefinierten Rechner in WordPress für die speziellen Anforderungen Ihrer Website erstellen.

Erstellen eines benutzerdefinierten Online-Rechners

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere kostenlose WordPress-Tutorials und -Anleitungen.

Offenlegung: Unser Inhalt wird von den Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, erhalten wir möglicherweise eine Provision. Sehen Sie, wie WPForms finanziert wird, warum es wichtig ist, und wie Sie uns unterstützen können.

Hamza Shahid

Hamza ist ein Writer für das WPForms-Team, der sich auch auf Themen im Zusammenhang mit digitalem Marketing, Cybersicherheit, WordPress-Plugins und ERP-Systemen spezialisiert hat.Erfahren Sie mehr

Das beste WordPress Drag and Drop Form Builder Plugin

Einfach, schnell und sicher. Schließen Sie sich über 6 Millionen Website-Besitzer, die WPForms vertrauen.

Bitte aktivieren Sie JavaScript in Ihrem Browser, um dieses Formular auszufüllen.

Einen Kommentar hinzufügen

Wir freuen uns, dass Sie einen Kommentar hinterlassen haben. Bitte denken Sie daran, dass alle Kommentare gemäß unserer Datenschutzrichtlinie moderiert werden und alle Links nofollow sind. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Lassen Sie uns ein persönliches und sinnvolles Gespräch führen.

Dieses Formular ist durch Cloudflare Turnstile geschützt und es gelten die Cloudflare Datenschutzbestimmungen und Nutzungsbedingungen.