Hypofriend Baufinanzierung-Widget

Danke, dass du dich entschieden hast, das Hypofriend Baufinanzierungs-Widget zu deiner Seite hinzuzufügen. Unser Widget ist responsiv aufgebaut, sodass der Benutzer mit dem Widget auf seinem Telefon, Tablet oder Computer problemlos interagieren kann. Das Widget unterstützt alle modernen Browser (siehe unten für weitere Informationen).

Demo

Widget Props

Einstellen der Standardsprache

Finanzierungsart

Postleitzahl

Tilgungsrate

Immobilienpreis

Ersparnisse

Immobilienwert

Verbleibender Darlehensbetrag

Auszahlungsdatum

Standardprovision

Tracking ID

Kalkulation überspringen

Berechnungen überspringen und Kontaktformular anzeigen.

Testmodus aktivieren

(Im Testmodus werden keine E-Mails versendet.)

So fügst du das Widget deiner Website hinzu

Du kannst den Hypofriend Widget in zwei einfachen Schritten zu deiner Website hinzufügen:

Schritt 1: Es wird empfohlen, das JavaScript-Asset in das <head>-Element am Anfang der Seite einzufügen.

html

Füge das JavaScript-Asset zum <head>-Element hinzu.

Schritt 2: Füge das HTML-Element hypofriend-calculator in deine Hauptseite ein.

html

Bitte achte darauf, dass du alle öffnenden und schließenden Tags hinzufügst.

Wir empfehlen dringend, das Element in einen Container zu packen, damit es sich in das Erscheinungsbild der Seite fügt. Andernfalls kann das Widget 100 % der Seitenbreite einnehmen.

html

Beispiel für das Hinzufügen des Widgets zu einer bestehenden Containerstruktur.

Wie funktioniert das Widget?

Das Widget ermöglicht es dem Benutzer, mögliche Finanzierungsoptionen zu berechnen und festzustellen, wie viel er sich leisten kann. Außerdem kann der Nutzer direkt mit Hypofriend in Kontakt treten. In diesem Fall wissen wir, über welchen Weg er uns kontaktiert hat und können mit ihm in Kontakt bleiben, um sicherzustellen, dass wir für ihn die beste Baufinanzierung finden.

Testmodus aktivieren

Wenn du das Formular abschickst, wird ein neuer Lead an uns übermittelt. In unserem obigen Beispiel haben wir also den Testmodus standardmäßig aktiviert. Dies verhindert, dass wir gefälschte Leads erhalten. Wenn du das Widget zu deiner Seite hinzufügst und es testen möchtest, bitten wir dich, den Testmodus als Attribut für das Widget zu aktivieren.

html

Das Hinzufügen des Attributs testing zum Widget verhindert, dass der Lead erstellt wird.

Das Widget personalisieren

Um auf deine individuellen Bedürfnisse einzugehen, ermöglichen wir es dir, das Widget für deine Zwecke anzupassen. In der obigen Demo kannst du mit den verschiedenen Attributen experimentieren. Du kannst dir das lassen, um zu sehen, wie man Eigenschaften im Widget einstellt.

Name	Type	Default	Description
locale	enum	de	Legt die Standardsprache des Widgets fest. Die Sprache kann vom Benutzer über den Sprachschalter geändert werden. Optionen: `[ "en", "de" ]`
financial-type	enum	purchase	Wird verwendet, um festzulegen, welche Art von Kalkulationen durchgeführt werden sollen. Optionen: `[ "purchase", "refinancing" ]`
property-price	number\|string	400000	Legt den Standardpreis der Immobilie fest. Wird in der "Kauf"-Berechnung verwendet.
down-payment	number\|string	60000	Legt die standardmäßige Anzahlung fest. Wird in der "Kauf"-Berechnung verwendet.
commission	number\|string	0.00	Legt die Standardprovision fest. Der Provisionswert kann zwischen 0 und 3,57 eingestellt werden. Wird in der "Kauf"-Berechnung verwendet.
property-value	number\|string	400000	Legt den Standardwert der Immobilie fest. Wird bei der Berechnung der "Refinanzierung" verwendet.
remaining-loan-amount	number\|string	40000	Legt den Standard-Restbetrag des Darlehens fest. Wird bei der Berechnung der "Refinanzierung" verwendet.
payout-date	string	undefined	Zum Auswählen vom Auszahlungsdatum, das in der Dropdown-Liste vorausgewählt ist. Das Format ist 01/MM/JJJJ, z. B. `"01/10/2022"`. Wird in der Berechnung der "Refinanzierung" verwendet.
repayment	number\|string	undefined	Legt die Rückzahlungsrate fest, mit einem Intervall von 0,5 Stufen. Minimum ist 1, Maximum ist 5. Wird sowohl bei der Berechnung der "Refinanzierung" als auch beim "Kauf" verwendet.
postcode	number\|string	undefined	Legt die Standard-Postleitzahl fest. Die Postleitzahl muss eine 5-stellige, in Deutschland gültige Postleitzahl sein. Wird sowohl bei der "Refinanzierung" als auch bei der "Kauf"-Berechnung verwendet.
tracking-id	string	undefined	Fügt eine eindeutige Tracking-ID hinzu, die beim Speichern des Leads verwendet wird. Diese wird zusammen mit dem Domainnamen / `hostname` abgespeichert.
skip-calculation	boolean	false	Wenn diese Option aktiviert ist, wird keine Übermittlung an die API zur Berechnung der Finanzierungsinformationen vorgenommen. Stattdessen wird direkt zum Kontaktformular weitergeleitet.
testing	boolean	false	Wenn dieser Modus eingestellt ist, findet keine Lead-Übermittlung statt.

Erfassung des vom Formular ausgelösten Ereignisses bei der Übermittlung

Sobald ein Nutzer den Trichter durchlaufen hat, wird eine Funktion aufgerufen, die auf der Hauptseite, in die das Widget eingebettet ist, eingestellt werden kann. So lässt sich diese Funktion nutzen, um den eigenen Code auszulösen. Dies kann zum Beispiel zum Auslösen eines Analyse-Ereignisses verwendet werden.

html

So kann man das ausgelöste Ereignis erfassen, wenn der Lead erstellt wurde.

Welche Browser unterstützt das Widget?

Wir unterstützen alle modernen Browser auf Windows 10, Mac OS, iOS und Android. Dazu gehören Microsoft Edge, Safari, Chrome und Firefox. Wir unterstützen den Internet Explorer 11 nicht, da Microsoft den Browser im August 2021 außer Betrieb genommen hat.

Unsere Datenpolitik für dich und deine Besucher verstehen

Wir haben automatisch einen Link zu unserer Datenschutzrichtlinie als Teil des Kontrollkästchens für die Zustimmung des Benutzers eingefügt, der die Benutzer zu unserer Seite mit den Richtlinien weiterleitet. Das Widget speichert keine Cookies auf deiner Seite, daher ist es nicht erforderlich, dass du eine separate Klausel in deine Datenschutzrichtlinie aufnimmst.

Hinweise zu möglichen Fehlern

Bitte sende eine E-Mail an info@hypofriend.de wenn du Fehler oder Probleme mit deinem Widget feststellst. Bitte gib in deiner E-Mail die folgenden Informationen an, damit wir den Fehler bestmöglich beheben können:

Browser, und wenn möglich, welche Version es ist
Betriebssystem
Gerät: Handy oder Desktop
Wie können wir das Problem, welches du feststellst, nachstellen? Welche Schritte müssen wir unternehmen?