So erstellen Sie ein Rechner-Formular in WordPress

Zusammenfassen:ChatGPTPerplexity

Möchten Sie lernen, wie Sie ein Rechnerformular in WordPress erstellen? Sie haben Glück! Dank des Drag-and-Drop-Formularerstellers von WPForms ist die Erstellung eines Rechnerformulars schnell und einfach.

Ihren Website-Besuchern die Möglichkeit zu geben, Berechnungen direkt im Formular durchzuführen, ist eine großartige Möglichkeit, mit ihnen in Kontakt zu treten. Daher ist es ein kluger Schachzug, dieses Tool auf Ihrer Website einzubinden.

Lesen Sie also weiter. Wir zeigen Ihnen, wie Sie in nur 5 Schritten ein Rechner-Formular für Ihre WordPress-Website erstellen!

Warum sollte ich ein Rechnerformular auf meiner Website verwenden?

Die Verwendung eines Rechnerformulars auf Ihrer Website kann viele Vorteile für Ihre Website bieten und die Benutzererfahrung wirklich verbessern.

Zunächst einmal bieten Rechnerformulare ein interaktives und dynamisches Element für Ihre Website. Besucher können Werte eingeben, die für ihre Bedürfnisse relevant sind, und der Rechner liefert sofort berechnete Ergebnisse. Diese Art von Engagement kann Benutzer länger auf Ihrer Website halten und die Erfahrung angenehmer gestalten.

Darüber hinaus ermöglichen Rechnerformulare die Schaffung einer personalisierten und maßgeschneiderten Erfahrung für Ihre Website-Besucher. Benutzer können spezifische Daten oder Variablen eingeben, die sich auf ihre Situation beziehen, und der Rechner kann Ergebnisse generieren, die auf ihre individuellen Bedürfnisse zugeschnitten sind.

Wenn Sie Ihren Besuchern also eine interaktivere und persönlichere Erfahrung bieten möchten, sollten Sie die Einbindung eines Rechnerformulars auf Ihrer Website in Betracht ziehen.

Beheben Sie jetzt Ihre WordPress-E-Mails

So erstellen Sie ein Rechner-Formular in WordPress

Es ist einfacher als je zuvor, ein Rechnerformular in WordPress zu erstellen. Befolgen Sie einfach diese Schritte:

1: WPForms installieren und aktivieren

Homepage WPForms

Der erste Schritt zur Erstellung Ihres Rechnerformulars ist die Installation des WPForms-Plugins.

WPForms ist der beste Formularersteller für WordPress, und damit können Sie alle Arten von Formularen für Ihre Website entwerfen, wie z. B. Kontaktformulare, Lead-Magnet-Formulare, Umfragen und Abstimmungen sowie Bestellformulare, um nur einige zu nennen.

Und wie Sie in diesem Tutorial sehen werden, können Sie sogar Rechner in Ihre Formulare einbauen!

Vorschau des Rechnerformulars

Um also auf alle Werkzeuge zuzugreifen, die Sie zur Erstellung Ihres Rechnerformulars benötigen, abonnieren Sie unbedingt WPForms Pro, wenn Sie das Plugin erhalten.

Mit WPForms Pro können Sie nicht nur Rechnerformulare für Ihre Website erstellen, sondern erhalten auch Zugriff auf großartige Funktionen und Addons, die Dinge wie mehrere Zahlungs-Gateways für Bestellformulare, bedingte Logik-Einstellungen, Formular-Eintrag-Analysen und vieles mehr bieten.

Sobald Sie WPForms Pro erworben haben, stellen Sie sicher, dass das Plugin in Ihrem WordPress-Dashboard installiert und aktiviert ist.

2: Das Calculations Addon erhalten

Gehen Sie währenddessen in Ihrem WordPress-Dashboard zu WPForms und klicken Sie auf Addons.

Navigieren zu WPForms Add-ons

Nun können Sie die Auswahl der Addons durchsuchen, die Ihnen mit WPForms Pro zur Verfügung stehen. Finden Sie das Calculations Addon schnell, indem Sie „Calculations“ in die Suchleiste eingeben.

Wenn Sie zum Calculations Addon gelangen, klicken Sie auf Addon installieren und dann auf Aktivieren.

Berechnungs-Add-on aktivieren

Sie sind nun bereit, mit dem Erstellen von Formularen mit Rechnern für Versandkosten, Darlehenszahlungen und vieles mehr zu beginnen! Wir werden uns im nächsten Schritt damit befassen.

3: Erstellen Sie Ihr Rechnerformular

Um Ihr neues Rechnerformular zu erstellen, navigieren Sie zurück zu WPForms in Ihrem WordPress-Dashboard und klicken Sie auf Neu hinzufügen.

Neues Formular hinzufügen WPForms

Geben Sie Ihrer neuen Formularvorlage als Nächstes einen Namen, indem Sie ihn in das Feld eingeben. Keine Sorge, Sie können dies später noch ändern, wenn Sie möchten. In unserem Beispiel nennen wir unser Formular „Kreditrechner“, da dies die Art von Rechnerformular ist, das wir erstellen werden.

Formular in WPForms benennen

Von hier aus haben Sie normalerweise die Möglichkeit, selbst ein neues Formular aus einer leeren Vorlage zu erstellen oder eine Vorlage auszuwählen, die bereits alle erforderlichen Felder für das von Ihnen erstellte Formular enthält.

Da Sie ein Rechnerformular erstellen, wählen Sie aus der Auswahl an Rechnervorlagen. Mit einer fertigen Vorlage sind die benötigten Formeln und Felder bereits in die Vorlage integriert, was sicherstellt, dass das Formular wie vorgesehen berechnet und Ergebnisse liefert.

Scrollen Sie also in der Vorlagengalerie zur Kategorie „Rechner“ und wählen Sie die Rechnervorlage aus, die Sie verwenden möchten.

Rechner-Kategorie in WPForms

Wenn Sie sich für eine entschieden haben, klicken Sie auf Vorlage verwenden.

Auf Vorlage verwenden klicken

Der Formular-Builder-Bildschirm wird dann angezeigt, und Ihre ausgewählte Formularvorlage ist bereit zur Anpassung!

4: Passen Sie Ihr Rechnerformular an

Mit Ihrem Rechnerformular im Formular-Builder können Sie es nun nach Ihren Wünschen anpassen.

WPForms Formular-Builder

Obwohl wir nicht empfehlen, Felder aus dem Rechnerformular zu entfernen (dies kann die Funktion des Formulars beeinträchtigen), können Sie weitere Felder hinzufügen, sie neu anordnen, Feldbezeichnungen und Details anpassen und andere Anpassungen vornehmen.

Sie könnten zum Beispiel den Text der Schaltfläche „Senden“ ändern oder eine spezifische Bestätigungsnachricht schreiben, die Ihr Formularbenutzer nach dem Absenden seines Formulars erhält, unter einer Vielzahl von Möglichkeiten, wie Sie dieses Formular ändern können.

Die Schaltfläche "Senden" anpassen

Wenn Ihr Rechnerformular nach Ihren Wünschen angepasst ist, stellen Sie sicher, dass Sie es speichern, bevor Sie fortfahren.

Formular in WPForms speichern

Nun ist Ihr Formular bereit für Ihre Website-Benutzer, um ihre Berechnungen durchzuführen! Alles, was noch zu tun ist, ist, es auf Ihrer Website zu veröffentlichen.

5: Veröffentlichen und bewerben Sie Ihr Rechnerformular

Sobald Ihr Rechnerformular gespeichert ist, können Sie es in verschiedenen Bereichen Ihrer Website platzieren, z. B. in Beiträgen, Seiten und Widgets.

Um Ihr Formular hinzuzufügen, erstellen Sie einen neuen Beitrag oder eine neue Seite oder aktualisieren Sie einen vorhandenen. Klicken Sie auf dem Beitrag oder der Seite auf die Schaltfläche Block hinzufügen und wählen Sie dann das WPForms-Symbol aus.

WPForms-Block auswählen

Wählen Sie nun Ihr neu erstelltes Rechnerformular aus dem WPForms-Dropdown-Menü aus.

Formular auswählen

Anschließend können Sie hier mit dem Block-Editor weitere Anpassungen vornehmen. Wenn Sie fertig sind, aktualisieren oder veröffentlichen Sie einfach, um Ihr Rechnerformular live zu schalten!

Neues Formular veröffentlichen

Teilen Sie Ihr neues Rechnerformular auf Ihrer gesamten Website, in E-Mail-Kampagnen, über Social-Media-Posts und an anderen Orten, um es zu bewerben. Die Bereitstellung von Berechnungen für Ihre Website-Benutzer ist eine Win-Win-Situation für sie und für Sie, also verbreiten Sie die Nachricht, wo immer Sie können!

Beheben Sie jetzt Ihre WordPress-E-Mails

Erstellen Sie als Nächstes einen Preisrechner für Ihre Website

Jetzt, da Sie bereit sind, Rechnerformulare auf Ihrer Website zu verwenden, sollten Sie die Erstellung komplexerer Berechnungen für Ihre Formulare in Betracht ziehen. Sehen Sie sich dieses Tutorial an, wie Sie einen Preisrechner erstellen, um mehr über die Verwendung von Rechnern auf Ihrer Website zu erfahren.

Möchten Sie Website-Besucher, die Sie über ein mehrstufiges Formular kontaktieren, zu einem positiveren Erlebnis machen? Sehen Sie sich dieses Tutorial an, in dem wir Sie durch die Grundlagen der Einrichtung eines mehrstufigen Formulars in WordPress mit WPForms führen.

Oder, wenn Sie einen Seitenersteller wie Divi verwenden, können Sie sich auch diese Anleitung ansehen, um Schritte zu erfahren, wie Sie ein Divi-Kontaktformular erstellen.

Bereit, Ihre E-Mails zu reparieren? Fangen Sie noch heute an mit dem besten WordPress SMTP-Plugin. Wenn Sie keine Zeit haben, Ihre E-Mails zu reparieren, können Sie gegen Aufpreis eine vollständige White Glove Setup-Unterstützung erhalten, und für alle kostenpflichtigen Tarife gilt 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 WordPress-Tipps und Tutorials.

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

Kacie Cooper Stotler

Kacie ist Content-Autorin für WP Mail SMTP. Sie bloggt seit 2016 über WordPress und schreibt darüber. Mehr erfahren

Probieren Sie unser kostenloses WP Mail SMTP Plugin

Nutze deinen bevorzugten SMTP-Anbieter, um deine WordPress-E-Mails zuverlässig zu versenden.