Rechner einbinden ohne Plugin: WordPress, Wix & Co. (Anleitung 2026)
Einen Rechner auf der eigenen Website einbinden – ganz ohne Plugin. Mit einem einzigen iframe-Schnipsel funktioniert das in WordPress, Wix, Jimdo und jedem anderen Baukasten. Schritt für Schritt erklärt, inklusive Stolpersteine.
Sie möchten einen Stundensatz-, Material- oder Kostenrechner auf Ihrer Website anbieten – aber kein weiteres Plugin installieren? Gute Entscheidung. Für einen eingebetteten Rechner brauchen Sie kein Plugin: Ein einziger iframe-Schnipsel genügt, und der funktioniert in WordPress, Wix, Jimdo, Squarespace, Shopify und jedem anderen System, das HTML erlaubt. Dieser Leitfaden zeigt, warum das die bessere Lösung ist und wie Sie es in wenigen Minuten umsetzen.
Kurz vorab: Ein „Embed" ist ein kleiner HTML-Code, der eine fremde Seite in einem Rahmen (
<iframe>) in Ihre Seite lädt – ähnlich wie ein eingebettetes YouTube-Video. Der Rechner läuft weiter auf dem Quellserver, erscheint aber nahtlos auf Ihrer Seite.
Warum ein iframe besser ist als ein Plugin
Plugins fühlen sich bequem an, bringen aber dauerhafte Lasten mit. Ein iframe-Embed umgeht sie alle:
| Kriterium | Rechner-Plugin | iframe-Embed |
|---|---|---|
| Installation | Plugin suchen, installieren, konfigurieren | Eine Code-Zeile einfügen |
| Sicherheit | Zusätzliche Angriffsfläche, regelmäßige Updates nötig | Kein Code auf Ihrem Server, keine Update-Pflicht |
| Performance | Lädt CSS/JS bei jedem Seitenaufruf | Lädt verzögert (lazy), blockiert Ihre Seite nicht |
| Wartung | Bricht bei WordPress-/PHP-Updates gern | Wird zentral beim Anbieter aktualisiert |
| Kosten | Premium-Funktionen oft kostenpflichtig | Dauerhaft kostenlos |
| Aktualität | Rechenlogik veraltet ohne Update | Anbieter aktualisiert Werte zentral – z. B. neue Steuersätze |
Der letzte Punkt ist im Handwerk besonders wertvoll: Ändert sich ein Steuersatz oder eine Förderhöhe, aktualisiert der Anbieter den Rechner zentral – Ihr eingebetteter Rechner rechnet automatisch mit den neuen Werten, ohne dass Sie etwas tun.
Rechner in WordPress einbinden – ohne Plugin
Bei WordPress kursiert der Irrglaube, für alles brauche man ein Plugin. Für einen Embed nicht. So geht es im Block-Editor (Gutenberg):
- Code besorgen. Wählen Sie auf der Übersicht der einbettbaren Rechner den gewünschten Rechner und kopieren Sie den iframe-Code (Schaltfläche „Code kopieren").
- Seite oder Beitrag öffnen. Bearbeiten Sie die Seite, auf der der Rechner erscheinen soll.
- „Custom HTML"-Block einfügen. Klicken Sie auf das +-Symbol, suchen Sie nach „Custom HTML" (deutsch: „Individuelles HTML") und fügen Sie den Block ein.
- Code einfügen. Setzen Sie den kopierten iframe-Code in den Block ein.
- Vorschau prüfen. Über „Vorschau" sehen Sie den Rechner direkt im Layout – im reinen Editor wird nur der Code angezeigt, das ist normal.
- Veröffentlichen. Speichern bzw. aktualisieren Sie die Seite. Fertig – der Rechner ist live.
Classic Editor: Wechseln Sie oben rechts von „Visuell" auf den Reiter „Text" (HTML-Ansicht) und fügen Sie den Code an der gewünschten Stelle ein.
Page Builder (Elementor, Divi, WPBakery): Nutzen Sie das Widget bzw. Element „HTML" (Elementor: „HTML-Widget", Divi: „Code-Modul") und fügen Sie den iframe dort ein. Kein zusätzliches Plugin nötig.
Andere Website-Baukästen
Das gleiche Prinzip funktioniert überall – Sie suchen jeweils das HTML-/Code-Element:
| Plattform | So binden Sie den iframe ein |
|---|---|
| Wix | Element hinzufügen → „Einbetten" → „HTML einbetten" (iframe-Code einfügen) |
| Jimdo | Inhalt hinzufügen → „Widget/HTML" |
| Squarespace | Block hinzufügen → „Code" → HTML-Modus |
| Shopify | Im Seiten-Editor „</> HTML anzeigen" → Code einfügen |
| Typo3 | Inhaltselement „Reiner HTML-Code" |
| Joomla | Editor auf „Code-Ansicht" umstellen, Code einfügen |
| Statisches HTML | Code direkt an die gewünschte Stelle im Quelltext setzen |
Häufige Stolpersteine – und wie Sie sie lösen
Ein Embed ist robust, aber drei Dinge sorgen erfahrungsgemäß für Stirnrunzeln:
- Die Höhe stimmt nicht / es scrollt im Rahmen. Gute Embeds passen ihre Höhe automatisch an (Auto-Resize per Script). Achten Sie darauf, dass Sie den vollständigen Code inklusive des kleinen
<script>-Teils einfügen – nicht nur das<iframe>-Tag. - „Mixed Content"-Warnung / Rechner lädt nicht. Ihre Seite läuft über
https://, der eingebettete Inhalt muss es auch. Seriöse Anbieter liefern ausschließlich über HTTPS – prüfen Sie, dass diesrc-Adresse mithttps://beginnt. - AMP-Seiten. Auf AMP-Seiten sind normale iframes eingeschränkt; nutzen Sie dort
amp-iframeoder verlinken Sie den Rechner stattdessen. Auf normalen Seiten gibt es diese Einschränkung nicht.
Wird der Rechner nach dem Einfügen nicht angezeigt, leeren Sie zuerst den Seiten-Cache (Caching-Plugin / Hosting-Cache) – oft ist nur eine alte Version zwischengespeichert.
DSGVO: Worauf Sie beim Einbetten achten
Ein iframe lädt Inhalte von einer fremden Domain – datenschutzrechtlich gilt das Gleiche wie bei eingebetteten Karten oder Videos. Entscheidend ist, was der eingebettete Dienst tut:
- Setzt der Rechner keine Cookies und kein Tracking ein und überträgt er keine personenbezogenen Daten, ist die Einbindung unkritisch. Ein reiner Rechner, dessen Eingaben im Browser des Nutzers bleiben, fällt darunter.
- Nennen Sie den eingebetteten Dienst dennoch der Vollständigkeit halber in Ihrer Datenschutzerklärung.
Die Rechner von Clean Invoice sind genau dafür gebaut: Sie laufen vollständig im Browser, setzen keine Cookies und übertragen keine Eingaben – die Übersicht aller einbettbaren Rechner zeigt jeden Rechner mit Live-Vorschau und fertigem Code.
Was Sie davon haben
Ein eingebetteter Rechner ist mehr als Deko: Wer auf Ihrer Seite seinen Stundensatz oder seine Materialkosten ausrechnet, bleibt länger, kommt wieder und verbindet den Nutzen mit Ihrem Betrieb. Für Innungen, Steuerberater, Lohnbüros und Fachblogs ist das ein einfacher Weg, aus einer statischen Seite ein nützliches Werkzeug zu machen – ohne Entwickler, ohne Plugin, ohne laufende Kosten.
Häufige Fragen
Brauche ich für einen Rechner wirklich kein Plugin?
Nein. Ein eingebetteter Rechner wird per iframe geladen – das ist Standard-HTML, das jeder Browser und jedes CMS versteht. Ein Plugin würde nur zusätzliche Angriffsfläche, Ladezeit und Wartung bedeuten, ohne Vorteil gegenüber dem iframe.
Verlangsamt der eingebettete Rechner meine Website?
Nein, wenn der Embed lazy lädt (verzögert beim Scrollen). Der Rechner läuft auf dem Server des Anbieters, nicht auf Ihrem – Ihre Seite muss nur den kleinen Rahmen anzeigen. Auf den Ladewert (Core Web Vitals) Ihrer Seite wirkt sich ein gut gebauter Embed kaum aus.
Passt sich die Höhe des Rechners automatisch an?
Bei guten Embeds ja: Ein kleines Script meldet die Inhaltshöhe an die Seite, sodass kein Scrollbalken im Rahmen entsteht. Voraussetzung ist, dass Sie den vollständigen Code inklusive Script einfügen, nicht nur das iframe-Tag.
Ist das Einbetten kostenlos?
Bei Clean Invoice ja – dauerhaft, ohne Konto und ohne Ansichtslimit. Wir bitten lediglich darum, die Quellenangabe („Kostenloser Rechner von Clean Invoice") unter dem Rechner stehen zu lassen.
Funktioniert das auch auf einer mobilen Seite?
Ja. Die Rechner sind responsiv und passen sich der Breite des Rahmens an. Setzen Sie den iframe in einen normalen Inhaltsbereich, skaliert er auf dem Smartphone automatisch mit.
Muss ich den Code aktualisieren, wenn sich Steuersätze ändern?
Nein. Genau das ist der Vorteil des iframe gegenüber einem Plugin: Die Rechenlogik liegt beim Anbieter und wird zentral aktualisiert. Ihr eingebetteter Rechner rechnet automatisch mit den neuen Werten weiter – Sie müssen nichts ändern.
Jetzt loslegen: Auf der Übersicht der einbettbaren Rechner wählen Sie Ihren Rechner, sehen eine Live-Vorschau und kopieren den fertigen Code – einbindbar in WordPress, Wix und Co. in unter zwei Minuten.
Fenster- & Bauelemente-Experte, Unternehmer
Veröffentlicht: 15. Juni 2026
John Neufeldt ist Unternehmer im Handwerk und Inhaber von Meylen.de (Fenstersysteme) sowie Garten-Eifel.de (GaLaBau). Sein Werdegang führt von der Fenstermontage über Schüco-zertifizierte Fertigung bis zur Geschäftsführung eines Fensterproduktionswerks. Auf Clean Invoice teilt er sein Praxiswissen zu Fenstern, Haustüren, Garagentoren und Betriebsführung im Handwerk.