No key, no flow
If no data-couvert-venue is set anywhere, the loader leaves the click alone: a link still navigates and a button still does whatever it did before. An empty modal is worse than a button that still works.
Two lines on your own site
The Couverto booking button is one script and one button. No plug-in, no iframe to size yourself, and nobody has to rebuild your site.
<script src="https://widget.couverto.online/w.js" data-couvert-venue="pk_live_000000000000000000000000" defer></script>
<button data-couvert-open>Book a table</button>- Paste the script into your pageOnce per page, ideally just before the closing body tag. It loads deferred and holds nothing up.
- Put it on your buttonAny element with data-couvert-open opens the booking flow: a button, a link, an image. Whatever is already there will do.
- That is itThe booking flow itself is only fetched once somebody actually clicks. Until then it costs your visitor almost nothing.
Your public key
The snippet above carries an example. Yours starts with pk_live_ and belongs to one restaurant, so two venues means two keys. Ask us for it — there is no screen yet where you can fetch it yourself.
Ask for your keyWhat you can pass in
Put an attribute on the script element and every button on the page inherits it. Put the same attribute on one button and that button wins. An empty value counts as not set.
| Attribute | Where | If you leave it out | What it does |
|---|---|---|---|
data-couvert-venue | Script or button | Required | Your restaurant’s public key. Without it nothing happens — see below. |
data-couvert-open | On the button | Required | Marks the element that opens the booking flow. It needs no value of its own. |
data-couvert-locale | Script or button | Your visitor’s language, otherwise your restaurant’s | The language of the booking flow: nl, en, de, fr or es. A language we do not speak is ignored. |
data-couvert-party | Script or button | The guest picks | The party size the flow opens on. A whole number from 1 up; anything else is ignored. |
data-couvert-date | Script or button | The guest picks | The date the flow opens on, written as 2026-09-12. Written any other way it is ignored. |
data-couvert-time | Script or button | The guest picks | The time the flow opens on, written as 19:30 on a 24-hour clock. Written any other way it is ignored. |
data-couvert-area | Script or button | The guest picks | The id of an area from your floor plan — your terrace, say. Useful under a photograph of that terrace. |
data-couvert-bound is set by the loader itself on every button it already knows about. That attribute is its own; leave it alone.
Two things you would not expect
Buttons that appear later still count
The loader keeps watching your page. A button that only appears after load — in a React site, under a cookie banner, in a footer that loads late — is picked up anyway.