Contact us

Commonplace embedded wherever you like

Commonplace can be embedded as an iframe almost anywhere - on a website, blog, or even inside another Commonplace! This creates a seamless experience, where users can contribute to Commonplace without having to leave your site. It is fully interactive - users can explore the map or answer a survey from within the embed.

Embedded map example

Embedded proposal/survey tile example

Embedded full project example

How does it work?

The embedding process is simple:

  1. Open the code editor or iframe embed tool on your website
  2. Insert the following:
    <iframe style="margin: 0px auto; display: block; border: 1px solid #ddd;" src="" width="1000" height="600"></iframe>
  3. The src field should be the URL of the Commonplace page you'd like to embed, followed by ?embed=true
  4. The final product should look something like:
    <iframe style="margin: 0px auto; display: block; border: 1px solid #ddd;" src="https://democontent.commonplace.is/en-GB/map/heatmap?embed=true" width="1000" height="600"></iframe>
  5. Adjust the width, height and styling if required.