Integracja iFrame

Dzięki integracji iFrame możesz osadzić najbliższe terminy odbioru odpadów bezpośrednio na własnej stronie internetowej, w intranecie lub na lokalnym pulpicie nawigacyjnym – bez backendu. Terminy są ładowane jako lekki, responsywny widget.

1. Sprawdź adres

Najpierw odwiedź stronę główną binable i upewnij się, że Twój adres jest rozpoznawany, a terminy odbioru odpadów są wyświetlane poprawnie. binable.

2. Utwórz adres URL iFrame

Adres URL widgetu przyjmuje te same parametry zapytania co endpoint ICS. Zastąp symbole zastępcze danymi swojego adresu:

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

Umlauty i znaki specjalne muszą być zakodowane w formacie URL (np. ü → %C3%BC, ß → %C3%9F).

3. Osadź iFrame

Dodaj następujący fragment kodu HTML do swojej strony i dostosuj adres URL z kroku 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="Najbliższe terminy odbioru odpadów"
  style="border-radius: 10px; border: none;"
></iframe>

Wysokość i szerokość można dowolnie dostosować. Przy wielu rodzajach odpadów zalecana jest większa wysokość (np. height="320").

Podgląd

Tak wygląda osadzony widget (przykładowy adres):

← Przegląd integracji