Adding the estimator to your site

The snippet

This embeds the public demo. A client build gets its own address and configuration.

<iframe
  src="https://quoteflow-studio.pages.dev/embed/epoxy/?brand=Your%20Company&color=1d4ed8"
  title="Floor price estimator"
  width="100%" height="1100"
  style="border:0; max-width:1000px;"
  loading="lazy"></iframe>

Change brand and color in the address to preview your name and colour. Use a 6-digit hex colour without the # sign, or write it as %23.

Live preview

Honest caveats

• Some platforms block or strip iframes. Certain site builders, themes and security plugins do. Test on a staging page first. If it will not embed, a link to a stand-alone page is the fallback.
• Your own site's security policy may refuse it. A Content-Security-Policy with a restrictive frame-src will block the embed until the estimator's address is allowed.
• The height is fixed. The embed does not resize itself. On narrow phones the results are taller, so leave generous height or accept an inner scroll. Check on a real phone.
• Only the embed route can be framed. Other pages on this site refuse framing on purpose.
• Cookies and storage. The estimator sets no cookies and uses no storage, so third-party cookie blocking does not affect it.
• Accessibility. The iframe needs a title, as above. Keyboard and screen-reader use work inside it, but the surrounding page is your responsibility.
• Branding in the address is for previews. On a client build the final name and colour are fixed in the configuration so nobody can alter them with a crafted link.
• Enquiry forwarding is part of a client build only. The demo embed has its form switched off.