Getting Started with EmbedQuote

This guide walks through the entire process of building and embedding your first pricing calculator — from signing up to seeing your quote tool live on your website. The whole thing takes about 10 minutes.

Step 1: Create your account

Sign up for EmbedQuote with your email and a password. After signing up, you'll receive a verification email — click the link to activate your account, then head to your dashboard.

The dashboard is where all your calculators live. You can create multiple calculators for different services, manage them independently, and embed each one on a different page or site.

Step 2: Add your fields

Click New Calculator from the dashboard. You'll first enter some basics — a name (what visitors see as the widget title), a short description, your currency, and an optional base price (a minimum rate or starting fee added before any field adjustments). Once those are set, you move into the two-step builder.

Fields are the inputs visitors use to configure their quote. EmbedQuote supports three types:

Number inputs

Use these for anything that's a quantity — number of rooms, square footage, headcount, hours of service. You'll give each one a label, a default value, and optional minimum and maximum constraints.

Dropdowns

Use dropdowns for mutually exclusive choices: service tier, visit frequency, region, or product type. Each option in the dropdown gets a label. Pricing for each option is set in the next step.

Checkboxes

Use checkboxes for optional add-ons — things like a deep clean upgrade, window cleaning, or laundry. Each checkbox gets a label, and its price impact is configured in the next step.

Add all the fields your quote needs, in the order you want them to appear to visitors. You can drag to reorder them at any time.

Step 3: Set pricing for each field

Once your fields are in place, you move to the pricing step. This is where you attach a dollar value to each field's inputs and options:

• Number inputs — set a price per unit. A "Bedrooms" field with a price per unit of $40 adds $80 to the total when set to 2, $120 when set to 3, and so on.
• Dropdown options — each option gets a price adjustment. This can be positive (an upgrade) or negative (a discount). For example, a "Weekly" frequency option might have a −$20 adjustment to reward recurring bookings.
• Checkboxes — set the amount added to the total when the box is checked. A "Deep Clean" checkbox might add $60.

The final quote is your base price plus all the adjustments from each field's current state. No formulas to write — the pricing step is just filling in the numbers next to each field and option.

Step 4: Preview your calculator

The dashboard includes a live preview of your calculator. As you add fields and adjust their pricing, the preview reflects the changes in real time.

Test it like a visitor would: change each input and confirm the total updates correctly. Try a few real-world scenarios — your most common job, your largest possible job, and a minimal job. Make sure the prices feel right across the range.

Step 5: Save and copy your embed code

Once you're happy with the calculator, click Save. The dashboard will show your embed snippet:

<script
  src="https://embedquote.com/embed.js"
  data-calculator-id="your-calculator-id-here">
</script>

Copy this tag. It's the only thing you need to add to your website.

Step 6: Add it to your website

Paste the script tag wherever you want the calculator to appear on your site. The script creates its own container, loads the configuration from EmbedQuote's servers, and renders the calculator inline — no iframe, no additional setup.

For platform-specific instructions:

• Adding to Webflow
• Adding to WordPress
• Adding to Squarespace, Framer, Wix, and more

Making changes later

One of the advantages of the EmbedQuote approach is that your calculator configuration lives on EmbedQuote's servers, not in your website's HTML. This means you can update your pricing, add new fields, or adjust price modifiers in the dashboard — and every embedded instance of that calculator reflects the changes on the next page load, with no changes to your site required.

This is particularly useful when your rates change seasonally, when you add a new service, or when you want to run a promotion.

Tips for a better calculator

• Label fields from the customer's perspective. "How many bedrooms?" converts better than "Bedrooms."
• Set sensible defaults. The default values determine the first price visitors see. Set them to your most common job configuration — it becomes an anchor for the visitor's expectations.
• Use a description to set expectations. A line like "Prices are estimates — final quote confirmed after a free site visit" reduces friction for jobs where exact pricing requires a walkthrough.
• Keep it focused. A calculator with 3–5 fields converts better than one with 10. Add only the inputs that meaningfully change the price.