> ## Documentation Index
> Fetch the complete documentation index at: https://docs.hiveinspect.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Add the Instant Quote Widget to Your Website

> Get your Hive Inspect quote widget link, embed code or QR code so clients see an instant inspection price, then continue to book. What clients see and which settings apply.

<p className="hive-locator">In the dashboard: <strong>Business Tools → Widget Integration → Quote Widget</strong></p>

The quote widget gives clients an instant price for their inspection. They enter the property, pick a service and add-ons, and see an **Estimated Total**. When they're ready, **Ready to Schedule?** takes them into your [scheduling widget](/how-tos/scheduling-widget) with everything they entered already filled in.

<Note>
  **A quote on its own isn't saved, and you aren't told about it.** The quote widget doesn't ask for the client's name or email, so nothing appears in Hive when someone only checks a price. You hear about the client once they continue to book and get past the property step of the scheduling widget. To follow up on quotes, use your [scheduling widget](/how-tos/scheduling-widget) or send quotes from the dashboard.
</Note>

## Quote widget or scheduling widget?

| | Quote widget | Scheduling widget |
| - | - | - |
| Starts with | The property | The client's contact details |
| Shows prices | Always | Only if **Show Pricing on Online Scheduler** is on |
| Creates an inspection | No, only once the client continues and books | Yes |
| Tells you | No | Yes, when the client passes the property step and when they pick a time |
| Best for | Clients shopping on price | Clients ready to book |

You can use both. A common setup is a **Get a Quote** button and a **Book Now** button on your website.

## Get your quote link or embed code

<Steps titleSize="h3">
  <Step title="Open Business Tools → Widget Integration">
    Click **Business Tools** in the left menu, then the **Widget Integration** card.

    <img src="https://mintcdn.com/hiveinspect-43c85ed1/SRnUYbLdMTrvaGDr/images/how-tos/widgets-business-tools.png?fit=max&auto=format&n=SRnUYbLdMTrvaGDr&q=85&s=100951fbaf6148efabc49de9b0fface2" alt="The Business Tools page with the left menu and a grid of tool cards: Agreements, Services and Fees, Discount Codes, Payments, Mileage Tracker, Hourly Time Tracker, Widget Integration (Website scheduling widget), Public Page and Subscriptions" width="2000" height="861" data-path="images/how-tos/widgets-business-tools.png" />

    The **Quote Widget** card is on the right of the **Website Widget Integration** page.

    <img src="https://mintcdn.com/hiveinspect-43c85ed1/SRnUYbLdMTrvaGDr/images/how-tos/widgets-integration-page.png?fit=max&auto=format&n=SRnUYbLdMTrvaGDr&q=85&s=37eaec843573d4dfac262410fa6afa7f" alt="The Website Widget Integration page with two cards: Scheduling Widget on the left and Quote Widget on the right, quick price quote where clients enter property details and see pricing before scheduling" width="2000" height="1108" data-path="images/how-tos/widgets-integration-page.png" />
  </Step>

  <Step title="Pick what you need from the Quote Widget card">
    <img src="https://mintcdn.com/hiveinspect-43c85ed1/i75yNyWPWN3yjI74/images/how-tos/quote-widget-card.png?fit=max&auto=format&n=i75yNyWPWN3yjI74&q=85&s=2a23d429eb4ba2fcfb4b4e937bb4403f" width="620" alt="The Quote Widget card. Widget URL: https://dashboard.hiveinspect.com/embed/quote/ followed by the organization ID and ?iframe=1, with a copy button. A dark Embed Code box with an iframe tag, height 900px, width 100%, title Get Inspection Quote, and a copy button. A green Preview Quote Widget button. A QR Code box with the QR image, the plain link, and Copy Link and Download QR buttons" data-path="images/how-tos/quote-widget-card.png" />

    | What you want | Use | Notes |
    | - | - | - |
    | A link for emails, texts, social media or a **Get a Quote** button | **Copy Link** under the QR code | The plain link. It opens the quote widget as a full page. |
    | The quote form inside a page of your website | The copy button on **Embed Code** | Paste it where the form should appear. |
    | A website builder that asks for a URL to embed | The copy button next to **Widget URL** | The same link with `?iframe=1` on the end. |
    | Flyers, yard signs or business cards | **Download QR** | Saves a 1024 × 1024 PNG that opens the plain link. |

    Your quote link looks like `https://dashboard.hiveinspect.com/embed/quote/` followed by your organization ID. It never changes, and it always shows your current services and prices.
  </Step>

  <Step title="Preview it">
    Click **Preview Quote Widget** to open it in a new tab. Trying out prices is safe: nothing is saved until you continue into the scheduling widget.
  </Step>
</Steps>

## Add the quote widget to your website

Paste the **Embed Code** into an HTML, embed or custom code block, the same way as the [scheduling widget](/how-tos/scheduling-widget#add-the-widget-to-your-website).

```html theme={"theme":{"light":"github-light","dark":"vesper"}}
<iframe src="https://dashboard.hiveinspect.com/embed/quote/YOUR-ORGANIZATION-ID?iframe=1" style="border:0;height:900px;width:100%;" title="Get Inspection Quote" allow="geolocation"></iframe>
```

<Tip>
  **Make the frame taller.** When a client clicks **Ready to Schedule?**, the scheduling widget opens inside the same frame. It's longer than the quote form, so in a 900-pixel frame the client has to scroll inside it. Change `height:900px` to `height:1100px`, the same as the scheduling widget.
</Tip>

## What your clients see

The company panel on the right shows your company name, logo, phone and website, then the property and a **Pricing** summary as the client goes. On a phone it moves behind a **View Quote Summary** button.

<Steps titleSize="h3">
  <Step title="Step 1: Property Details">
    <img src="https://mintcdn.com/hiveinspect-43c85ed1/i75yNyWPWN3yjI74/images/how-tos/quote-widget-step-1.png?fit=max&auto=format&n=i75yNyWPWN3yjI74&q=85&s=32cd4ac0f12a9d2499aea27d8ebe2870" alt="Quote widget step 1 of 3: Property Details, Tell us about the property to get an accurate quote. Street Address 202 C Street, City San Diego, State CA, ZIP 92101, Country US, Property Type Single Family, Square Footage 2150, Year Built 1998, Bedrooms 4, Bathrooms 2.5, Property Occupancy and Foundation Type dropdowns, Additional Notes (Optional), and Additional Information with Is the home vacant? and Gate or lockbox code (Optional). The company panel on the right shows Hive Inspections, phone, website and location" width="2000" height="1638" data-path="images/how-tos/quote-widget-step-1.png" />

    * The client starts typing the address and picks it from the suggestions, or clicks **Can't find your address? Enter it manually**.
    * Picking a suggested address fills in property type, square footage, year built, bedrooms and bathrooms, if [Auto-fetch Property Info](/how-tos/scheduling-widget#auto-fetch-property-info) is on. The client can change them.
    * **Property Type**, **Square Footage** and **Year Built** are required, because your price modifiers use them.
    * **Additional Information** shows your custom fields with **Show on online scheduler** on. Answers here can change the price through [custom field modifiers](/how-tos/custom-field-modifiers).
    * If no inspector covers the address, the client sees **Address is outside our coverage area** and can't continue. See [Set inspector service areas](/how-tos/smart-scheduling).
  </Step>

  <Step title="Step 2: Service Selection">
    <img src="https://mintcdn.com/hiveinspect-43c85ed1/i75yNyWPWN3yjI74/images/how-tos/quote-widget-step-2.png?fit=max&auto=format&n=i75yNyWPWN3yjI74&q=85&s=a8258db02b64f90f79d1327d145ced54" alt="Quote widget step 2: Service Selection. Select one inspection service below, then click Next to browse add-on services. Home Inspection 500 dollars selected, Condo / Townhome Inspection 350 dollars, Pre-Listing Inspection 400 dollars, New Construction Inspection 450 dollars. The panel on the right shows the property, Type Single Family, Size 2150 sq ft, and Pricing: Home Inspection 500 dollars, Estimated Total 500 dollars" width="2000" height="1138" data-path="images/how-tos/quote-widget-step-2.png" />

    * The client picks one service. Each price already includes your [price modifiers](/how-tos/price-modifiers) for this property. In the example, the base price is \$425 and a square footage modifier adds \$75 for 2,150 sq ft.
    * Services with **Hidden on scheduler** turned on aren't listed.
    * If the service has no add-ons to offer, this is the last step.
  </Step>

  <Step title="Step 3: Add-on Services">
    <img src="https://mintcdn.com/hiveinspect-43c85ed1/i75yNyWPWN3yjI74/images/how-tos/quote-widget-step-3.png?fit=max&auto=format&n=i75yNyWPWN3yjI74&q=85&s=0e98ef64cf1c62c79128f3f24376f043" alt="Quote widget step 3: Add-on Services. Radon Testing plus 175 dollars and Sewer Scope plus 225 dollars are ticked; Termite (WDO) Inspection, Pool and Spa Inspection and Mold Air Sampling are not. Selected Add-ons (2). Have a discount code? shows SPRING25 applied, minus 25 dollars. A green Ready to Schedule? button. Pricing on the right: Home Inspection 500, Radon Testing plus 175, Sewer Scope plus 225, Discount (SPRING25) minus 25, Estimated Total 875 dollars" width="2000" height="1719" data-path="images/how-tos/quote-widget-step-3.png" />

    * The client ticks any add-ons. Add-ons with **Hide from Scheduler** turned on aren't listed.
    * **Have a discount code?** appears when you have a [discount code](/business-tools/discount-codes) that could apply to the chosen service. Choosing a different service removes the code.
    * The **Pricing** summary lists the service, each add-on, any discount and the **Estimated Total**, each rounded to the whole dollar.
  </Step>

  <Step title="Ready to Schedule?">
    The client clicks **Ready to Schedule?** to book. Your scheduling widget opens with the address, property details, service, add-ons, discount code and custom field answers already filled in.

    <img src="https://mintcdn.com/hiveinspect-43c85ed1/i75yNyWPWN3yjI74/images/how-tos/quote-widget-continue.png?fit=max&auto=format&n=i75yNyWPWN3yjI74&q=85&s=5c0e21472c9347d37640eb1ab999f3bd" alt="The scheduling widget after Ready to Schedule? Step 1 of 5, Home Buyer / Client, with empty name, email and phone fields. The summary on the right already shows the property 202 C Street, San Diego, CA 92101, Single Family, 2150 sq ft, Selected Service Home Inspection 500 dollars, Radon Testing plus 175, Sewer Scope plus 225, Discount (SPRING25) minus 25, Estimated Total 875 dollars" width="2000" height="1406" data-path="images/how-tos/quote-widget-continue.png" />

    The client starts at the contact step, then clicks through the other steps with their answers already in place, and picks a date and time. From here everything works as described in [What your clients see](/how-tos/scheduling-widget#what-your-clients-see) and [What happens after a client books](/how-tos/scheduling-widget#what-happens-after-a-client-books).
  </Step>
</Steps>

## How the quote price is worked out

The quote uses the same prices and rules as your scheduling widget:

* **Service price:** the base price plus the service's [price modifiers](/how-tos/price-modifiers) for square footage, year built, distance, foundation and custom field answers. Only a foundation modifier gets its own line in the summary. The others are folded into the service price.
* **Add-ons:** each add-on's price, including its own modifiers.
* **Discount code:** taken off if it applies to what the client picked.

**What the quote leaves out:**

* **Sales tax.** See [Sales tax](/how-tos/taxes).
* **Modifiers that depend on the date or time**, like weekend or after-hours fees. The client hasn't picked a time yet.

So the price on the client's invoice can be higher than the quote. If you add tax or use date or time modifiers, mention it on your website next to the widget, for example: "Prices before tax."

## Settings that apply to the quote widget

The quote widget has no settings page of its own. It uses your services and a few of the settings in **Org Settings → Scheduling**. See [Open the Scheduling settings](/how-tos/scheduling-widget#open-the-scheduling-settings) for how to change them.

| Setting | Applies to the quote widget? |
| - | - |
| **Auto-fetch Property Info** | Yes. When it's off, clients type the property details themselves. |
| **Show Pricing on Online Scheduler** | **No.** The quote widget always shows prices. If it's off, the client sees prices in the quote, but the scheduling widget hides them once they click **Ready to Schedule?** |
| **Timezone**, **Calendar Engine**, **Scheduling Restriction**, **Buffer Between Inspections**, the calendar event settings | Not in the quote. They apply once the client continues to book and picks a time. |
| **Let Clients Look Themselves Up on Online Scheduler** | No. The quote doesn't ask for contact details. It applies in the scheduling widget. |
| **Scheduler Confirmation Message** | Only on the **Thank You!** page after the client books. |
| **Services & Fees**: prices, modifiers, **Hidden on scheduler**, **Hide from Scheduler** | Yes. |
| **Custom Fields** with **Show on online scheduler** | Yes, shown in step 1. **Required answer on online scheduler** makes them required. |
| **Discount Codes** | Yes. |
| Each inspector's **Maximum Travel Distance (miles)** | Yes. Addresses no inspector covers can't get a quote. |

## Common questions

**Where do I see the quotes clients asked for?** You don't. A quote on its own isn't saved. You see the client once they click **Ready to Schedule?** and get past the property step of the scheduling widget. Then you get a **New Booking Started** email and text.

**The client's invoice is higher than the quote.** The quote leaves out sales tax and date or time modifiers. See [How the quote price is worked out](#how-the-quote-price-is-worked-out).

**A service shows \$0.** It has no base price. Set one in **Business Tools → Services & Fees**, or turn on **Hidden on scheduler** for it.

**Step 2 has no services to pick.** Every service is set to **Hidden on scheduler**, or you haven't added any yet. Add or unhide a service in **Business Tools → Services & Fees**.

**A client typed the address by hand and the price is lower than expected.** Distance modifiers need the address picked from the suggestions. Ask the client to pick their address from the list.

**The quote widget says "Online Quoting Temporarily Unavailable".** Your account can't take new inspections right now, usually because the free trial reports are used up or the subscription has ended. See [I used up my free trial reports](/faq/getting-started#more-free-trial-reports).

## Where to go next

* [Add the online scheduling widget](/how-tos/scheduling-widget): the booking form, the date and time page and every scheduling setting.
* [Price modifiers](/how-tos/price-modifiers): change prices by size, age, distance and more.
* [Add-on services](/how-tos/add-on-services): what clients can add to a service.
* [Discount codes](/business-tools/discount-codes): create codes clients can enter.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.