Integración con iFrame

Con la integración de iFrame, puede incrustar las próximas fechas de recogida directamente en su propio sitio web, su intranet o su panel local, sin backend. Las fechas se cargan como un widget ligero y adaptable.

1. Comprobar dirección

Visite primero la página de inicio de binable y asegúrese de que su dirección se reconoce y de que las fechas de recogida se muestran correctamente. binable.

2. Componer la URL del iFrame

La URL del widget acepta los mismos parámetros de consulta que el endpoint ICS. Sustituya los marcadores de posición por los datos de su dirección:

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

Las diéresis y los caracteres especiales deben codificarse en URL (p. ej., ü → %C3%BC, ß → %C3%9F).

3. Incrustar el iFrame

Añada el siguiente fragmento de HTML a su página y ajuste la URL del paso 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="Próximas fechas de recogida"
  style="border-radius: 10px; border: none;"
></iframe>

La altura y la anchura pueden ajustarse libremente. Para muchos tipos de residuos, se recomienda una altura mayor (p. ej., height="320").

Vista previa

Este es el aspecto del widget incrustado (dirección de ejemplo):

← Vista general de integraciones