Embed API Documentation

Add Quote Inbound to your website with a single line of code.

Quick Start

Add this script tag to your website, just before the closing </body> tag:

<script src="https://quoteinbound.vercel.app/embed.js" data-business="your-business-slug"></script>

Replace your-business-slug with your actual business slug from your dashboard.

Widget Options

Customize the widget behavior and appearance using data attributes:

Attribute	Default	Description
data-business	required	Your unique business slug
data-position	bottom-right	`bottom-right`, `bottom-left`, or `inline`
data-button-text	Get a Quote	Custom text for the floating button
data-primary-color	Your brand color	Override the primary button color (hex)

Full Example

Here's an example with all options configured:

<script 
  src="https://quoteinbound.vercel.app/embed.js" 
  data-business="your-business-slug"
  data-position="bottom-right"
  data-button-text="Get a Free Quote"
  data-primary-color="#22c55e"
></script>

Inline Mode

Instead of a floating button, you can embed the quote form directly on your page:

<script 
  src="https://quoteinbound.vercel.app/embed.js" 
  data-business="your-business-slug"
  data-position="inline"
></script>

The form will render exactly where you place the script tag.

JavaScript Events

The widget sends events you can listen to for analytics and integrations:

window.addEventListener('message', (e) => {
  if (e.data.type === 'qi-quote-submitted') {
    console.log('Quote submitted:', e.data.quoteId);
    // Track in Google Analytics, etc.
  }
});

Live Demo

Try the embed widget on our demo business:

Open Demo Embed

Need help?

Email us at support@quoteinbound.com and we'll help you get set up.