Booking Widget

The Service booking form, where your guests book online. Hosted by Service, or embedded in your own site.

Link to the booking page Embed it yourself

No code at all

Every restaurant already has a booking page, live now, with nothing to build:

https://book.useservice.app/r/chez-marie

Link to it from your navigation, an e-mail, a QR code on the table, or a Google listing. For many restaurants this is the whole integration — see The booking page.

Or on your own page, in one snippet

data-slug identifies the restaurant; the back office shows the snippet with the right one under Settings → Widget. data-mode decides how the form appears, and for most integrations that is the only decision to make.

<div id="service-widget"></div>
<script
  src="https://app.useservice.app/widget/widget.js"
  data-slug="chez-marie"
  data-mode="inline"
  async
></script>

There is also a JavaScript API — ServiceWidget.create() — for pages that need to drive the widget rather than just display it. Both are covered in Booking widget.

Then

AppearanceInline, popover or sticky, and how the form picks up your page.

Choosing an integrationThe comparison, once the things it compares have names.

TestingRun a booking end to end without touching real covers.

JavaScript referenceGenerated from the widget's own type declarations.

Elsewhere

API & Webhooks — read the bookings back

Help Center