How to Add an Instant Quote Calculator to Your Tradie Website (No Code, 10 Minutes)

Why every Australian tradie website needs a quote calculator

Here's the uncomfortable truth about most tradie websites: they're portfolios, not lead machines. They show your work, list your services, and ask people to call or fill out a contact form. And then they wait.

The problem is that most people visiting a tradie's website aren't ready to call. They're in research mode — browsing 3 or 4 businesses, trying to get a feel for pricing before they commit to a conversation. Without a way to give them a rough number instantly, you're relying on them taking the extra step of picking up the phone. Most won't.

An instant quote calculator on your website changes that equation. It gives visitors the one piece of information they're looking for — a price range — and captures their contact details in the process. Instead of hoping they call, you get their name and email automatically and can follow up.

The good news: adding one to your website doesn't require a developer, a large budget, or technical knowledge. Here's exactly how to do it.

What you need before you start

• Your website — works on WordPress, Wix, Squarespace, Webflow, Shopify, or any custom HTML site
• Your pricing information — not a formal rate card, just a rough sense of how you charge (hourly rate, call-out fee, typical job ranges)
• A Codeteki account — free for 7 days, no credit card needed
• 10 minutes

That's it. Let's walk through it.

Step 1: Sign up for Codeteki (free 7-day trial)

Go to codeteki.au/instant-quote-widget and click "Start Free Trial". You'll create an account with your email address — no credit card required.

Once you're in, you'll land on your widget dashboard. This is where you configure everything about how your quote calculator works.

Step 2: Set your pricing context

This is the most important step — and the one most people overthink. Your pricing context is a plain-language description of how you charge. It doesn't need to be precise. It just needs to give the AI enough to generate a realistic range.

Here are examples for different trades:

For a plumber:

"We charge a $120 call-out fee plus $95/hour labour. Minimum 1 hour. Typical blocked drain: $180–$280. Hot water system replacement: $900–$1,800 depending on unit. Emergency callout surcharge: +$80. Prices include GST."

For a painter:

"Interior painting: $350–$500 per room for standard prep and 2 coats. Exterior full house: $3,500–$7,000 depending on size and condition. Significant prep work (sanding, filling) adds $150–$300 per room. Premium paint adds ~15%. Scaffolding for two-storey adds $400–$800."

For a cleaning business:

"Regular cleans: $45–$55/hour, minimum 2 hours. 3-bedroom house: $140–$180. End of lease/bond clean: $280–$480 depending on size and condition. We use eco-friendly products. All prices include GST."

Type your version into the "Pricing Context" field in your dashboard and save it. The AI uses this to generate realistic price ranges for every quote request.

Step 3: Customise your questions

The widget comes with pre-built question sets for common trade types. Your dashboard's question editor lets you:

• Remove services you don't offer
• Reorder questions to match your workflow
• Add custom job types specific to your business
• Set the intro text visitors see before they start

Keep it to 3–4 questions. More than that and people drop off before completing the flow. The goal is to get just enough information to generate a useful range — not to conduct a full site assessment.

Step 4: Match it to your brand

In the Appearance tab of your dashboard, you can:

• Set your primary colour (hex code) — the widget header, buttons, and highlights will match
• Add your business name to the widget header
• Customise the intro message
• Set the "quote valid for" duration (typically 3–7 days)

A branded widget converts significantly better than a generic one. Visitors trust it more when it looks like it belongs to your business.

Step 5: Copy your embed code

Go to the "Install" tab in your dashboard. You'll see a short script tag — something like:

<script src="https://widget.codeteki.au/embed.js"
  data-key="your-unique-key"></script>

Copy this code — you'll paste it into your website in the next step.

Step 6: Add it to your website

This varies slightly depending on what platform your website is built on. Here's how to do it on the most common ones:

WordPress

If you're using a plugin like "Insert Headers and Footers" (or similar): paste the script in the Footer section. If you have direct theme access: paste it before </body> in your theme's footer.php file. The widget will then appear on all pages, or you can add it to specific pages using a shortcode or widget block.

Wix

Go to Settings → Custom Code → Add Code. Select "Body — end" as the placement. Paste the script and save. The widget will be live on your Wix site immediately.

Squarespace

Go to Settings → Advanced → Code Injection. Paste the script in the Footer section. Save. The widget will appear across your site.

Webflow

In your Project Settings, go to the Custom Code tab. Paste the script in the Footer Code section and publish your site.

Custom HTML site

Open your HTML file, find the </body> closing tag, and paste the script just before it. Save and upload the file.

Step 7: Test it live

Visit your website in a browser (or your phone — test on mobile too, since a large portion of trade enquiries come from mobile). You should see the Codeteki quote widget on your page.

Run through the full flow yourself:

1. Click "Get My Quote"
2. Answer the questions
3. Watch the AI calculate
4. Enter a test name and email
5. Submit

Check your email — you should receive a lead notification with the test submission. If you don't, check your spam folder or verify your notification email in the dashboard settings.

Step 8: Choose where to show the widget

By default, the widget appears on every page of your site. For most tradies, the highest-converting placements are:

• Homepage — captures visitors at the top of the funnel
• Services page — visitors here are already interested in what you do
• Contact page — replaces or complements the standard contact form

You can use the widget's page filter settings to show it only on specific pages if you prefer a more targeted placement.

What to expect after launch

In the first week, you'll likely see a mix of serious enquiries and some curiosity clicks. After a few weeks, you'll have a clearer picture of:

• Which job types generate the most quote requests
• What time of day most enquiries come in (often evenings — exactly when most tradies don't answer the phone)
• Your quote-to-call conversion rate

Use this data to refine your pricing context and question flow over time. A widget that's been tuned over a few months is significantly more effective than one set up once and left alone.

Common setup mistakes to avoid

• Too many questions — stick to 3–4. More questions = more drop-offs before completion.
• Vague pricing context — "we charge competitive rates" gives the AI nothing to work with. Be specific about your rates.
• Not testing on mobile — test your widget on a smartphone before going live. Mobile traffic is often 50–70% of tradie website visits.
• Missing the notification email — check your spam folder in the first 24 hours. Add the Codeteki notification address to your contacts so you don't miss leads.

Your widget is live — what next?

Once your instant quote calculator is running, you'll start getting lead notifications in your email inbox. Each one includes the customer's name, contact details, job type, and their answers to your questions — everything you need to follow up confidently.

Your dashboard tracks every quote request so you can see patterns, follow up on outstanding leads, and measure your conversion rate over time.

The most successful tradies check their quote dashboard once a day — the same way they check their messages — and follow up within a few hours of each request. That response speed, combined with the fact that you already know what the job is and roughly what it costs, gives you a significant advantage over competitors who are still waiting for the phone to ring.

Ready to set yours up? The free 7-day trial takes 10 minutes and doesn't require a credit card.

Prefer a done-for-you setup?

If you'd rather not touch any code at all, Codeteki offers a full done-for-you installation service. Here's how it works:

1. Sign up and tell us your trade, your pricing context, and your website URL.
2. The Codeteki team configures your question flow, sets your pricing context, matches your brand colours, and embeds the widget on your website.
3. We test it end-to-end and confirm your lead notifications are firing correctly.
4. You get a working widget without writing a single line of code or touching your website backend.

Most tradies who use the done-for-you service are live within 24 hours of signing up. There's nothing to install, no plugins to manage, and no technical decisions to make. You just start getting quote requests in your inbox.

Whether you set it up yourself in 10 minutes or let Codeteki handle it for you — the result is the same: a lead-capturing quote calculator on your website that works 24/7.

Start Your Free Trial — No Credit Card Needed →