SOLAR-KONFIGURATOR · WHITELABEL

Solar-Konfigurator als Widget für jeden Solar-Anbieter

Embeddable JavaScript-Widget mit Satelliten-Dachanalyse, KPI-Dashboard und Lead-Versand. 5-Minuten-Setup, vollständig whitelabel, 100 % mobil-optimiert, DSGVO-konform.

Live-Demo ansehen Installation Doku
  • 5-Min-Setup
  • DSGVO-konform
  • ~24 KB gzipped
  • Mobile-First
  • Eigene API-Keys
Features

Alles drin, was Solar-Anbieter brauchen

Von Satelliten-Dachanalyse bis DSGVO-konformem Lead-Versand. Ohne Drittanbieter-Abos, ohne SaaS-Lock-In.

Satelliten-Dachanalyse

Google Solar API liefert echte Building-Insights: Modul-Anzahl, Dachfläche, Sonnenstunden, Azimuth — pro Adresse.

Whitelabel-Theming

Farben, Logo, Schrift, Border-Radius vollständig konfigurierbar per data-Attributen — keine Code-Änderung nötig.

Floating-Button-Modus

Optional als FAB unten rechts auf jeder Seite. Klick öffnet Fullscreen-Modal mit Slide-up-Animation.

Mobile-First

100 % responsiv, Touch-Targets ≥44pt, Safe-Area-aware (iOS Notch + Home-Indicator), Bottom-Sheet auf Mobile.

PHP-Mail-Lead

Lead per einer einzigen PHP-Datei — funktioniert auf All-Inkl, Strato, IONOS. Keine Drittanbieter, keine API-Kosten.

DataLayer-Tracking

Feuert SoCare-Standard-Events automatisch: quiz_start, scFormSubmit (mit gehashten userDetails). GTM-ready.

DSGVO-konform

Honeypot, Rate-Limiting, IP-Anonymisierung, Pflicht-Datenschutz-Checkbox, Lazy-Load von Google Maps.

Mehrsprachig

DE/EN out-of-the-box. Strings über i18n-Modul leicht erweiterbar. Locale-aware Number-Formatting.

Schlankes Bundle

Nur ~24 KB gzipped. Maps-API erst nach Adress-Auswahl geladen. Kein Performance-Hit für Hostseite.

So einfach

3 Schritte. 5 Minuten. Live.

Du brauchst: Eine Webseite, PHP-Hosting (z. B. All-Inkl), einen Google-Cloud-Account.

  1. Embed-Snippet einsetzen

    Ein einziges <script>-Tag auf deiner Webseite — fertig. FAB schwebt unten rechts.

  2. lead.php hochladen

    Universelle PHP-Datei aus dem Repo, eine Zeile editieren (Empfänger-Mail), per FTP hochladen.

  3. Google-Cloud-Key

    3 APIs aktivieren (Maps, Places, Solar), Schlüssel mit HTTP-Referrer-Restriktion auf deine Domain. Fertig.

Live-Demo

Einfach Adresse eingeben

Voll funktionsfähige Demo unten — gib eine echte deutsche Adresse ein und sieh die Satelliten-Dachanalyse in Echtzeit.

Live-Demo mit echtem Google-API-Key (domain-restricted auf solarrechner.so-care.de). Lead-Versand in Demo deaktiviert.

FAQ

Häufige Fragen

Du hast eine Frage, die hier nicht steht? Schreib uns.

Was kostet die Google-Solar-API?

Google bietet ein Free-Tier von $200 pro Monat an Cloud-Credits, das für die meisten Solar-Anbieter ausreicht. Solar API Building Insights kostet $0,01–$0,10 pro Call, Maps JavaScript API $7 pro 1000 Loads, Places Autocomplete $2,83 pro 1000 Anfragen. Bei einer typischen Nutzung mit 1000 Besuchern monatlich liegen die Gesamtkosten oft bei null Euro.

Funktioniert das Solar-Widget auf All-Inkl, Strato oder IONOS?

Ja, vollständig. Das Widget ist eine statische JavaScript-Datei. Der mitgelieferte lead.php-Endpoint nutzt PHP mail() — funktioniert nativ auf All-Inkl, Strato, IONOS, Webhostone und allen klassischen PHP-Hostings. Kein Hetzner, kein Docker, keine Drittanbieter nötig.

Wie lange dauert der Setup für einen neuen Kunden?

Etwa 5 Minuten: 1) Embed-Snippet in die Webseite einsetzen. 2) lead.php hochladen und die Empfänger-E-Mail eintragen. 3) Google-Cloud-API-Key erstellen und HTTP-Referrer-Restriktion setzen. Anschließend ist das Widget live. Mit dem mitgelieferten Solar-Boilerplate ist auch die SEO-konforme Hostseite in 5 Minuten aufgesetzt.

Ist der Solar-Rechner DSGVO-konform?

Ja. Das Widget integriert mit Google Consent Mode v2, lädt Google Maps erst nach Adress-Auswahl (lazy), anonymisiert IPs in den Lead-Mails und enthält eine Pflicht-Datenschutz-Checkbox vor dem Lead-Versand. Honeypot-Spam-Schutz und Rate-Limiting sind eingebaut. Lead-Daten gehen direkt an den Kunden-Server, nicht an SoCare oder Dritte.

Ist das Widget mobil optimiert?

Ja, vollständig. Mobile-First-Design mit Touch-Targets ≥44 Pixel, Safe-Area-Padding für iOS-Notch und Home-Indicator, Bottom-Sheet-Modal auf Mobile, Sticky-CTA, 100 dvh Fullscreen, smoothe Slide-up-Animationen mit Reduced-Motion-Support. Getestet auf iPhone SE bis iPad Pro.

Was ist der Unterschied zwischen Inline-Embed und Floating-Button-Modus?

Im Inline-Embed wird das Widget direkt auf einer Seite angezeigt — ideal für eine dedizierte Solar-Rechner-Unterseite. Im Floating-Button-Modus erscheint stattdessen ein schwebender Action-Button auf jeder Seite, der bei Klick ein Fullscreen-Modal mit dem kompletten Konfigurator öffnet. Der Floating-Modus erfordert nur EIN Script-Tag und keinen Container-Div.

Kann ich Farben, Logo und Schrift an mein Branding anpassen?

Ja, vollständig per data-Attributen: data-color-primary, data-color-accent, data-logo (URL), data-font (Google Font Name), data-radius (sharp/soft/rounded). Das Widget passt sich vollständig an dein Corporate Design an. Plus dezenter „Powered by SoCare"-Footer.

Wie funktioniert der Lead-Versand?

Das Widget POSTet eine JSON-Anfrage mit allen Lead-Daten an einen lead.php-Endpoint auf deinem eigenen Hosting. Das mitgelieferte Skript verifiziert den Honeypot, prüft Rate-Limits, baut eine HTML-Mail mit Anlagenkonfig und Kartenlink und sendet sie via PHP mail() an deine konfigurierte Empfänger-Adresse. Keine Drittanbieter, keine API-Keys, keine laufenden Kosten.

Whitelabel-Lizenzierung gefällig?

Schreib uns, wir richten dein Solar-Widget ein und binden es in deine Webseite ein. Pauschal-Setup oder individuell — wie du willst.

Anfrage senden