Add Service Boss to any website

Your job-request form, booking calendar and live chat on the website you already have. Every request lands in your Service Boss CRM.

1. Create a key under API keys (limit it to your website).
2. Copy a snippet below and replace YOUR_KEY.
3. Paste it into your site - steps for each platform are below.

Snippets

Lead form

Every message becomes a contact in your CRM.

<div id="lead-form"></div>
<script src="https://www.serviceboss.com/sdk/plugin.js" data-key="YOUR_KEY" data-plugin="form" data-target="#lead-form"></script>

Book a call

Your live booking calendar - bookings land in your Schedule.

<div id="book-a-call"></div>
<script src="https://www.serviceboss.com/sdk/plugin.js" data-key="YOUR_KEY" data-plugin="booking" data-target="#book-a-call"></script>

Live chat

A chat bubble on every page.

<script src="https://www.serviceboss.com/sdk/plugin.js" data-key="YOUR_KEY" data-plugin="chat"></script>

Product designer

Shoppers design a product and approve a proof, then buy through your own checkout link (add data-buy-url="https://...") or send you the design as a request - it lands in your CRM. List your site on the key.

<div id="design-it"></div>
<script src="https://www.serviceboss.com/sdk/plugin.js" data-key="YOUR_KEY" data-plugin="designer" data-target="#design-it"></script>

Every plugin, and where it runs

Any websiteOne line of code

Lead form, booking calendar, live chat and the Product Designer - on Wix, Squarespace, Webflow, Framer, GoDaddy, Shopify or plain HTML. Every lead lands in your CRM.

WordPressEvery plugin

Product Designer, Marketplace, Community, CRM and Social Login - each installs in one click and they work together.

ShopifyOn its way

The Product Designer app for Shopify stores is being built now.

See every plugin and everything it does

Building something bigger? Read the developer docs - the API, permissions and selling your own plugin.

Where to paste it

Wix

Add > Embed Code > Embed HTML, paste the snippet, then stretch the box.

Squarespace

Edit the page > add a Code block, paste the snippet, Apply.

Webflow

Drag an Embed element onto the page, paste the snippet, Save & Publish.

Framer

Insert > Embed, choose HTML, paste the snippet.

GoDaddy

Add Section > HTML, paste the snippet.

Shopify

Online Store > Themes > Customize > Add section > Custom Liquid, paste the snippet.

WordPress

Use our WordPress plugin - or a Custom HTML block with the snippet.

Any HTML site

Paste the snippet where the widget should appear, before </body> for chat.