SlimThuis — Embed instructies

Op technischeserviceassen.nl (jouw eigen site)

Zet het bestand slimthuis.astro in: src/pages/slimthuis.astro

De calculator is dan live op: https://technischeserviceassen.nl/slimthuis

Elke keer dat je het bestand aanpast in GitHub → Cloudflare Pages deploy automatisch → alle embedded versies updaten mee.

Op ELKE andere website embedden

Plak dit stukje HTML op de gewenste plek:

<iframe
  src="https://technischeserviceassen.nl/slimthuis"
  width="100%"
  height="750"
  frameborder="0"
  style="border:none; border-radius:12px; display:block;"
  title="SlimThuis energiebesparing calculator">
</iframe>

Dat is alles. De calculator werkt direct.

Aanpassen

Alles staat in één bestand: src/pages/slimthuis.astro

Wat je makkelijk kunt aanpassen:

• Prijzen (zoek op ”€ 549” en ”€ 17,50”)
• Besparingsberekeningen (de getallen in de berekenBesparing() functie)
• Apparatenlijst (de check-item elementen in de HTML)
• Kleuren (de :root variabelen bovenin de CSS)
• E-mailadres (zoek op “[email protected]”)

Aanpassen → opslaan → GitHub pushen → live binnen 2 minuten.