If you run a service business courier, cleaning, removals, gardening, trades you should have a quote calculator on your website. This guide shows you exactly how to add one, step by step, in under 20 minutes.
Most service business websites have a contact form that says "get a quote." The customer fills it in, submits it, and waits. Sometimes hours. Sometimes days. By then, they've usually already booked someone else.
A quote calculator solves this. The customer describes the job, enters their details, and gets a price instantly on your website, right now. You get a lead notification. They get a price. Nobody waits.
For businesses like couriers, removals, cleaning companies, and tradespeople, a quote calculator is one of the highest-leverage things you can add to your website. It turns passive visitors into active leads, 24 hours a day.
To add a quote calculator to your website, you need two things:
1. A quote calculator tool. This guide uses QuoteKit, which is built specifically for UK service businesses and supports distance-based pricing, fixed prices, hourly rates, and automatic surcharges.
2. Access to your website's HTML or page editor. You don't need to know how to code you just need to be able to paste a snippet of HTML into a page. This works on WordPress, Wix, Squarespace, Webflow, IONOS, GoDaddy, Shopify, and any custom website.
Go to quotekit.nexadesign.io and sign up. The 14-day free trial gives you full access with no credit card required.
Once you're in, you'll be taken to your dashboard. This is where you configure your widget, view leads, and get your embed code.
In the dashboard, go to Widget Settings. Here you'll set:
- Your business name and brand colour (the widget uses these automatically) - Your services for example: "Standard Van", "Large Van", "Motorbike Courier" - Your pricing model: fixed price, hourly rate, or distance-based (using Google Maps road distance) - Any surcharges you want to apply automatically same-day, evenings, weekends, or bank holidays - Optional add-ons the customer can select (e.g. packing service, extra stops)
Take your time here. The more accurate your pricing, the more useful the calculator will be to your customers.
Once your widget is configured, click "Get embed code" in the dashboard. You'll see a short snippet of HTML one line of code.
You can choose between two embed modes:
- Popup / floating button: A button appears in the corner of your website. When the customer clicks it, the calculator slides in as a popup. This works on any page without disrupting your layout. - Inline / page embed: The calculator appears directly on the page, embedded in your content. Good for a dedicated "Get a quote" page.
Copy the code for the mode you want.
This step depends on which platform your website is built on.
WordPress: Go to the page or post where you want the calculator. Switch to the HTML block editor and paste the code. Publish the page.
Wix: In the Wix editor, click Add → Embed → HTML iframe. Paste the code into the box.
Squarespace: Edit the page, add a Code Block, and paste the code.
Webflow: In the Webflow designer, add an Embed element and paste the code.
Custom HTML: Paste the code anywhere inside the <body> tag of the page.
Once pasted and saved, the calculator is live. Visit your website and test it.
Go through the full quote flow as a customer. Enter the details, submit your contact information, and check that you receive the lead notification email.
Then check your QuoteKit dashboard you should see the test lead appear in your Leads section.
That's it. Your quote calculator is live. From this point on, every customer who visits your website can get an instant price and you get their contact details automatically.
14-day free trial. No credit card. Set up in 20 minutes.
Start free trial