Für Makler, Finanzberater & Immobilien-Websites

Immobilien-Rechner kostenlos einbinden

Der Cashflow-Rechner als Widget auf Deiner Website — mit zwei Zeilen HTML eingebaut. Aussehen, Farben und Umfang passt Du an Deine Seite an.

  • kostenlos
  • ohne Cookies
  • in 2 Minuten
  • automatische Höhe
Kostenlos starten Live-Demo ansehen →

In wenigen Schritten eingebaut

  1. 1

    Account anlegen

    Leg Dir einen kostenlosen Account an. Der Embed-Key wird Deinem Konto zugeordnet — alle späteren Änderungen (neue Domain, Farben, Logo) laufen darüber.

  2. 2

    Embed-Key anfordern

    Schreib uns eingeloggt über das Kontaktformular mit der Domain, auf der der Rechner laufen soll. Du bekommst einen persönlichen 16-stelligen Schlüssel — die Antwort landet in Deinem Konto-Postfach.

  3. 3

    Snippet einfügen

    An der Stelle Deiner Seite, an der der Rechner erscheinen soll (IHR-EMBED-KEY durch Deinen Schlüssel ersetzen): 

    <div data-cfr-embed data-embed-key="IHR-EMBED-KEY"></div>
<script async src="https://cashflowrechner.de/embed/v1/cashflow.js"></script>
  4. 4

    Fertig

    Der Rechner erscheint mit automatischer Höhe. Darunter steht ein kleiner Hinweis „Immobilien-Rechner bereitgestellt von cashflowrechner.de" — der bleibt sichtbar, das ist die einzige Gegenleistung für die kostenlose Nutzung.

Warum das Widget?

Kein Tracking, keine Cookies

Reine Rechenwerte ohne Personenbezug — kein Cookie-Banner, keine Einwilligung nötig. Ein Satz in Deiner Datenschutzerklärung genügt.

Automatische Höhe

Der Rahmen passt sich dem Inhalt an — keine abgeschnittenen Inhalte, keine doppelten Scrollbalken, sauber auf Mobil.

An Deine Seite angepasst

Logo, Farben, Schrift und Ergebnis-Bausteine pro Key konfigurierbar — der Hintergrund kann transparent sein und mit Deiner Seite verschmelzen.

Mehr Verweildauer

Besucher rechnen direkt im Exposé den Cashflow — länger auf der Objektseite, ein konkreter Gesprächsaufhänger, ein Service, den die Konkurrenz nicht hat.

Live-Demo ansehen (neuer Tab) — eine echte Beispiel-Maklerseite auf fremder Domain, mit dem Rechner mitten im Objekt-Exposé. Genau so sieht es auf Deiner Seite aus.

Ausführliche Anleitung

So funktioniert die Einbindung technisch

Das Snippet besteht aus zwei Teilen: Der <div> ist der Platzhalter — dort erscheint der Rechner. Das <script> lädt unseren Loader, der den Platzhalter findet und den Rechner hineinsetzt. Das async-Attribut sorgt dafür, dass Deine Seite dabei nicht ausgebremst wird: Sie lädt und rendert ganz normal weiter, der Rechner erscheint, sobald er bereit ist.

Der Rechner läuft in einem isolierten Rahmen (iframe) auf unserer Infrastruktur. Das hat zwei angenehme Folgen: Erstens kann unser Code Deine Seite technisch nicht verändern — Dein Design, Deine Skripte und Deine Daten bleiben unberührt. Zweitens können umgekehrt Deine Stylesheets den Rechner nicht versehentlich „zerschießen".

Wo füge ich das Snippet ein?

  • WordPress: Block „Individuelles HTML" (Gutenberg) bzw. ein HTML-Widget einfügen und das Snippet hineinkopieren. Bitte nicht in den visuellen Editor — der wandelt Code gern um.
  • Andere CMS / Baukästen: Jedes System mit einem „HTML-Element" oder „Code-Block" funktioniert (Jimdo, Wix, Squarespace, TYPO3, Joomla …). Snippet in genau so ein Element kopieren.
  • Eigene HTML-Seite: Snippet an die gewünschte Stelle im <body> setzen.

Das Widget füllt die volle Breite seines Umfelds aus — auf schmalen Spalten wird es automatisch schmaler, auf Mobilgeräten stapelt es sich passend. Ein Container mit 600–900 px Breite ist ideal.

Datenschutz — kein Cookie-Banner nötig

Das Widget setzt keine Cookies, legt keine Daten im Browser Deiner Besucher ab und überträgt keine personenbezogenen Daten. Die eingegebenen Zahlen (Kaufpreis, Miete …) sind reine Rechenwerte ohne Personenbezug. Für Deine Datenschutzerklärung genügt ein Hinweis, dass ein Rechen-Widget der cashflowrechner.de (Betreiber: Lars Sert, Wolfsburg) eingebunden ist, das beim Laden technisch bedingt die IP-Adresse verarbeitet — wie jeder eingebundene Inhalt. Details in unserer Datenschutzerklärung.

Die eine Bedingung: der Herkunfts-Hinweis

Der Basis-Embed ist kostenlos. Im Gegenzug rendert der Loader unter dem Widget einen kleinen Hinweis mit Link: „Immobilien-Rechner bereitgestellt von cashflowrechner.de". Er ist Teil der Nutzungsvereinbarung und darf nicht entfernt oder per CSS versteckt werden — zugleich ist er die Transparenz gegenüber Deinen Besuchern, von wem die Berechnung stammt. Wird er entfernt, können wir den Embed-Key deaktivieren.

Anpassung an Deine Seite

Pro Embed-Key konfigurieren wir für Dich: Dein Logo im Widget-Kopf, Deine Farben (Akzentfarbe, Hintergrund- und Kartenfarbe, Textfarbe — der Hintergrund kann auch transparent sein), Deine Schriftart und welche Ergebnis-Bausteine angezeigt werden (Rendite-Kennzahlen, Kostenaufschlüsselung, Verlaufs-Diagramm). Sag uns einfach bei der Key-Anfrage, was Du möchtest — Änderungen sind jederzeit möglich, ohne dass Du Dein Snippet anfassen musst.

Bei der Schrift gibt es zwei Wege: Entweder wir hinterlegen Deine Wunsch-Schriftart fest, oder das Widget übernimmt automatisch die Schrift Deiner Seite. Die automatische Übernahme funktioniert zuverlässig mit System- und websicheren Schriften (Georgia, Verdana, Arial …); speziell lizenzierte Web-Fonts können aus technischen und Lizenz-Gründen nicht automatisch mitgeladen werden — dafür hinterlegen wir die nächstliegende Alternative.

Mehrere Rechner auf einer Seite

Du kannst mehrere Platzhalter-<div>s auf derselben Seite verwenden. Das <script>-Tag muss nur einmal pro Seite vorhanden sein; doppelt eingefügt richtet es aber auch keinen Schaden an.

Dein Embed-Key und Deine Domain

Der Embed-Key ist an die Domain(s) gebunden, die Du uns bei der Anfrage nennst (z. B. www.deine-domain.de und deine-domain.de). Auf fremden Domains funktioniert er nicht — so kann niemand Deinen Key kopieren und woanders verwenden. Neue Domain (Relaunch, Landingpage)? Kurze Nachricht genügt, wir schalten sie frei.

Wenn etwas nicht funktioniert

  • Es erscheint gar nichts: Prüfe, ob beide Zeilen des Snippets vorhanden sind und der Embed-Key exakt übernommen wurde (16 Zeichen, keine Leerzeichen). Die Browser-Konsole (F12 → „Konsole") zeigt dann eine Meldung von „[cashflowrechner.de Embed]".
  • Nur ein leerer Kasten: Vermutlich ist die Domain noch nicht für Deinen Key freigeschaltet — kurze Nachricht an uns mit Key und Domain.
  • Der Rechner wird abgeschnitten: Dein CMS beschneidet vermutlich die Höhe des Containers. Gib dem umgebenden Element keine feste Höhe — das Widget bringt seine Höhe selbst mit.
  • Alles andere: Kontakt — wir schauen uns Deine Einbindung direkt an.

Bereit? Embed-Key anfordern

Account anlegen, kurz Deine Domain(s) (optional Logo & Wunschfarbe) schicken — Du bekommst den Key mit fertigem Snippet in Dein Konto-Postfach, in der Regel innerhalb eines Werktags.

Kostenlos Account anlegen Zum Kontaktformular