Geen sleutel, geen scherm
Staat er nergens een data-couvert-venue, dan laat de loader de klik met rust: een link navigeert gewoon en een knop doet wat hij al deed. Een venster dat leeg openklapt is erger dan een knop die nog werkt.
Twee regels op je eigen site
De reserveerknop van Couverto is één script en één knop. Geen plug-in, geen iframe dat je zelf moet passen, en niemand die je site opnieuw hoeft te bouwen.
<script src="https://cdn.couverto.online/w.js" data-couvert-venue="pk_live_000000000000000000000000" defer></script>
<button data-couvert-open>Reserveer een tafel</button>- Plak het script in je paginaEén keer per pagina, het liefst vlak boven het einde van de body. Het laadt uitgesteld en houdt je pagina nergens op.
- Zet het op je knopElk element met data-couvert-open opent het boekingsscherm: een knop, een link, een afbeelding. Wat er al staat, kan het worden.
- Verder nietsHet boekingsscherm zelf wordt pas opgehaald als iemand er echt op klikt. Tot dat moment kost het je bezoeker bijna niets.
Je publieke sleutel
In het fragment hierboven staat een voorbeeld. De jouwe begint met pk_live_ en hoort bij één restaurant, dus twee zaken betekent twee sleutels. Vraag hem bij ons op: een scherm waar je hem zelf ophaalt is er nog niet.
Vraag je sleutel opWat je mee kunt geven
Zet een attribuut op het script-element en elke knop op de pagina erft het. Zet hetzelfde attribuut op één knop, dan wint die knop. Een lege waarde telt als niet ingevuld.
| Attribuut | Waar | Als je niets opgeeft | Wat het doet |
|---|---|---|---|
data-couvert-venue | Script of knop | Verplicht | De publieke sleutel van je restaurant. Zonder deze gebeurt er niets — zie hieronder. |
data-couvert-open | Op de knop | Verplicht | Markeert het element dat het boekingsscherm opent. Verder heeft het geen waarde nodig. |
data-couvert-locale | Script of knop | De taal van je bezoeker, anders die van je restaurant | De taal van het boekingsscherm: nl, en, de, fr of es. Een taal die we niet spreken wordt genegeerd. |
data-couvert-party | Script of knop | De gast kiest zelf | Het aantal personen waarmee het scherm opent. Een heel getal vanaf 1; al het andere wordt genegeerd. |
data-couvert-date | Script of knop | De gast kiest zelf | De datum waarmee het scherm opent, geschreven als 2026-09-12. Anders geschreven wordt hij genegeerd. |
data-couvert-time | Script of knop | De gast kiest zelf | De tijd waarmee het scherm opent, geschreven als 19:30 in 24-uursnotatie. Anders geschreven wordt hij genegeerd. |
data-couvert-area | Script of knop | De gast kiest zelf | Het id van een zone uit je plattegrond, bijvoorbeeld je terras. Handig onder een foto van dat terras. |
data-couvert-bound zet de loader zelf op elke knop die hij al kent. Dat attribuut is van hem; laat het met rust.
Twee dingen die je niet verwacht
Knoppen die later verschijnen tellen mee
De loader blijft meekijken met je pagina. Een knop die pas na het laden verschijnt — in een React-site, onder een cookiebanner, in een footer die later inlaadt — wordt alsnog opgepakt.