DSTRCT RESERVE

Reservierung auf der eigenen Website

Eine Zeile Code, und Gäste buchen direkt auf eurer Seite — ohne Weiterleitung, ohne zweites Konto. Funktioniert auf WordPress, Wix, Squarespace, Shopify und jeder selbstgebauten Seite.

Variante 1 · Schwebender Knopf

Ein Knopf unten rechts, der ein Fenster mit dem Formular öffnet. Empfohlen, weil er auf jeder Unterseite funktioniert und nichts am Layout verändert.

<script src="https://reserve.projecttb.net/widget.js"
        data-venue="dstrct" defer></script>

Einfügen vor dem schließenden </body>. Der Knopf unten rechts auf dieser Seite ist genau das Ergebnis — probier ihn aus.

Variante 2 · Fest auf einer Seite

Das Formular sitzt direkt im Seiteninhalt, etwa auf einer eigenen Reservierungsseite. Es wächst automatisch mit dem Inhalt mit.

<div id="elite-reserve"></div>
<script src="https://reserve.projecttb.net/widget.js"
        data-venue="dstrct" data-mode="inline" defer></script>

Variante 3 · Eigener Knopf

Wenn ihr schon einen Reservieren-Knopf im Design habt, verlinkt ihn einfach. Öffnet die Seite im neuen Tab.

<a href="https://reserve.projecttb.net/?venue=dstrct"
   target="_blank" rel="noopener">Tisch reservieren</a>

Einstellungen

Angabe	Bedeutung	Standard
`data-venue`	Betrieb, für den gebucht wird	`dstrct`
`data-mode`	`button` schwebend oder `inline` fest	`button`
`data-label`	Beschriftung des Knopfes	Tisch reservieren
`data-color`	Farbe des Knopfes, z. B. `#8a6b3d`	dunkelbraun
`data-position`	`right` oder `left`	`right`
`data-lang`	`de` oder `en`	`de`
`data-target`	id des Elements bei `inline`	`elite-reserve`

Bei WordPress: Der Codeschnipsel gehört in einen HTML-Block oder ins Theme unter „Footer-Skripte“. Nicht in einen normalen Textblock — dort wird er als Text angezeigt statt ausgeführt.

Bei Wix und Squarespace: Element „Custom Code“ beziehungsweise „Code Injection“ verwenden, Bereich Footer.

Was Gäste sehen

Dieselbe Buchungsstrecke wie auf der eigenen Seite: Veranstaltung wählen, Essen oder nur Getränke, Personenzahl, Datum, freie Zeiten, Name, Telefon und E-Mail. Die Bestätigung kommt sofort per Mail, das Team sieht die Reservierung im selben Moment im Cockpit.