Kürzlich fragte einer unserer Leser nach dem Hinzufügen eines Hypothekenrechners in WordPress.
Ein Hypothekenrechner ist ein nützliches Tool für Immobilien-Websites, da Besucher damit sehen können, ob sie sich die Immobilie leisten können, die sie sich ansehen.
In diesem Artikel zeigen wir Ihnen, wie Sie ganz einfach einen Hypothekenrechner in WordPress hinzufügen.
Was ist ein Hypothekenrechner? Wer braucht es auf seiner Website?
Ein Hypothekenrechner ist ein Tool, mit dem Benutzer Schätzungen für ihre Hypothekenzahlung mit Zinssatz und Amortisationsdauer erhalten können.
Mit einem Hypothekenrechner können Ihre Website-Besucher eine monatliche Zahlung oder einen Zeitraum auswählen, und das Hypothekenrechnerformular berechnet die Kosten basierend auf einem bestimmten Zinssatz.
Wenn Sie eine echte Website mit IDX-Immobilienangeboten erstellen, hilft Ihnen ein Hypothekenrechner dabei, mehr Leads zu erhalten und das Engagement der Benutzer auf Ihrer Website zu erhöhen.
Lassen Sie uns jedoch einen Blick darauf werfen, wie Sie ganz einfach einen Hypothekenrechner in WordPress erstellen.
Erstellen eines WordPress Hypothekenrechners – (Schritt für Schritt)
Das Hinzufügen eines Hypothekenrechners in WordPress war früher ziemlich schwierig. Entweder mussten Sie Ihrer Website einen Code hinzufügen oder einen Hypothekenrechner eines Drittanbieters installieren.
Mit Formidable Forms können Sie jetzt ganz einfach einen Hypothekenrechner mit einer Drag-and-Drop-Oberfläche erstellen.
Formidable Forms ist das fortschrittlichste WordPress-Formular-Builder-Plugin auf dem Markt. Es ermöglicht Ihnen, erweiterte Formulare wie ein Online-Quiz, ein Webverzeichnis, Stellenangebote, Taschenrechner und mehr zu erstellen.
Formidable macht es einfach, erweiterte Formulare zu erstellen, ohne Code schreiben zu müssen. Sie können Funktionen wie bedingte Logik, erweiterte Berechnungen, Datei-Uploads, Repeater-Felder, dynamische vorausgefüllte Felder und mehr verwenden.
Es kommt mit super nützlichen vorgefertigten Vorlagen für mehr als 20 Arten von Formularen. Wir werden ihre Hypothekenrechner-Vorlage als Ausgangspunkt für dieses Tutorial verwenden.
Lass uns anfangen.
Als erstes müssen Sie die installieren und aktivieren Beeindruckende Formen Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Sie benötigen mindestens ihren Geschäftsplan, um die Hypothekenrechnerfunktion nutzen zu können.
Nach der Aktivierung müssen Sie auf die Option „Lizenzschlüssel jetzt hinzufügen“ klicken, um Ihre Lizenzdetails einzugeben.
Dadurch gelangen Sie zur Seite „Globale Einstellungen“, auf der Sie Ihren Formidable Forms-Lizenzschlüssel eingeben müssen.
Sie finden den Lizenzschlüssel in Ihrem Kontobereich auf der Formidable Forms-Website.
Sobald Sie fertig sind, sehen Sie die Erfolgsmeldung der Lizenzaktivierung. Jetzt können Sie Ihre Seite einfach aktualisieren, um die Premium-Funktionen zu laden.
Gehe danach zu Beeindruckend » Formulare um ein neues Formular hinzuzufügen. Dort sehen Sie ein bereits standardmäßig hinzugefügtes Kontaktformular. Fahren Sie fort und klicken Sie auf die Schaltfläche „Neu hinzufügen“, um ein neues Hypothekenrechnerformular zu erstellen.
Auf der nächsten Seite sehen Sie viele vorgefertigte Vorlagen, die Ihnen den schnellen Einstieg erleichtern. Sie müssen die Vorlage für den Hypothekenrechner im Abschnitt Premium-Vorlagen finden.
Sie werden feststellen, dass es zwei Vorlagen für Hypothekenrechner gibt: Einfacher Hypothekenrechner und Erweiterter Hypothekenrechner.
Beginnen wir zunächst mit dem einfachen Hypothekenrechner.
Platzieren Sie Ihren Mauszeiger über der Vorlage, und dann werden Ihnen zwei Schaltflächen angezeigt: Formular erstellen und Vorschau.
Sie müssen auf die Schaltfläche ‚Formular erstellen‘ klicken. Dadurch wird ein Popup-Fenster geöffnet, in dem Sie einen Namen und eine Beschreibung hinzufügen und dann auf die Schaltfläche „Erstellen“ klicken müssen.
Das Plugin lädt nun die Benutzeroberfläche des Formidable Forms-Editors mit Ihrer ausgewählten einfachen Hypothekenformular-Rechnervorlage.
Von hier aus können Sie einfach auf jedes Formularfeld zeigen und klicken, um es nach Bedarf anzupassen.
Sie können beispielsweise die Feldbezeichnung und den Standardwert für das Feld Hypothekenbetrag ändern.
Allerdings müssen Sie beim letzten Feld ‚Monatliche Zahlung‘ vorsichtig sein, da es die Berechnungsformel als Standardwert enthält.
Wenn Sie kein Berechnungsexperte sind, müssen Sie es unverändert lassen.
Nachdem Sie alle Ihre Formularfelder überprüft haben, klicken Sie auf die Schaltfläche Aktualisieren in der oberen rechten Ecke des Bildschirms. Danach können Sie auf das Schließen-Symbol klicken, um den Formulareditor zu verlassen.
Ihr einfacher Hypothekenrechner ist jetzt fertig. Der nächste Schritt besteht darin, ihn zu einer Seite oder einem Beitrag hinzuzufügen, auf der Sie den Rechner anzeigen möchten.
Erstellen Sie einfach eine neue Seite/Beitrag oder öffnen Sie eine bestehende, um den Hypothekenrechner hinzuzufügen. Klicken Sie in Ihrem Seiteneditor auf das Symbol „Neuen Block hinzufügen“ und wählen Sie dann Formidable Forms Gutenberg-Block.
Danach können Sie sehen, wie der Block Formidable Forms Ihrem Seiteneditor hinzugefügt wurde.
Als nächstes müssen Sie das Formular Einfacher Hypothekenrechner in der Dropdown-Option auswählen, und WordPress lädt das Formular automatisch.
Danach können Sie Ihre Seite veröffentlichen oder aktualisieren und dann eine Vorschau anzeigen, um zu sehen, wie der einfache Hypothekenrechner funktioniert.
So sieht es zum Beispiel auf unserer Demo-Website aus.
Erstellen eines erweiterten Hypothekenrechners in WordPress
Der oben gezeigte einfache Hypothekenrechner eignet sich für die grundlegende Hypothekenberechnung. Wenn Sie jedoch Steuern, Versicherungszahlungen, PMI, Beleihungsquote usw. berechnen möchten, benötigen Sie einen erweiterten Hypothekenrechner für Ihre Immobilien-Website.
Mit Formidable Forms ist die Erstellung eines fortschrittlichen Hypothekenrechners auch eine schnelle und unkomplizierte Aufgabe.
Zuerst müssen Sie besuchen Beeindruckend » Formulare Seite und klicken Sie auf die Schaltfläche Neu erstellen, um ein neues Formular hinzuzufügen.
Fahren Sie anschließend mit der Maus über die Vorlage Erweiterter Hypothekenrechner und klicken Sie auf die Schaltfläche Formular erstellen.
Als nächstes öffnet WordPress ein Popup-Fenster, in dem Sie einen Namen und eine Beschreibung für Ihr Formular eingeben und dann auf die Schaltfläche „Erstellen“ klicken können.
Jetzt können Sie jedes Formularfeld anpassen, indem Sie darauf klicken.
Wenn Sie auf ein Feld klicken, werden die Feldoptionen in der linken Spalte angezeigt. Von dort aus können Sie die Feldbezeichnung, den Standardwert usw. ändern.
Sie können die Felder „Erweiterte Optionen der Finanzanalyse“ überprüfen und bearbeiten. Wenn Sie die Berechnungsformeln jedoch nicht kennen, lassen Sie sie am besten unberührt.
Wenn Sie fertig sind, klicken Sie oben rechts auf die Schaltfläche Aktualisieren und dann auf das Symbol Schließen.
Ihr erweitertes Hypothekenrechnerformular ist fertig; Sie können es jetzt Ihren WordPress-Beiträgen, -Seiten, -Seitenleisten oder Immobilienlisten-Seiten hinzufügen
Klicken Sie in Ihrem Seiteneditor auf das Symbol „Neuen Block hinzufügen“ und wählen Sie dann den Block Formidable Forms aus.
Bearbeiten Sie einfach einen Beitrag, eine Seite oder einen Eintrag und fügen Sie den Formidable Forms-Block zu Ihrem Inhaltseditor hinzu.
Wählen Sie in den Blockeinstellungen das Formular Erweiterter Hypothekenrechner aus, das Sie zuvor erstellt haben. Danach lädt WordPress automatisch den Hypothekenrechner in den Seiteneditor.
Jetzt können Sie Ihre Seite veröffentlichen oder aktualisieren und eine Vorschau anzeigen, um zu sehen, wie Ihr Hypothekenrechner aussieht. So sieht der erweiterte Hypothekenrechner von Formidable Forms auf unserer Demo-Website aus.
Wie im obigen Screenshot gezeigt, können Ihre Benutzer mit dem Advanced Mortgage Calculator den Eigenheimwert, Kreditinformationen einschließlich Betrag, Zinssatz, Tilgungsplan, jährliche Steuern, Versicherung und PMI eingeben.
Das Plugin berechnet dann die Daten und zeigt monatliche Zahlungen, Laufzeit und andere Informationen an.
Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie einen Hypothekenrechner in WordPress hinzufügen. Vielleicht möchten Sie auch unsere Liste der besten E-Mail-Marketingdienste und der besten Telefondienste für kleine Unternehmen sehen.