Saltar para o conteúdo

Integração de iFrame

Com a integração de iFrame, pode incorporar as próximas datas de recolha diretamente no seu próprio website, na sua intranet ou no seu painel local – sem backend. As datas são carregadas como um widget leve e responsivo.


1. Verificar a morada

Visite primeiro a página inicial do binable e certifique-se de que a sua morada é reconhecida e de que as datas de recolha são apresentadas corretamente. binable.


2. Compor o URL do iFrame

O URL do widget aceita os mesmos parâmetros de consulta que o endpoint ICS. Substitua os marcadores pelos dados da sua morada:

https://binable.app/iframe/latest?street=Carl-Severing-Stra%C3%9Fe&houseNumber=91&zip=33649&city=Bielefeld&country=DE
Os carateres acentuados e especiais têm de ser codificados em URL (por exemplo, ü → %C3%BC, ß → %C3%9F).

3. Incorporar o iFrame

Acrescente o seguinte excerto HTML à sua página e ajuste o URL do passo 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 datas de recolha"
  style="border-radius: 10px; border: none;"
></iframe>

A altura e a largura podem ser ajustadas livremente. Para muitos tipos de resíduos, recomenda-se uma altura maior (por exemplo, height="320").


Pré-visualização

Assim se apresenta o widget incorporado (morada de exemplo):


← Vista geral das integrações