Docs

Putting it on your website

The instant quote tool lives on our servers. Your website just points at it with one script tag — you don't need a new website, and you don't need a developer to add it.

The one script tag

Your settings page gives you a ready-to-paste snippet, already filled in with your own link. There's nothing to type by hand.

Three placements

Choose whichever fits the page you're adding it to. You can also use more than one.

Inline on a page

Drops the tool right into the page and sizes itself to fit — no scrollbar. Use this on a dedicated "Get an estimate" or pricing page, where it's the main thing on the page.

<div id="ruuf-calc"></div>
<script src="https://ORIGIN/embed.js?slug=SLUG" async></script>

Floating button

Adds a small button in the corner of every page that slides the tool open in a pop-up panel. Use this when you want it available everywhere without taking up space on any one page. Paste it once, in your site's header or footer, so it loads on every page.

<script src="https://ORIGIN/embed.js?slug=SLUG&mode=sticky" async></script>

Side tab (drawer)

A small tab pinned to the middle of the right edge of the screen that slides a full panel in from the side when clicked. Use this as a lower-profile alternative to the floating button. To use it, take the floating-button snippet above and change mode=sticky to mode=drawer.

<script src="https://ORIGIN/embed.js?slug=SLUG&mode=drawer" async></script>

If a page already has an inline section on it, the side tab hides that section by default so you don't end up with two on one page.

WordPress, Wix, Squarespace, Webflow, GoDaddy, Google Sites

All three snippets are a standard HTML script tag. Any site builder that lets you paste custom HTML or JavaScript onto a page can hold it — usually in a "Custom HTML," "Embed," or "Code" block or widget.

• WordPress: add a Custom HTML block (block editor) or an HTML widget, and paste the snippet.
• Wix and Squarespace: use their "Embed a Code" / "Code Block" element and paste the snippet. Some lower-tier plans on these builders restrict custom code — check your plan if the element isn't available.
• Webflow: use an Embed element and paste the snippet.
• GoDaddy Website Builder: only some GoDaddy plans allow custom HTML/JavaScript. If yours doesn't offer an HTML embed option, this snippet can't be added.
• Google Sites: Google Sites does not allow arbitrary script tags. The calculator can't be embedded there — use the public calculator link instead (below).

The public link

Every account also has its own public page at a link like ruufpro.com/e/your-name. Anyone who opens it gets the same tool, full-page, with no embedding needed. Use this link anywhere a script tag doesn't work: a site builder that blocks scripts, a text message, an email, or a social media bio.

QR code

Your settings page has a QR code that points at your public link. Download it as an SVG (best for print — it scales to any size with no blur) or a PNG (drops into anything that takes an image). Put it on a truck, a yard sign, a flyer, or a business card.

Still stuck? Reply to any email from us.