Skip to content

Installation guide

Embed your quote calculator

Copy your calculator's unique snippet and paste it anywhere on your website. No coding experience required — it works on every platform.

Step 1 — Find your embed snippet

Log in to your Quotr dashboard, open any calculator and go to the Embed step (step 5). You'll see your personalised iframe and script snippets ready to copy.

Step 2 — Add it to your website

Replace your-slug with your actual embed slug from the dashboard. Select your platform below:

Paste this HTML wherever you want the widget to appear:

<iframe
  src="https://quotr.us/q/your-slug"
  style="width:100%;border:none;min-height:600px;"
  title="Quote calculator"
  loading="lazy"
></iframe>

Need help? Preview your calculator

Step 3 — Test it

Preview your live calculator at quotr.us/q/your-slug. The widget automatically resizes to fit its content and works on mobile and desktop.

Common questions

Will the calculator resize automatically?

Yes — the Script tag embed uses postMessage to resize the iframe to fit the content height. The plain iframe embed uses a fixed min-height; you can adjust it in the style attribute.

Can I embed the same calculator on multiple pages?

Absolutely. Copy the same snippet to as many pages as you like.

Does it work inside a cookie-consent wall?

Yes. Quotr does not set any third-party cookies, so it loads before consent dialogs fire.

Can I style the widget to match my brand?

Yes — set your primary colour, background colour, and text colour in your business settings. These apply instantly to all your embedded calculators.