Skip to main content

iframe integration

Single entry point:

https://public-web.wast-o.com/?page={page}&embed=1&cityId={cityId}

embed=1 hides the header and chatbot.

pageContent
calendrierCollection calendar
infoSorting info
centres-de-triRecycling centres
challengesChallenges
calendrier-pdfAddress search → sector → PDF
ParamRequiredDescription
pageyesModule
embedrecommended1 for embed mode
cityIdyesCity UUID
placeIdnoSector (calendar)
cityGroupIdnoWiden street search (calendrier-pdf)
accentColornoAccent colour
placeholdernoSearch placeholder
yearnoPDF year
previewnoPDF preview: below (default), side, none
previewHeightnoPreview height in pixels (otherwise full sheet)
previewWidthnoPreview width in pixels

Do not use /calendar (use page=calendrier). There is no /quiz iframe page.

<iframe
src="https://public-web.wast-o.com/?page=calendrier&embed=1&cityId=city-uuid&placeId=place-uuid"
width="100%"
height="600"
style="border: 0; border-radius: 16px"
loading="lazy"
title="Wast'O collection calendar"
></iframe>

Ready-made components: PublicWebEmbed, RecyclingInfoEmbed, RecyclingCentersEmbed, CalendarPdfEmbed (@wasto/react-components).

CSP: frame-src https://public-web.wast-o.com;

The PDF widget posts { source: 'wasto', type: 'wasto:embed-resize', height } so the host can grow the iframe. React / Vue / Svelte wrappers listen automatically. Use React callbacks or the public API for other modules.