Integrazione iFrame

Con l'integrazione iFrame puoi incorporare le prossime date di raccolta direttamente nel tuo sito web, nella tua intranet o nella tua dashboard locale – senza un backend proprio. Le date vengono caricate come widget leggero e responsivo.

1. Verificare l'indirizzo

Apri prima la home page di binable e assicurati che il tuo indirizzo venga riconosciuto e che le date di raccolta vengano visualizzate correttamente. binable.

2. Comporre l'URL dell'iFrame

L'URL del widget accetta gli stessi parametri di query dell'endpoint ICS. Sostituisci i segnaposto con i dati del tuo indirizzo:

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

I caratteri speciali devono essere codificati per URL (ad es. ü → %C3%BC, ß → %C3%9F).

3. Incorporare l'iFrame

Inserisci il seguente snippet HTML nella tua pagina e adatta l'URL del passaggio 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="Prossime date di raccolta"
  style="border-radius: 10px; border: none;"
></iframe>

Altezza e larghezza possono essere adattate liberamente. Per molti tipi di rifiuti si consiglia un'altezza maggiore (ad es. height="320").

Anteprima

Ecco come appare il widget incorporato (indirizzo di esempio):

← Panoramica delle integrazioni