Skip to content

Example site: Handy Hands is a fictional business that shows how the Munibot estimate widget works on a contractor’s own website. Add it to your site →

Handy Hands Example site

For site owners

Put this estimate widget on your own website

You are looking at it now. Handy Hands is a fictional business, and everything on this site runs on the same widget you can add to yours.

Start a free 14-day trial See plans and pricing Try it here

What your visitors do

They send photos, the scope of the job and a callback window. Each job's ZIP code is checked against your service area, and anything outside it is flagged for your review.

What you get

  • Complete leads in your dashboard Contact details, photos, project description and callback window, all in one place.
  • A cited draft estimate Munibot drafts labor and materials tables with assumptions and risk flags. It is preliminary, and nothing is quoted until you review it.
  • Push notifications Get notified when a new lead comes in.

Three ways to add it

  1. 1 One script tag adds the floating launcher

    Paste it before the closing body tag. It adds the launcher button in the corner of every page.

    <script src="https://munibot.pro/widgets/contractor-estimate-widget.js"
  data-tenant="your-business" data-api-url="https://munibot.pro" async></script>

  2. 2 Open it from your own buttons, with no JavaScript

    Add the data-contractor-estimate-open attribute to any link or button. Every estimate button on this site works this way.

    <a href="/contact/" data-contractor-estimate-open>Get a free estimate</a>

  3. 3 Open it from JavaScript

    Call it from your own code, for example in a click handler.

    window.ContractorEstimateWidget.open()

Optional attributes

Add these to the script tag to change how the launcher looks.

data-theme-color
The main color of the widget.
data-accent-color
The accent color.
data-position
bottom-right or bottom-left.
data-greeting
The opening message inside the widget.
data-launcher-title
The title on the floating launcher.
data-launcher-subtitle
The subtitle on the floating launcher.

Setup checklist

  • Add your website's domain to your workspace's allowed domains in Munibot settings, so the widget accepts requests from your site.
  • If your site sends a Content-Security-Policy:
    • script-src must allow https://munibot.pro/widgets/, or carry a nonce on the script tag.
    • style-src must allow the same nonce as the script tag, or 'unsafe-inline', which older browsers need for the widget's fallback <style>.
    • connect-src must allow https://munibot.pro.
    • img-src must allow blob:, which photo previews need.

Tip: this site loads the widget with the same script tag and data-tenant="handy-hands", plus a CSP nonce and its own launcher text. View source to see it.

Pricing

Plans start at $49/mo with a set number of AI estimates. The free 14-day Starter trial includes 10 AI estimates, no credit card.

Start a free 14-day trial See plans and pricing