Demo environment

Workshop · Booking widget

Take service bookings
on your own website.

Customers pick a service, choose a slot and pay without leaving your site. The job arrives in Workshop with the details already filled in.

This runs on demo data, so click around freely. No real bookings are created.

The whole install

Same snippet as Workshop settings — div, stylesheet, and script from the CDN.

<!-- Workshop inline widget begin -->
<div
  class="workshop-inline-widget"
  mechanic-id="YOUR_ORG_ID"
  frame-colour="#ff7a59"
  style="min-width: 320px; height: 756px"
></div>
<link href="https://cdn.bikebook.co.uk/assets/workshop/widget.css" rel="stylesheet" />
<script src="https://cdn.bikebook.co.uk/assets/workshop/widget.js" type="text/javascript" async></script>
<!-- Workshop inline widget end -->

A shop page with Workshop on it

This is the real booking flow inside a mock shop page. The controls change how the shop is set up, the same way a merchant's own settings would.

Entry
Fulfilment
Industry
Terminology
Accent
Size
Welcome screen, then booking — one mechanic location. Customers can drop off at the workshop or book priced collection.

harboursidecycles.co.uk/servicing

Harbourside Cycles
Home · Servicing · Contact

Book your bike in for a service

Pick a service, tell us about your bike and choose a time. You will get a confirmation straight away.

© Harbourside Cycles · Privacy · Terms

What the embed does

Paid before drop-off

Customers pick a service, choose a slot and pay a deposit before they arrive. The job reaches Workshop with the customer, their item and the service already attached.

deposit taken

Drop-off, collection or on-site

The flow follows the fulfilment setup you already use, including collection zones with area pricing and a call-out fee for mobile work.

your setup

Inline or popup

Embed it in the page so the page grows with the flow, or open it from a button you already have. The flow is the same either way and takes your accent colour.

two mounts

Adding it to your site

Add two tags

Copy the stylesheet and script tags into your site. Any CMS or site builder with a custom code block will take them.

Place it on the page

Drop the embed where bookings should live, or wire the popup to your existing booking button.

Take bookings

Customers book and pay without leaving your site, and the job arrives in Workshop with the details filled in.

Rated Excellent on Trustpilot

400+service departments

38,000jobs tracked last month

Want it on your own site?

Book a demo and we will put Workshop on your page while you watch. Twenty minutes.

Fixture data only, so no real bookings are created.