Skip to main content

Booking widget

A real booking widget for your own website

Not a hosted page in a frame -- a genuinely inline widget that lives on your site, matches your brand, and takes bookings without sending customers anywhere else.

See it live

Try the booking flow yourself

This is the same widget your customers use. Pick a service, choose a time, and book -- it runs against real availability rules, right here on the page.

When the live demo is not available it falls back to a preview image, so your visitors always see something.

Preview of the Doorstep booking widget embedded on a business website

Copy, paste, done

One snippet to embed it

Drop this into any page. Copy your own snippet, with your live public key, from your Doorstep dashboard.

<!-- Doorstep booking widget -->
<div id="doorstep-widget"></div>
<script src="https://widget.doorstep.wholeclove.com/ds-widget.iife.js" async></script>
<script>
  window.addEventListener("load", function () {
    DoorstepWidget.mount("#doorstep-widget", {
      publicKey: "dspk_YOUR_PUBLIC_KEY",
      theme: {
        primaryColor: "#0f766e",
        borderRadius: "0.75rem",
      },
    });
  });
</script>

The script URL is a placeholder while widget hosting is being set up.

Works where you already are

Built for the platforms you use

The same snippet works across the major website builders. Follow the short guide for your platform to paste it in the right place.

Embedded widget on a customer website

Matches your brand

Themed to your colors, with no vendor badge

Set your color, font, and corner radius in the config. The widget blends into your site on every plan -- no Doorstep branding.

Teal (default)

Amber

Slate

See Doorstep on your own site

Join the waitlist and be first to onboard as we bring on early customers.