iFrame Integration

Mit der iFrame-Integration kannst du die nächsten Abfuhrtermine direkt in deine eigene Website, dein Intranet oder dein lokales Dashboard einbetten – ohne eigenes Backend. Die Termine werden als schlankes, responsives Widget geladen.

1. Adresse prüfen

Rufe zuerst die Startseite von müll.io auf und stelle sicher, dass deine Adresse erkannt wird und die Abfuhrtermine korrekt angezeigt werden.

2. iFrame-URL zusammenstellen

Die Widget-URL nimmt dieselben Query-Parameter entgegen wie der ICS-Endpunkt. Ersetze die Platzhalter mit deinen Adressdaten:

https://müll.io/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE

Umlaute und Sonderzeichen müssen URL-kodiert werden (z. B. ü → %C3%BC, ß → %C3%9F).

3. iFrame einbetten

Füge den folgenden HTML-Schnipsel in deine Seite ein und passe die URL aus Schritt 2 an:

<iframe
  src="https://müll.io/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ächste Abfuhrtermine"
  style="border-radius: 10px; border: none;"
></iframe>

Höhe und Breite lassen sich frei anpassen. Für viele Müllarten empfiehlt sich eine größere Höhe (z. B. height="320").

Vorschau

So sieht das eingebettete Widget aus (Beispieladresse):

← Übersicht der Integrationen