The website widget

Your website should be quoting while you are up a tree

Paste one line into your site. Visitors price their own job against your rate book, leave their details, and land in your inbox as a lead with the number they saw.

baysidetreecare.com/estimate
Bayside Tree CareYour job · Your details
Estimated range
$2,100 to $2,900
Get my quote

Took the oak out over the garage without touching the roof.

Marta R.

An example of the widget on a contractor's site. The rating shown is illustrative, not a real customer.

Three steps, about five minutes

  1. 1

    Copy your snippet

    Settings, Widget. It is one script tag with your own key in it. Nothing to configure first, and it already uses the prices you have set.

  2. 2

    Paste it where the estimator should appear

    A Custom HTML block in WordPress, an Embed Code element in Wix, a Code block in Squarespace, or straight into your page if you built it by hand.

  3. 3

    Watch the leads arrive

    Every visitor who prices a job and leaves their details shows up under Leads, with what they asked for, the estimate they saw, and their phone number ready to tap.

Decide how much price you show

Some crews will not put a number on a job they have not seen. Some want the number to do the selling. You pick, and you can change it whenever.

Exact

$2,480

Shows the number your rate book produces. The most convincing, and the least room to move afterwards.

Range

$2,100 to $2,900

Shows a rounded band around that number. The customer learns the scale, you keep room for what you find on site. You set how wide.

Hidden

Get your exact price

Shows no number at all. They still tell you what the job is and how to reach them, and you quote after looking.

Where it goes on your site

The same snippet works everywhere. These are the menus to look for.

WordPress

  1. Open the page in the block editor.
  2. Add a Custom HTML block where the widget should sit.
  3. Paste the snippet and update the page.

On a classic theme you can paste it into a Text widget under Appearance, Widgets.

Wix

  1. Click Add Elements, then Embed Code.
  2. Choose Embed HTML, then Enter Code.
  3. Paste the snippet, drag the box tall enough for the form, publish.

Wix embeds sit in a fixed box, so give it room.

Squarespace

  1. Edit the page and click an insertion point.
  2. Choose the Code block.
  3. Paste the snippet, turn Display Source off, save.

Code blocks need a Business plan or higher.

Any other site

  1. Open the page's HTML.
  2. Paste the snippet where the widget should appear.
  3. Save and upload.

If your site will not take a script tag, there is an iframe version that works the same way.

It should look like your company, not ours

Your colours and logo

Two colours and a logo URL. The widget picks them up straight away, no rebuild.

Only the work you do

Turn off stump grinding if you do not grind stumps. The customer never sees an option you cannot deliver.

Ask for what you need

Decide which details are required. Ask for less and you get more leads; ask for more and you get better ones.

Your domain only

Lock the widget to your own site so nobody else can paste your snippet on theirs. Leave it open while you are testing.

Questions about the widget

Will it slow my site down?

The loader is about one kilobyte and loads the estimator in a frame after your page has drawn. Your own page does not wait for it.

Does it use my prices or yours?

Yours. It runs the same pricing engine the app uses, against the rate book you set in Settings. Change a rate and the widget quotes the new one immediately.

What if I do not want a price shown at all?

Set the price display to hidden. The customer describes the job and leaves their details, and you quote it yourself.

Can I turn it off?

One switch. It stops appearing straight away. You can also regenerate the key, which kills the old snippet on the spot.

Does it work if the visitor blocks cookies?

Yes. The widget sets no cookies and stores nothing in the browser, so third-party cookie blocking has nothing to break.

What happens to the lead?

It lands in your inbox with the job details, the estimate they saw, and their contact details. You can assign it to someone, book a visit on the calendar, or turn it into a full quote with everything already filled in.