Embeddable widget

Instant Quote Widget

The one that changes the numbers. A visitor answers three or four questions and sees a price built from your packages and the date they picked — not a form that promises somebody will be in touch.
paste before </body>Paste this
1<!-- CaterCloud instant quote — move this div to wherever the form should appear -->
2<div id="catercloud-quote"></div>
3<script src="https://crm.catercloud.io/embed/q/YOUR-EMBED-KEY.js" async></script>
The quote widget ships a loader script rather than a bare iframe — see below for why that is not a detail.

What it does

On your own site, doing real work

Sits on your own site. The visitor picks a package, a date and a headcount; the widget prices it from your menu and your day rates and creates the enquiry in your pipeline with the answers attached.

01 · their site

Your own website

Wherever you already send people. One block of HTML, pasted once.

02 · the widget/embed/quote/<your-key>
03 · your account

Where the result lands

In CaterCloud, against the customer, on the same calendar and pipeline as everything else.

DrawingInstant Quote Widget — where it sits
Sourcesrc/app/(embed)/embed/quote/[key]

01One snippet, no plugin. It works on any site that lets you paste HTML.

02The key in the URL is public by design and scoped to one widget config — it is an address, not a credential.

03It quotes what you have configured. A job with no matching package cannot be priced, and the widget takes the enquiry instead of inventing a number.

04Nothing here needs a CaterCloud-built website. If you have one, the same widget is a section instead of a paste.

Why this one is a script

A quote widget pasted as a bare iframe works perfectly and reports zero conversions.

src/lib/embeds/loaderScript.ts, decision 0067 §6 — the attribution bridge, the generate_lead listener and the auto-resize all live in the PARENT page. On a site we do not render, none of that exists.

It takes enquiries exactly as it should, so nothing looks wrong. What it cannot do is tell your ad account that one of them came from an ad — which is the number you are optimising against. The loader is what carries that across, and it is why this snippet is two lines rather than one.

Questions

What people ask before pasting it

Where does the code go?
Anywhere you can paste HTML — Squarespace, Wix, WordPress, Webflow, a hand-built site. It is one snippet and it does not need a plugin.
Do I need a CaterCloud website to use it?
No. These are built to go on the site you already have. If you do build your site with CaterCloud the widget is a section instead of a paste, but the widget is the same one.
What is the key in the snippet?
Your own embed key, which CaterCloud generates and shows you next to the copy button. The one above is a placeholder — the rest of the snippet is exactly what you will paste.
What can it not do?
It quotes what you have configured. A job with no matching package cannot be priced, and the widget takes the enquiry instead of inventing a number.

By using CaterCloud, you agree to our use of cookies. See our Cookie Policy.