Zum Inhalt
yourreservation

Online-Buchung

Ihre Buchungsseite, der QR-Code, das Pop-up auf Ihrer Website je Baukasten, die Regeln für Gäste und ihre Sprachen.

Ihre Buchungsseite und der QR-Code

Jeder Betrieb hat eine eigene Buchungsseite. Sie funktioniert auch ohne eigene Website: Teilen Sie den Link auf Instagram, in Ihrem Google-Unternehmensprofil oder in einer E-Mail.

  1. Öffnen Sie Online-Buchung.

    Oben steht Ihre Buchungsseite mit den Buttons Kopieren und Ansehen.

  2. Klicken Sie auf Kopieren und fügen Sie den Link dort ein, wo Sie ihn teilen möchten.

    Sie sehen Link kopiert.

  3. Klicken Sie bei QR-Code auf Als Bild herunterladen.

    Sie bekommen ein Bild für den Tisch, die Speisekarte oder das Fenster. Gäste scannen es und landen auf Ihrer Buchungsseite.

Das Pop-up auf Ihrer eigenen Website

Auf Ihrer eigenen Website setzen Sie einen Button, der Ihre Buchungsseite als Pop-up öffnet. Unter Auf Ihrer eigenen Website wählen Sie bei Meine Website ist erstellt mit Ihren Baukasten; dann sehen Sie die Schritte, die dort funktionieren, mit dem Code, den Sie brauchen. Unten finden Sie dieselben Schritte für jeden Baukasten.

Wählen Sie Ihren Baukasten

WordPress

Mit dem Plugin YourReservation Booking

  1. Laden Sie das Plugin unten herunter.
  2. Gehen Sie in WordPress zu Plugins, Neues Plugin hinzufügen, Plugin hochladen, wählen Sie die Datei und installieren Sie sie.
  3. Aktivieren Sie das Plugin.
  4. Gehen Sie zu Einstellungen, YourReservation und fügen Sie Ihren Schlüssel ein. Speichern Sie.
  5. Der schwebende Button erscheint jetzt auf jeder Seite. Ein eigener Button oder Menüpunkt öffnet das Pop-up mit dem Link #tablehost oder mit dem Shortcode [yourreservation_button].

Keine Plugins möglich (zum Beispiel bei WordPress.com ohne Plugins)? Setzen Sie dann diese Zeile unten auf jede Seite oder legen Sie einen Button zu Ihrer Buchungsseite an.

Wix

Die Codezeile über Custom Code

  1. Öffnen Sie das Dashboard Ihrer Website und gehen Sie zu Settings.
  2. Wählen Sie Custom Code im Bereich Development & integrations und klicken Sie oben rechts auf + Add Custom Code.
  3. Fügen Sie die Zeile unten ein und geben Sie ihr einen Namen, zum Beispiel YourReservation.
  4. Wählen Sie bei Add Code to Pages die Option All pages und bei Place Code in die Option Body end.
  5. Klicken Sie auf Apply.

Custom Code funktioniert bei Wix nur auf einer veröffentlichten Website mit verbundener eigener Domain. Setzen Sie die Zeile nicht in ein HTML-Element: Wix zeigt es in einem kleinen abgeschirmten Rahmen, und darin hat das Pop-up keinen Platz.

Squarespace

Die Codezeile über Code Injection

  1. Öffnen Sie in Squarespace den Bereich Code Injection.
  2. Fügen Sie die Zeile unten in das Feld Footer ein.
  3. Klicken Sie auf Save.

Code Injection ist in den Tarifen Core, Plus und Advanced enthalten, nicht in Basic.

Im Tarif Basic: Fügen Sie einen Button-Block hinzu, klicken Sie auf den Stift, wählen Sie bei Content die Option Attach Link und fügen Sie diesen Link bei URL ein.

Webflow

Die Codezeile im eigenen Code Ihrer Website

  1. Öffnen Sie in Webflow die Einstellungen Ihrer Website und suchen Sie den Bereich für eigenen Code.
  2. Fügen Sie die Zeile unten in das Feld für den Footer ein.
  3. Speichern und veröffentlichen Sie die Website.

Eigener Code ist im kostenlosen Tarif Starter nicht enthalten; Sie brauchen einen kostenpflichtigen Tarif.

Shopify

Ein Button oder Menüpunkt zu Ihrer Buchungsseite

  1. Fügen Sie in Ihrem Theme einen Button oder Menüpunkt hinzu.
  2. Fügen Sie den Link unten als Adresse ein.
  3. Speichern Sie.

Das Pop-up auf jeder Seite ist auch möglich: Ihr Webentwickler setzt die Codezeile dann direkt vor </body> in layout/theme.liquid (Online Store, beim Theme das Menü mit den drei Punkten, Edit code). Shopify weist darauf hin, dass solche Änderungen bei einem Theme-Update verloren gehen können. Testen Sie es also zuerst an einer Kopie.

Die Codezeile für Ihren Webentwickler:

Jimdo

Ein Button zu Ihrer Buchungsseite

  1. Fügen Sie auf Ihrer Seite einen Button hinzu.
  2. Fügen Sie den Link unten als Adresse des Buttons ein.
  3. Veröffentlichen Sie die Seite.

Bei manchen Tarifen können Sie auch eigenen Code in die Seite einfügen. Dann lässt sich das Formular mit dem Code unten fest in die Seite einbetten.

Das Formular fest in der Seite:

Framer

Die Codezeile über Custom Code

  1. Öffnen Sie Project Settings und wählen Sie links Custom Code.
  2. Klicken Sie auf Add Script oder auf das Pluszeichen.
  3. Fügen Sie die Zeile unten ein und wählen Sie das Ende des Body und alle Seiten.
  4. Veröffentlichen Sie die Website und prüfen Sie die veröffentlichte Fassung: In der Vorschau des Editors läuft eigener Code nicht.

Eine eigene Domain erfordert bei Framer einen kostenpflichtigen Tarif.

Google Sites

Das Formular auf der Seite

  1. Klicken Sie rechts auf Insert und wählen Sie Embed.
  2. Wählen Sie By URL und fügen Sie die Adresse unten ein.
  3. Klicken Sie auf Insert und ziehen Sie den Block so hoch, dass das ganze Formular sichtbar ist.
  4. Klicken Sie auf Publish.

Google Sites hat keinen Platz für Code auf jeder Seite, daher ist der schwebende Button mit Pop-up hier nicht möglich.

Lieber ein Button: Wählen Sie Insert, Button, geben Sie ihm einen Namen und fügen Sie diesen Link ein.

Hostinger

Die Codezeile über Integrations

  1. Öffnen Sie den Website-Baukasten und klicken Sie auf More (die drei Punkte).
  2. Wählen Sie Integrations.
  3. Fügen Sie die Zeile unten in das Feld Custom code ein und speichern Sie.
  4. Aktualisieren Sie Ihre Website. Im Editor sehen Sie den Button nicht, in der Vorschau und online schon.
one.com

Ein Button zu Ihrer Buchungsseite

  1. Fügen Sie auf Ihrer Seite einen Button hinzu.
  2. Fügen Sie den Link unten als Adresse des Buttons ein.
  3. Veröffentlichen Sie die Website.

Bei manchen Tarifen können Sie auch eigenen Code einfügen; dann lässt sich die Codezeile für das Pop-up ergänzen.

Die Codezeile, falls Ihr Tarif eigenen Code erlaubt:

IONOS

Die Codezeile über Custom Head Code

  1. Gehen Sie in Ihrem IONOS-Konto zu Menu, Web Projects, Manage project und öffnen Sie Website, Website Editor.
  2. Wählen Sie Settings, Custom Head Code.
  3. Fügen Sie die Zeile unten ein.
  4. Wählen Sie bei der Einwilligung No consent required. Mit Consent required lädt der Button erst, wenn ein Besucher eingewilligt hat.
  5. Klicken Sie auf Save.

Nicht jedes MyWebsite Now-Paket erlaubt eigenen Code.

Strato

Das Formular auf der Seite über das Embed-Element

  1. Wählen Sie WEBSEITE BEARBEITEN, Inhaltselemente, Standardelemente, Embed, und ziehen Sie das Element an die gewünschte Stelle der Seite.
  2. Klicken Sie oben rechts auf das Zahnrad und wählen Sie Internetadresse (iFrame).
  3. Fügen Sie die Adresse unten ein.
  4. Stellen Sie die Höhe selbst ein, sodass das ganze Formular sichtbar ist.

Der Homepage-Baukasten von Strato erlaubt keinen eigenen Code, daher ist der schwebende Button mit Pop-up hier nicht möglich.

Oder ein Button zu Ihrer Buchungsseite:

Square Online

Die Codezeile über Tracking Tools

  1. Gehen Sie im Square Dashboard zu Channels, Square Online.
  2. Wählen Sie Settings, Tracking Tools und klicken Sie auf Add new code.
  3. Geben Sie einen Namen ein, fügen Sie die Zeile unten ein und wählen Sie End of body.
  4. Klicken Sie auf Save und veröffentlichen Sie die Website.

Eigener Code ist nur in Square Online Plus und Premium enthalten.

Im Tarif Free: Markieren Sie einen Button, wählen Sie Add link, fügen Sie diesen Link ein und klicken Sie auf Save. Veröffentlichen Sie danach.

Carrd

Die Codezeile mit einem Embed-Element

  1. Fügen Sie ein Embed-Element hinzu und wählen Sie bei Type die Option Code.
  2. Fügen Sie die Zeile unten ein.
  3. Stellen Sie Style auf Hidden und wählen Sie Body End.
  4. Veröffentlichen Sie die Website; im Builder sehen Sie den Button nicht.

Embeds erfordern bei Carrd den Tarif Pro Standard oder höher.

Ohne Pro Standard: Setzen Sie diesen Link auf einen Button.

Lovable, Bolt, v0 oder Replit

Fragen Sie den Chat Ihres Tools

  1. Kopieren Sie die Anweisung unten; Ihr Schlüssel ist bereits enthalten.
  2. Fügen Sie sie in den Chat von Lovable, Bolt, v0 oder Replit ein.
  3. Öffnen Sie danach die veröffentlichte Website, klicken Sie auf den Button und prüfen Sie, ob sich das Pop-up öffnet.

Eine eigene Domain erfordert bei Lovable und Bolt einen kostenpflichtigen Tarif.

Etwas anderes oder selbst gebaut

Die Codezeile unten auf jeder Seite

  1. Fügen Sie die Zeile unten direkt vor </body> ein, auf jeder Seite oder in der Vorlage, die jede Seite nutzt.
  2. Hat Ihre Website eine Content-Security-Policy, erlauben Sie https://yourreservation.eu bei script-src, connect-src, frame-src und img-src.
  3. Veröffentlichen Sie und klicken Sie auf den Button, um zu prüfen, ob sich das Pop-up öffnet.

Lieber das Formular fest in der Seite:

Keine Website

Ihre Buchungsseite ist Ihre Website

  1. Teilen Sie den Link unten auf Instagram, in Ihrem Google-Unternehmensprofil und in Ihren E-Mails.
  2. Bringen Sie den QR-Code von oben auf den Tischen, auf der Speisekarte oder am Fenster an.

Das Pop-up gestalten

  1. Wählen Sie unter Pop-up gestalten im Bereich Farben Ihre Markenfarbe, den Hintergrund und den Text.

    Hat Ihre Farbe zu wenig Kontrast, werden die Buttons im Pop-up etwas kräftiger eingefärbt, damit sie lesbar bleiben.

  2. Wählen Sie eine Schriftart für den Text und die Überschriften, und eine Größe.

    Auf dem Smartphone füllt das Pop-up immer den ganzen Bildschirm.

  3. Schalten Sie unter Button auf Ihrer Website die Option Schwebenden Button in der Ecke anzeigen ein oder aus, und wählen Sie Text auf dem Button, Position, Buttonfarbe und Textfarbe des Buttons.

    Ist der Text auf der Buttonfarbe schlecht lesbar, bekommt der Button auf Ihrer Website weiße Schrift, so wie in der Vorschau.

  4. Speichern Sie und sehen Sie sich das Ergebnis in der Vorschau an, oder klicken Sie auf Auf einer Testseite ansehen.

    Die Vorschau ist Ihr echtes Pop-up: Buchungen, die Sie dort machen, sind echt.

Regeln für Gäste

Unter Regeln für Gäste legen Sie fest, wie kurzfristig und wie weit im Voraus Gäste online buchen, und bis wann sie selbst stornieren oder umbuchen können.

  1. Tragen Sie bei Stornieren möglich bis ein, bis wie viele Stunden vor der Reservierung das geht.

    Danach muss der Gast anrufen.

  2. Schalten Sie Gäste können selbst umbuchen ein und tragen Sie bei Bedarf Umbuchen möglich bis ein.

    Über den Link in der Bestätigung und in der Erinnerung wählt ein Gast einen anderen Tag oder eine andere Uhrzeit. Sie bekommen eine Benachrichtigung, in der auch die alte Zeit steht.

  3. Tragen Sie Reservierungen möglich ab, Mindestens im Voraus und Wie weit im Voraus ein.

    Bleibt Reservierungen möglich ab leer, gilt das ab heute. Am Empfang geht es immer.

  4. Restaurant: Wählen Sie bei Die Endzeit eines Service ist zwischen Die letzte Ankunft und Der Zeitpunkt, an dem Sie schließen, und klicken Sie auf Regeln speichern.

    Sie sehen Regeln gespeichert.

Sprachen für Gäste

Ihre Buchungsseite, das Pop-up und die E-Mails gibt es auf Niederländisch, Englisch, Deutsch und Schwedisch. Ein Gast bekommt die Sprache seines Browsers, wenn Sie diese anbieten, sonst die Standardsprache.

  1. Schalten Sie unter Sprachen für Gäste die Sprachen ein, die Sie anbieten möchten.

    Bei jeder Sprache sehen Sie, ob sie eingeschaltet ist.

  2. Wählen Sie die Standardsprache.

    Diese Sprache bekommen Gäste, deren Browser auf eine Sprache eingestellt ist, die Sie nicht anbieten.

Nachrichten an Gäste

  1. Tragen Sie unter Nachrichten an Gäste den Absender und Antworten von Gästen an ein.

    Antwortet ein Gast auf eine E-Mail, kommt die Antwort an dieser Adresse an.

  2. Tragen Sie bei Benachrichtigung über neue Reservierungen an ein, wohin Ihre Benachrichtigungen gehen sollen.

    Leer bedeutet: an die E-Mail-Adresse des Betriebs.

  3. Tragen Sie bei Bedarf Link zu Ihren Bedingungen ein und wählen Sie bei Erinnerung vorab, wie viele Stunden vor der Reservierung die Erinnerung verschickt wird.

    0 bedeutet keine Erinnerung.

  4. Schalten Sie Um eine Bewertung bitten ein, tragen Sie Stunden nach dem Besuch und Ihren Link zu Ihren Google-Bewertungen oder Link zu TripAdvisor ein und klicken Sie auf Nachrichten speichern.

    Nach dem Besuch bekommt der Gast eine E-Mail mit diesen Links. Diesen Schalter sehen Sie nur, wenn Bewertungen zu Ihrem Paket gehören.

So bucht ein Gast

Restaurant: Der Gast wählt Datum, Personenzahl und Uhrzeit, gibt seine Angaben ein und klickt auf Reservieren. Danach bekommt er eine E-Mail. Erst wenn er auf den Button in dieser E-Mail klickt, ist sein Tisch fest gebucht; tut er das nicht innerhalb von 24 Stunden, verfällt die Anfrage. Bis dahin steht die Reservierung in Heute als Unbestätigt.

Aktivitäten: Der Gast wählt die Aktivität, die Personenzahl, die Dauer, das Datum, eine Startzeit und bei Bedarf Extras. Muss er vorab bezahlen oder eine Anzahlung leisten, zahlt er sofort über Mollie. Ohne Zahlung halten wir den Platz für ihn frei, und er bestätigt über den Link in der E-Mail.

Salon: Der Kunde wählt eine Behandlung, einen Mitarbeiter oder keinen bestimmten Wunsch, und eine Uhrzeit. Muss er vorab bezahlen, steht der Termin erst nach der Zahlung fest; zahlt er nicht innerhalb von 20 Minuten, wird die Zeit wieder frei.

Über den Link in der E-Mail kann der Gast stornieren, und auch umbuchen, wenn Sie das eingeschaltet haben.

Kommen Sie nicht weiter? So bekommen Sie Hilfe