Einrichtung

PV-Rechner auf der WordPress-Website einbinden: Schritt-für-Schritt-Anleitung für Betriebe

WordPress ist bei Handwerksbetrieben eines der meistgenutzten Systeme für die eigene Website – entsprechend häufig taucht die Frage auf, wie sich ein externes Widget wie ein PV-Rechner dort sauber einbinden lässt. Die gute Nachricht: Es sind keine Programmierkenntnisse nötig, nur ein paar Klicks im richtigen Editor-Bereich.

Voraussetzung: der Embed-Code

Bevor Sie in WordPress starten, brauchen Sie den fertigen Embed-Code aus Ihrem PVGenius-Dashboard – ein kurzes Script-Tag, das automatisch Ihr Logo und Ihre Farbe berücksichtigt. Wie Sie diesen Code erhalten, beschreiben wir in In 5 Minuten eingebunden.

Variante 1: Der klassische Block-Editor (Gutenberg)

Öffnen Sie die Seite, auf der der Rechner erscheinen soll, im WordPress-Editor. Fügen Sie einen neuen Block hinzu und suchen Sie nach dem Block-Typ "Benutzerdefiniertes HTML" (englisch: "Custom HTML"). In dieses Feld fügen Sie den Embed-Code unverändert ein. Nach dem Veröffentlichen der Seite erscheint der Rechner an genau dieser Stelle.

Variante 2: Page-Builder wie Elementor oder Divi

Nutzen Sie einen Page-Builder, suchen Sie dort nach einem Element mit der Bezeichnung "HTML" oder "Code" (bei Elementor z. B. das Widget "HTML", bei Divi das Modul "Code"). Ziehen Sie dieses Element an die gewünschte Position und fügen Sie den Embed-Code dort ein – die Vorgehensweise ist mit dem Block-Editor vergleichbar, nur die Bezeichnung des Elements unterscheidet sich je nach Builder.

Variante 3: Direkt im Theme (für Fortgeschrittene)

Falls der Rechner dauerhaft an einer festen Stelle im Theme erscheinen soll (z. B. im Footer oder in einer Sidebar, die auf mehreren Seiten sichtbar ist), lässt sich der Code auch direkt in eine Theme-Datei einfügen. Das sollten Sie nur tun, wenn Sie mit dem WordPress-Theme-Editor vertraut sind, oder Ihre Webagentur damit beauftragen – ein falsch platzierter Code kann sonst das Layout der gesamten Seite durcheinanderbringen.

Häufige Stolperfallen

• Falscher Block-Typ: Wird der Code in einen normalen Text-Block statt in "Benutzerdefiniertes HTML" eingefügt, wird er als reiner Text angezeigt statt ausgeführt.
• Caching-Plugins: Nutzen Sie ein Caching-Plugin, leeren Sie nach dem Einfügen einmal den Cache, damit die Änderung sofort sichtbar wird.
• Mobile Ansicht vergessen: Prüfen Sie die Seite nach der Einbindung auch auf dem Smartphone – die meisten Besucher rufen Handwerker-Websites heute mobil auf.

Nach der Einbindung

Sobald der Rechner sichtbar ist, sollten Sie ihn einmal selbst testweise ausfüllen, um Branding und Funktion zu prüfen. Warum sich dieser Aufwand lohnt und wie Sie danach mehr aus den eingehenden Anfragen herausholen, lesen Sie in Mehr PV-Anfragen über die eigene Homepage.

Geschrieben vom Gründer von PVGenius – aus der täglichen Praxis mit Solarteuren und Heizungsbauern.

Mag. (FH) Ing. – Management & IT, MCI Innsbruck