iFrame-integration
Med iFrame-integrationen kan du bädda in de nästa hämtningsdatumen direkt på din egen webbplats, ditt intranät eller din lokala instrumentpanel – utan backend. Datumen laddas som en smal, responsiv widget.
1. Kontrollera adress
Besök först binables startsida och se till att din adress känns igen och att hämtningsdatumen visas korrekt. binable.
2. Sätt ihop iFrame-URL
Widget-URL:en tar emot samma frågeparametrar som ICS-slutpunkten. Ersätt platshållarna med dina adressuppgifter:
https://binable.app/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE
Omljud och specialtecken måste URL-kodas (t.ex. ü → %C3%BC, ß → %C3%9F).
3. Bädda in iFrame
Lägg till följande HTML-snutt på din sida och justera URL:en från steg 2:
<iframe
src="https://binable.app/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE"
width="320"
height="220"
frameborder="0"
scrolling="no"
title="Nästa hämtningsdatum"
style="border-radius: 10px; border: none;"
></iframe>Höjd och bredd kan justeras fritt. För många avfallstyper rekommenderas en större höjd (t.ex. height="320").
Förhandsvisning
Så här ser den inbäddade widgeten ut (exempeladress):