Embed a Quote Builder

Add a professional, interactive quote builder to your website in minutes. Works on any platform.

Quick Start

Add these two lines anywhere on your website where you want the quote builder to appear:

<!-- AppWT Quote Builder --> <div id="appwt-quote-builder" data-industry="lawn-care"></div> <script src="https://appwt.com/quote-builders/embed/appwt-quote-builder.js"></script>

Available Industries

Choose the industry that matches your business:

Lawn Care lawn-care
Junk Removal junk-removal
Cleaning Service cleaning-service
Snow Removal snow-removal
Pressure Washing pressure-washing
Home Repair home-repair
Moving Service moving-service
Catering/Events catering-events

Customization Options

Customize the quote builder with these data attributes:

Attribute Description Example
data-industry The type of quote builder (required) lawn-care
data-color Primary color (hex code) #22c55e
data-company Your company name Acme Lawn Care
data-phone Your phone number (555) 123-4567
data-email Your email address info@example.com
data-height Fixed height (auto-adjusts by default) 800px

Full Example with Customization

<div id="appwt-quote-builder" data-industry="cleaning-service" data-color="#06b6d4" data-company="Sparkle Clean Co." data-phone="(555) 123-4567" data-email="quotes@sparkleclean.com"></div> <script src="https://appwt.com/quote-builders/embed/appwt-quote-builder.js"></script>

Alternative: iFrame Embed

If you prefer, you can also use a simple iframe:

<iframe src="https://appwt.com/quote-builders/lawn-care/embed.php" width="100%" height="700" frameborder="0" title="Get a Free Quote"></iframe>

Works Everywhere

Our embed code is compatible with all major website platforms:

WordPress Wix Squarespace GoDaddy Shopify Weebly Joomla Drupal HTML/CSS React Vue Any CMS

WordPress Instructions

  1. Edit the page/post where you want the quote builder
  2. Add a "Custom HTML" block
  3. Paste the embed code
  4. Save and publish

Wix Instructions

  1. In the Wix Editor, click "Add" (+)
  2. Select "Embed Code" > "Embed HTML"
  3. Paste the embed code
  4. Resize the element as needed

Need a Custom Quote Builder?

We can create a quote builder tailored to your specific services and pricing.

Contact Us

JavaScript API

For advanced users, you can interact with the quote builder programmatically:

// Refresh the quote builder AppWTQuoteBuilder.refresh(); // Switch to a different industry AppWTQuoteBuilder.setIndustry('cleaning-service'); // Listen for form submissions document.getElementById('appwt-quote-builder').addEventListener('appwtQuoteSubmit', function(e) { console.log('Quote submitted:', e.detail); });