Skip to main content

Embedding the configurator

Embedding the configurator in a website​

To place your Innobrix project on your (project) website, use an HTML iframe or embed element. A web developer will typically handle implementing these elements.

Depending on the URL, you can embed a link to the entire neighborhood or a deeplink to a specific lot or parcel within the project.

Do not use a short URL for embedding!

Because short URLs expire, do not use them to embed your projects.

For the site admin​

  • Create a CNAME record in DNS with:
    • innobrix.yourWebsiteDomain.nl CNAME studio.innobrix.net
  • Use the full page width so the configurator looks its best.
  • Choose a maximum height of 900 px; this fits common 1080 px monitor heights accounting for browser tabs, address bar, header, footer, etc.
DNS Records

Some providers (such as TransIP) do not allow the full record as an entry. In that case, enter:

  • innobrix CNAME studio.innobrix.net
Let us know!

Note: after creating the CNAME record, Innobrix must perform a few webserver-related steps, which can only happen once the CNAME exists. When done, email service@innobrix.nl.

Example URL for a complete neighborhood or plan​

https://innobrix.yourWebsiteDomain.nl/view/innobrix-showcase/demo-wijk-(2023)/f2059667-255d-4015-ba9b-aa0582f6c499

Replace yourWebsiteDomain with the domain where the project is embedded.

Example URL for a single home​

https://innobrix.yourWebsiteDomain.nl/view/innobrix-showcase/demo-wijk-(2023)/f2059667-255d-4015-ba9b-aa0582f6c499/83bf3355-55e5-42e8-98a9-3e21f19d22f6/b0b84dfa-d9cf-46f0-93e0-5facb2382310

Replace yourWebsiteDomain with the domain where the project is embedded. Note that a home URL is one level deeper than the link for a full plan.

Example code snippet​

<div style="height: 800px;"><embed style="padding: 0;margin: 0" src="https://innobrix.yourWebsiteDomain.nl/view/innobrix-showcase/demo-wijk-(2023)/f2059667-255d-4015-ba9b-aa0582f6c499"></embed></div>
Original URL

While you can still embed the original URLs (e.g., starting with https://studio.innobrix), this may cause issues for Safari users due to Apple's domain policies.

Despite our best efforts, we cannot guarantee performance of an embedded configurator because it can be affected by other site elements beyond our control.