Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man einen Autokredit-/Autozahlungsrechner in WordPress erstellt

Haben Sie sich schon einmal gefragt, warum Besucher Ihre Website besuchen, sie aber wieder verlassen, ohne etwas zu unternehmen? Genau das passierte einem Freund von mir – bis er einen einfachen Autokredit-Rechner einbaute.

Sobald seine Kunden die monatlichen Zahlungen direkt auf der Website berechnen konnten, stiegen die Umsätze um 25 %. Es stellt sich heraus, dass die Beseitigung des finanziellen Rätselraten den Menschen hilft, sich bei ihren Entscheidungen sicherer zu fühlen.

In dieser Anleitung zeigen wir Ihnen genau, wie Sie Ihrer WordPress Website einen Autokredit-Rechner hinzufügen können. Nachdem wir mehrere Plugins und Methoden getestet haben, haben wir uns auf die besten Optionen beschränkt, die einfach einzurichten sind – ganz ohne Programmierkenntnisse. 🙌

How to create an auto loan payment calculator in WordPress

Was ist ein Auto / Auto-Darlehen Zahlungsrechner? 🧮

Mit einem Autokreditrechner können Benutzer Schätzungen für eine monatliche Kreditrate erhalten, den Tilgungsplan überprüfen und die Gesamtkosten eines Kredits berechnen.

Es ermöglicht den Besuchern, auf einfache Weise eine vollständige Autokreditberechnung mit Berücksichtigung von Mehrwertsteuer, Händlergebühren, Inzahlungnahmewert, Zinssatz, Kreditdauer und mehr durchzuführen.

Ein Autokredit-Zahlungsrechner ist besonders nützlich für Websites von Autohäusern und Autokredit-Finanzierungsunternehmen.

Das Hinzufügen eines Kreditrechners zu Ihrer WordPress-Website hilft sowohl Ihnen als auch potenziellen Kunden. Besucher können einfach ihre Daten eingeben und die verschiedenen verfügbaren Finanzierungspläne sehen.

Das bedeutet, dass sie den Tarif finden können, der am besten zu ihrem Budget passt, ohne Ihre Website zu verlassen, was das Engagement erhöht und Ihre Absprungrate verringert. Sie können über den Rechner auch die E-Mail-Adressen der Nutzer sammeln, was ihn zu einem großartigen Werkzeug für die Generierung von Leads macht.

Sehen wir uns also an, wie Sie Ihrer WordPress Website einen Rechner für Auto- oder Autokreditzahlungen hinzufügen können. Wir werden Ihnen 2 Methoden zeigen. Sie können auf die Links unten klicken, um zu einem beliebigen Abschnitt zu springen:

Fangen wir an.

Methode 1: Erstellen Sie ein Auto Zahlung Calculator mit WPForms

In der Vergangenheit mussten Sie für die Erstellung eines Autokreditrechners komplexe mathematische Berechnungen programmieren oder einen WordPress-Entwickler beauftragen.

Glücklicherweise ist es jetzt möglich, einen Autokredit-Rechner zu erstellen, ohne irgendeinen Code zu schreiben, indem man WPForms verwendet. Dieses beliebte WordPress Plugin für Kontaktformulare bietet einen All-in-One-Formularersteller und mehr als 2.000 fertige Templates.

WPForms bietet ein leistungsstarkes Addon für Berechnungen, mit dem Sie verschiedene Berechnungsformulare für Ihre Website erstellen können. Es kommt mit vorgefertigten Taschenrechner-Vorlagen und einem Drag-and-Drop-Formular-Builder, so dass Sie Flexibilität und Kontrolle über das Aussehen Ihres Formulars erhalten.

ℹ️ Wir vertrauen seit Jahren auf WPForms für unser Kontaktformular und die jährliche Befragung der Besucher von WPBeginner. Mit seinem leistungsstarken Drag-and-drop-Builder und neuen AI-Funktionen macht es das Erstellen von Formularen schnell und mühelos.

Möchten Sie wissen, warum wir es empfehlen? Lesen Sie unsere vollständige WPForms Rezension!

Einrichten von WPForms auf Ihrer WordPress-Website

Für dieses Tutorial werden wir die WPForms Pro-Version verwenden, weil sie das Addon Calculations enthält. Es gibt auch eine WPForms Lite-Version kostenlos zur Verfügung.

Zunächst müssen Sie das WPForms Plugin installieren und aktivieren. Wenn Sie Hilfe benötigen, lesen Sie bitte unsere Anleitung zur Installation eines WordPress Plugins.

Nach der Aktivierung können Sie vom WordPress-Dashboard aus auf WPForms ” Einstellungen gehen und den Lizenzschlüssel eingeben. Sie können den Lizenzschlüssel in Ihrem WPForms-Kontobereich finden.

Entering the WPForms license key

Als nächstes müssen Sie das Addon Calculations in WPForms installieren und aktivieren.

Gehen Sie einfach zu WPForms ” Addons aus dem WordPress-Adminbereich und navigieren Sie dann zum Calculations Addon.

Install calculations addon

Klicken Sie hier auf die Schaltfläche “Addon installieren”, und das Addon wird automatisch installiert und aktiviert.

Anschließend können Sie ein neues Formular mit einem Autokredit-/Autozahlungsrechner erstellen.

Formular zum Erstellen eines Autokredit-/Autozahlungsrechners

Um zu beginnen, müssen Sie im WordPress-Administrationsbereich zu WPForms ” Add New gehen.

The + Add New button on WPForms' Forms Overview

Auf dem nächsten Bildschirm sehen Sie verschiedene Formularvorlagen, die von WPForms angeboten werden.

Um loszulegen, können Sie die Suchfunktion in WPForms nutzen und das Template “Car Payment Calculator Form” finden.

Klicken Sie dann auf den Button “Template verwenden”, um das Formular individuell anzupassen.

Select car payment calculator template

🧑‍💻 Profi-Tipp: Mit WPForms können Sie AI verwenden, um Ihr Formular zu erstellen. Alles, was Sie tun müssen, ist eine kurze Beschreibung der Art des Formulars, die Sie benötigen, und das KI-Tool erstellt das Formular in nur wenigen Sekunden.

Danach werden Sie Ihre Formularvorlage in der WPForms Drag-and-Drop-Formularerstellung sehen.

Das Standard Template bietet ein mehrseitiges Formular mit allen notwendigen Feldern zur Berechnung von Autozahlungen:

  • Ein Feld “Fahrzeugpreis”, in das Sie den Gesamtwert des Fahrzeugs eingeben können.
  • Felder zur Angabe der Anzahlung und des Prozentsatzes der Anzahlung.
  • Eine einstellbare Zahlungsdauer mit Hilfe eines Sliders zur Änderung der Anzahl der Jahre.
  • Eine Option zur Festlegung des jährlichen Zinssatzes für Ihre Zahlungen.
Car payment calculator form

In dem Template wird auch abgefragt, ob Sie Ihr Auto in Zahlung geben. Sie enthält Felder für die Eingabe des Kreditbetrags, der gezahlten Gesamtzinsen und anderer relevanter Details.

Mit dem WPForms-Formular-Builder können Sie die Formularvorlage bearbeiten, vorhandene Felder entfernen und neue Formularfelder hinzufügen. Ziehen Sie einfach ein neues Feld aus dem Menü auf der linken Seite und legen Sie es auf der Vorlage ab.

Sie können zum Beispiel Standardfelder wie Kontrollkästchen, Dropdown-Menüs und Zahlen hinzufügen.

Oder verwenden Sie ausgefallene Felder wie Telefonnummer, Adresse, Uploads von Dateien und mehr.

Add new form fields to the auto loan form

Jedes Feld des Templates kann individuell angepasst werden. Wählen Sie einfach ein Feld aus, das Sie bearbeiten möchten, um die Optionen für die Anpassung zu öffnen.

Wenn Sie z. B. auf das Feld “Autopreis” im Template klicken, sehen Sie im Menü auf der linken Seite weitere Optionen. Sie können den Namen des Formularfeldes ändern und eine Beschreibung hinzufügen.

Change form field name

Auf der Registerkarte “Erweitert” finden Sie weitere Optionen.

Sie können die Feldgröße ändern, Platzhaltertext hinzufügen, eine CSS-Klasse eingeben, Berechnungen aktivieren und vieles mehr.

View advanced field options

Mit WPForms können Sie auch die Formel für die Rechnerfelder bearbeiten.

Wählen Sie einfach ein Feld aus, und Sie sehen eine Option “Formel” im Menü auf der linken Seite.

Hier können Sie Änderungen an den Berechnungen vornehmen und auf das “Cheatsheet” klicken, wenn Sie weitere Hilfe benötigen.

Edit formula of calculator fields

Wenn Mathe nicht Ihre Stärke ist, können Sie die leistungsstarke Funktion AI Calculations von WPForm nutzen, um sofort komplexe Formeln zu erstellen.

Klicken Sie auf dem Tab “Erweitert” auf den Button “Formel generieren” neben der Box für die Formel. Dadurch wird das Chat-Fenster des KI-Assistenten geöffnet.

Click the Generate Formula button

Von hier aus können Sie einfach die Art der Berechnung, die Sie benötigen, in einfachem Englisch beschreiben.

Sie können zum Beispiel etwas schreiben wie: “Erstelle einen Kfz-Zahlungsrechner, der den Fahrzeugpreis, den Anzahlungsbetrag, den Zinssatz und den Begriff des Darlehens in Jahren angibt. Ich möchte, dass er den monatlichen Zahlungsbetrag anzeigt”.

WPForms AI Calculations

Nachdem Sie die Eingabetaste gedrückt haben, erstellt die KI sofort die entsprechende Formel, die Sie mit einem Klick in Ihr Formular einfügen können.

Als Nächstes können Sie im Menü auf der linken Seite die Registerkarte “Einstellungen” aufrufen.

Unter “Allgemeine Einstellungen” finden Sie Optionen zum Ändern des Formularnamens, zum Hinzufügen einer Formularbeschreibung, zum Bearbeiten des Textes für die Schaltfläche “Senden” und vieles mehr.

Edit general form settings for auto loan form

Danach können Sie die Einstellungen für “Spamschutz und Sicherheit” einsehen.

Hier können Sie mit WPForms den Anti-Spam-Schutz aktivieren, Spam-Einträge in der Datenbank speichern, Länder- und Stichwortfilter aktivieren, CAPTCHA einrichten und vieles mehr.

Edit spam and protection settings

Als nächstes können Sie die Registerkarte “Benachrichtigungen” aufrufen.

Hier können Sie die Einstellungen für die E-Mail-Benachrichtigungen bearbeiten, die Sie und Ihre Benutzer beim Absenden eines Formulars erhalten.

Edit form notification settings

Schließlich können Sie die Einstellungen für “Bestätigungen” für Ihr Autokredit-Rechnerformular aufrufen.

Mit WPForms können Sie eine Nachricht anzeigen, eine Seite anzeigen oder die Benutzer zu einer URL umleiten, wenn sie das Formular abschicken.

Auto loan form confirmation settings

Nachdem Sie diese Änderungen vorgenommen haben, vergessen Sie nicht, Ihre Einstellungen zu speichern.

Den Autokredit-/Autozahlungsrechner zu WordPress hinzufügen

Als Nächstes können Sie das Formular für den Autokredit-/Autozahlungsrechner zu Ihrem WordPress-Blog oder Ihrer Website hinzufügen.

Klicken Sie einfach auf die Schaltfläche “Einbetten” am oberen Rand der Formularerstellung.

Embed your auto loan form

Es erscheint nun ein Popup-Fenster, in dem Sie das Formular in eine bestehende Seite einbetten oder eine neue Seite erstellen können.

Für diesen Lehrgang wählen wir die Option “Neue Seite erstellen”.

Create a new page

Als nächstes müssen Sie einen Namen für die neue Seite eingeben.

Danach klicken Sie einfach auf die Schaltfläche “Los geht’s”.

Enter name for form embed page

Alternativ können Sie auch einen WPForms-Block im Content Editor hinzufügen.

Wählen Sie hier einfach Ihr Autokredit-Rechnerformular aus dem Dropdown-Menü.

Add the WPForms block

Als Nächstes sollten Sie eine Vorschau des Formulars für den Ratenzahlungsrechner im Inhaltseditor sehen.

Wenn Sie mit dem Aussehen zufrieden sind, veröffentlichen oder aktualisieren Sie Ihre Seite einfach. Danach können Sie Ihre Website besuchen, um den Autokredit-Rechner in Aktion zu sehen.

View auto loan calculator form preview

Methode 2: Erstellen eines Autokreditrechners mit Formidable Forms

Eine weitere Möglichkeit zur Erstellung von Autokredit-/Autozahlungsrechnern für Ihre WordPress-Website ist die Verwendung von Formidable Forms. Dies ist die beste Lösung, wenn Sie einen fortgeschrittenen und komplexen Rechner für Ihre Website erstellen möchten.

Formidable Forms enthält eine leistungsstarke Vorlage für einen Autokreditrechner, mit der Sie mit nur wenigen Klicks einen Autokreditrechner erstellen können.

Die Autozahlungsvorlage hat die Formel für die Kreditberechnung bereits eingerichtet, sodass Sie keine komplexen mathematischen Gleichungen programmieren oder zusätzliche WordPress-Plugins verwenden müssen.

Hinweis: Sie benötigen den Business-Plan von Formidable Forms, um auf die Funktionen des Kfz-Zahlungsrechners zugreifen zu können. Wir haben dieses Tool selbst gründlich getestet – sehen Sie, was wir in unserer ausführlichen Rezension zu Formidable Forms gefunden haben.

Installieren Sie Formidable Forms auf Ihrer WordPress-Website

Als Erstes müssen Sie die beiden Plugins Formidable Forms Lite und Formidable Forms Premium installieren und aktivieren. Das kostenlose Plugin hat begrenzte Funktionen, aber Formidable Forms Pro nutzt es als Basis für seine erweiterten Funktionen.

Eine detaillierte Anleitung finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung können Sie im WordPress-Dashboard zu Formidable ” Globale Einstellungen gehen.

Hier können Sie auf “Connect an Account” klicken und den Anweisungen folgen, um WordPress mit Ihrem Formidable Forms-Konto zu verbinden.

The Formidable Forms license page

Sie können auch “Klicken, um einen Lizenzschlüssel manuell einzugeben” wählen und dann Ihren Lizenzschlüssel in das Feld einfügen.

Sie finden den Lizenzschlüssel, wenn Sie sich bei Ihrem Konto auf der Formidable Forms-Website anmelden.

Enter the Formidable Forms license key

Nachdem Sie die Informationen eingegeben haben, klicken Sie auf die Schaltfläche “Lizenz speichern”.

Erstellen Sie einen Autokredit- und Autorechnungsrechner in WordPress

Nachdem Sie Formidable Forms erfolgreich eingerichtet haben, können Sie nun ein Formular für einen Autorechnungsrechner erstellen.

Um zu beginnen, gehen Sie einfach zu Formidable ” Formulare und klicken Sie auf die Schaltfläche “Neu hinzufügen”.

Create a new form

Als nächstes müssen Sie eine Formularvorlage auswählen.

Die Vorlage für den Ratenzahlungsrechner finden Sie, wenn Sie auf den Abschnitt “Rechner” klicken.

Select auto loan calculator template

Dadurch wird die Vorlage im Formidable Forms-Editor geöffnet.

Das Standard Template bietet Felder wie “Preis des Autos” und “Mehrwertsteuer”. Es gibt Slider zur Einstellung des jährlichen Zinssatzes und der Darlehensdauer (in Monaten).

Außerdem gibt es Felder, in denen Sie auswählen können, ob Sie ein Auto in Zahlung geben möchten, und in denen Sie den Inzahlungswert eingeben können.

An dieser Stelle können Sie das Formular an Ihre Bedürfnisse anpassen.

Edit car loan calculator form

Um die Beschriftung, den Standardwert oder den Platzhaltertext eines Feldes zu ändern, klicken Sie einfach auf dieses Feld.

Sie können dann die Einstellungen “Feldoptionen” im linken Menü verwenden.

Customizing a car payment form

Wenn Sie die Felder “Darlehensberechnung” oder “Monatliche Zahlung” anpassen möchten, achten Sie darauf, dass Sie die Einstellungen unter “Erweitert” nicht ändern, da sie die Berechnungsformel enthalten.

Wenn Sie diese Einstellungen ändern, kann dies das gesamte Formular beschädigen.

Changing the settings on an auto loan form in WordPress

Sobald Sie die Felder angepasst haben, können Sie die Einstellungen des Formulars überprüfen, indem Sie auf die Registerkarte “Einstellungen” klicken.

Zunächst können Sie den Titel und die Beschreibung des Formulars auf der Registerkarte “Allgemein” ändern.

Change general form settings

Sie können auch ändern, was passiert, wenn ein Besucher das Formular abschickt, indem Sie im linken Menü “Aktionen und Benachrichtigungen” auswählen.

Wenn Sie auf den Abschnitt “Bestätigung” klicken, sehen Sie die Nachricht, die Formidable Forms den Besuchern standardmäßig anzeigt.

Change confirmation settings

Um dies zu ändern, geben Sie einfach Ihre eigene Nachricht in den Texteditor ein.

Wenn Sie möchten, können Sie die Besucher nach dem Absenden des Formulars auf eine Seite weiterleiten. Sie könnten zum Beispiel eine individuelle “Danke”-Seite mit einem Drag-and-drop WordPress Page-Builder wie SeedProd erstellen.

ℹ️ Einige unserer Geschäftspartner verwenden SeedProd zur Erstellung ihrer Websites, und wir haben aus erster Hand erfahren, dass es außergewöhnlich gut funktioniert. Erfahren Sie in unserer ausführlichen Rezension zu SeedProd mehr darüber, warum wir es empfehlen.

Um eine Weiterleitung einzurichten, klicken Sie auf die Registerkarte “Weiterleiten zu URL”. Sie können dann einen Link in das Feld “Weiterleitungs-URL” eingeben oder einfügen.

Redirect following a form submission in WordPress

Eine weitere Möglichkeit besteht darin, den Inhalt einer anderen WordPress-Seite anzuzeigen, indem Sie die Registerkarte “Seiteninhalt anzeigen” auswählen.

Sie können dann das Dropdown-Menü “Seite auswählen” öffnen und eine Seite aus der Liste auswählen.

Redirecting to a WordPress page or post after a form submission

Klicken Sie anschließend auf , um den Abschnitt “E-Mail-Benachrichtigung” zu erweitern.

Hier können Sie die Nachricht sehen, die Formidable Forms an Ihren WordPress-Administrator sendet.

Sending an email upon successful form submission

Sie können weitere E-Mail-Adressen hinzufügen, den Text ändern, einen E-Mail-Betreff hinzufügen und vieles mehr.

Danach möchten Sie vielleicht weitere Aktionen hinzufügen, die Formidable Forms ausführt, wenn ein Besucher das Formular abschickt. Scrollen Sie dazu einfach an den oberen Rand der Seite und klicken Sie auf eine der Aktionen.

So können Sie den Besucher beispielsweise automatisch in Ihre E-Mail-Liste von Constant Contact oder ActiveCampaign aufnehmen.

Adding actions to a car payment form

Auf diese Weise kann Formidable Forms zum Wachstum Ihrer E-Mail-Liste beitragen.

Es gibt noch weitere Registerkarten und Einstellungen im linken Menü, die Sie sich ansehen können, aber das reicht aus, um einen Ratenrechner für Autos zu erstellen.

Wenn Sie mit der Einrichtung des Formulars zufrieden sind, klicken Sie auf die Schaltfläche “Aktualisieren”. Nach einigen Augenblicken erhalten Sie die Meldung “erfolgreich aktualisiert”.

Publishing the car loan payment calculator

Hinzufügen des Kfz-Zahlungsrechners zu Ihrer WordPress Website

Jetzt, wo Sie einen Kfz-Zahlungsrechner erstellt haben, ist es an der Zeit, ihn zu Ihrem Online-Shop oder Ihrer WordPress-Website hinzuzufügen. Erstellen Sie einfach eine neue Seite oder öffnen Sie eine bestehende Seite, auf der Sie den Rechner anzeigen möchten.

Klicken Sie dann auf das “+”-Symbol und geben Sie “Formidable Forms” ein. Wenn der richtige Block erscheint, klicken Sie darauf, um ihn der Seite hinzuzufügen.

The Formidable Forms WordPress block

Öffnen Sie dann einfach das Dropdown-Menü “Formular auswählen” und wählen Sie den Zahlungsrechner, den Sie zuvor erstellt haben.

WordPress wird das Formular nun automatisch laden.

Adding car loan calculator to wordpress

Um den Rechner zu aktivieren, klicken Sie einfach auf den Button “Aktualisieren” oder “Veröffentlichen”. Wenn Sie nun Ihre Website besuchen, sehen Sie den Kfz-Zahlungsrechner.

Bonus-Ressourcen 🔗: Wachsen Sie mit Ihrer Autohaus-Website

Damit Sie noch mehr aus Ihrer WordPress Website für Autos herausholen können, haben wir einige verwandte Tutorials und Werkzeuge herausgesucht:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man einen Autokredit-Autozahlungsrechner in WordPress erstellt. Vielleicht interessieren Sie sich auch für unseren ultimativen Leitfaden zur Verwendung von WordPress-Formularen und unseren Meinungsbeitrag zu WPForms vs Gravity Forms vs Fomidable Forms.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

Comments

  1. Congratulations, you have the opportunity to be the first commenter on this article.
    Have a question or suggestion? Please leave a comment to start the discussion.

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.