Intégration iFrame

Avec l'intégration iFrame, vous pouvez intégrer les prochaines dates de collecte directement dans votre propre site web, votre intranet ou votre tableau de bord local – sans backend. Les dates sont chargées comme un widget mince et responsive.

1. Vérifier l'adresse

Visitez d'abord la page d'accueil de müll.io et assurez-vous que votre adresse est reconnue et que les dates de collecte sont affichées correctement. müll.io.

2. Composer l'URL iFrame

L'URL du widget accepte les mêmes paramètres de requête que le point de terminaison ICS. Remplacez les espaces réservés par vos données d'adresse :

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

Les caractères spéciaux doivent être encodés en URL (par ex. ü → %C3%BC, ß → %C3%9F).

3. Intégrer l'iFrame

Ajoutez le fragment HTML suivant à votre page et ajustez l'URL de l'étape 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="Prochaines dates de collecte"
  style="border-radius: 10px; border: none;"
></iframe>

La hauteur et la largeur peuvent être ajustées librement. Pour de nombreux types de déchets, une hauteur plus grande est recommandée (par ex. height="320").

Aperçu

Voici à quoi ressemble le widget intégré (adresse exemple) :

← Aperçu des intégrations