iFrame Integration

With the iFrame integration, you can embed the next pickup dates directly into your own website, your intranet or your local dashboard – without a backend. The dates are loaded as a slim, responsive widget.

1. Check address

First visit the müll.io homepage and make sure your address is recognized and the pickup dates are displayed correctly. müll.io.

2. Compose iFrame URL

The widget URL accepts the same query parameters as the ICS endpoint. Replace the placeholders with your address data:

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

Umlauts and special characters must be URL-encoded (e.g. ü → %C3%BC, ß → %C3%9F).

3. Embed iFrame

Add the following HTML snippet to your page and adjust the URL from step 2:

<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="Next pickup dates"
  style="border-radius: 10px; border: none;"
></iframe>

Height and width can be freely adjusted. For many waste types, a larger height is recommended (e.g. height="320").

Preview

This is what the embedded widget looks like (example address):

← Integration overview