Calculator-Widget einrichten

Mit wenigen Schritten können Sie unser Calculator-Widget auf Ihrer Website einrichten.

Version 2.7  –  5.12.2023

Schritt 1

Melden Sie uns, auf welcher Webbseite das Widget freigeschaltet werden soll und wir schalten das Widget für Sie frei.

Schritt 2

Bitte laden Sie folgenden HTML-Code an die Stelle in Ihrem Design-Template, an der der Calculator stehen soll. Dies ist ein HTML Code, der JavaScript von unserer Seite nachlädt:

				
					<div id="calculator-placeholder-twr"></div>
<script src="https://www.realwertpartner.de/apps/min-ck/iframe-setup-realwert-teilwert-reduced-22123-min.js" defer></script>
				
			

Falls Sie z.B. WordPress mit einem Page-Builder wie Blocks oder Elementor nutzen, wählen Sie dafür das „HTML“-Element, damit der Code nicht nur angezeigt, sondern auch ausgeführt wird.

Schritt 3

Ergänzen Sie die Datenschutz-Hinweise auf Ihrer Website um eine Erläuterung, was der eingebettete Rechner macht.

Fehlerbehebung

  • Haben wir Ihnen die Einbettung bereits freigeschaltet?
  • Achten Sie darauf, dass Ihre Website gestattet, fremde Websites in einem iFrame auszuführen. Meist finden Sie hierzu Einstellungen im Security-Plug-in Ihres Content-Management-Systems, falls Sie eins verwenden. Ebenso sollte der sog. „Referrer“ nicht von solch einem Plug-in unterdrückt werden.
  • Bitte achten Sie darauf, dass Sie den Cache ihrer Website leeren. Möglicherweise müssen Sie den Cache für die betreffende Seite auch deaktivieren – oder zumindest das verzögerte Laden von JavaScript deaktivieren.
  • Da der Calculator eine HTML-ID benutzt, darf dieser prinzipbedingt 1x pro Einzelseite vorkommen.
  • Der Rechner sollte beim Laden der Seite bereits sichtbar sein und nicht in einem Akkordeon oder Pop-up-Element verborgen, da JavaScript nicht korrekt funktioniert, wenn der HTML-Zielbereich zunächst „unsichtbar“ ist und erst mit Klick sichtbar wird.

Support

Bei Problemen wenden Sie sich gern direkt an unsere Web-Technik:

TBA-Berlin
Carl Erling
030 – 48 49 28 00
info@tba-berlin.de

Beispiel-Ansicht des Widget