Startseite / Anleitungen / Booking Engine

Die Booking Engine auf der Hotelwebsite einrichten

Die Myprotelmod-Booking-Engine in Ihre Hotelwebsite integrieren, um provisionsfreie Direktbuchungen in bis zu 12 Sprachen entgegenzunehmen — synchron zu den Zimmerverfügbarkeiten in Protel PMS.

Die Booking Engine von Myprotelmod (Modul mp-booking-engine, 55 €/Monat) lässt sich in jede beliebige Seite Ihrer Hotelwebsite einbinden (WordPress, Wix, Webflow, individueller Code, Typo3). Sie zeigt Ihre Zimmerkategorien an, ruft die Zimmerverfügbarkeiten in Echtzeit aus Protel ab und übernimmt die Zahlungsabwicklung — und das in 12 Sprachen. Diese Anleitung deckt Installation, Corporate-Design-Anpassung und mehrsprachige Konfiguration ab.

Voraussetzungen

  • Ein aktives Myprotelmod-Kundenbereich-Konto mit aktiviertem mp-booking-engine-Modul
  • Ein laufender Protel-Konnektor mit gültigem Property-Code
  • Administratorzugriff auf das CMS oder den HTML-Code Ihrer Hotelwebsite
  • Mindestens eine gepflegte Zimmerkategorie mit Foto und Beschreibung in Protel
  • Zielsprachen unter Einstellungen → Sprachen konfiguriert

Schritt 1: Einbindungscode erzeugen

1

Öffnen Sie Einstellungen → Booking Engine

Klicken Sie auf „Neue Booking Engine". Benennen Sie sie nach dem Einsatzort (z. B. „Startseite Berlin", „Kategorieseite Junior Suite München"). Ein Konto kann bis zu 20 Booking-Engine-Instanzen mit unterschiedlichen Konfigurationen je Property parallel verwalten.

2

Anzeigemodus wählen

Drei Modi stehen zur Verfügung: Vollständiger Zimmerkatalog (Raster aller Kategorien), Kategoriefilter (nur eine Zimmerkategorie, z. B. für die Detailseite „Junior Suite"), Kompakte Suchbox (nur Anreise/Abreise/Gäste-Selektor für die Startseite).

3

HTML-Snippet kopieren

Der erzeugte Code sieht ähnlich aus wie <script src="https://engine.myprotelmod.org/v1/be.js" data-engine-id="be_ber_abc123" data-property="BER" async></script>. Fügen Sie ihn kurz vor dem schließenden </body>-Tag auf der Zielseite ein.

Schritt 2: Angezeigte Sprachen konfigurieren

1

Reiter „Sprachen" in der Booking Engine öffnen

Aktivieren Sie die gewünschten Sprachen aus den 12 verfügbaren (DE, EN, FR, IT, ES, NL, PT, PL, RU, JA, KO, ZH). Die Booking Engine zeigt oben rechts einen Sprachumschalter an — abgestimmt auf die Zielmärkte Ihres Hauses.

2

Automatische Spracherkennung wählen

Drei Optionen: Erkennung per Browser (Accept-Language HTTP), Erkennung per IP-Geolokalisierung oder feste Standardsprache. Für ein Businesshotel in Frankfurt mit vielen internationalen Gästen liefert die Browser-Erkennung in 85 % der Fälle die besten Ergebnisse.

3

Prüfen, ob Ihre Zimmerbeschreibungen übersetzt sind

Die Booking Engine zeigt Inhalte automatisch in der gewählten Sprache an. Eine Zimmerkategorie ohne Übersetzung in der Zielsprache erscheint in der Standardsprache — was die Konversion senkt. Kontrollieren Sie den Fertigstellungsgrad unter Katalog → Übersetzungen.

Schritt 3: Corporate-Design-Anpassung

1

Farben an Ihr Corporate Design anpassen

Legen Sie im Reiter Design die Primärfarbe (Buttons „Jetzt buchen", Links), die Sekundärfarbe (Akzente), die Hintergrund- und die Textfarbe fest. Verwenden Sie die exakten Hex-Codes Ihres Hotel-Corporate-Designs.

2

Schriftart wählen

Vier Familien stehen zur Wahl (Inter, Roboto, Lato, Merriweather) oder „Von der Hotelwebsite erben", um die vom CMS geladene Schrift zu übernehmen. Die letzte Option vermeidet einen zusätzlichen Schriftdownload und verbessert die Ladezeit — kritisch für Conversion auf Mobilgeräten.

3

Eckradien anpassen

Von 0 (kantig) bis 16 px (stark abgerundet). Stimmen Sie diesen Parameter auf das allgemeine Erscheinungsbild Ihrer Hotelwebsite ab, um eine stimmige visuelle Einbindung zu erreichen — die Booking Engine soll nicht wie ein Fremdkörper aussehen.

Schritt 4: Vor dem Go-Live testen

1

Live-Vorschau nutzen

Der Reiter Vorschau simuliert die Booking Engine in allen konfigurierten Sprachen und drei Formaten (Desktop, Tablet, Smartphone). Prüfen Sie Lesbarkeit, Button-Kontrast und Verhalten der Datumsauswahl — der Kalender ist der Punkt mit der höchsten Absprungrate.

2

Testbuchung im Staging durchführen

Aktivieren Sie den Staging-Modus (in der Booking Engine deutlich als Badge sichtbar). Führen Sie den kompletten Ablauf von der Zimmerauswahl bis zur Kreditkartenzahlung durch. Staging-Buchungen fließen nicht in Ihren Protel-Belegungsplan ein und sind im Kundenbereich entsprechend markiert.

3

Staging deaktivieren und veröffentlichen

Sobald alles geprüft ist, schalten Sie den Staging-Modus in den Booking-Engine-Einstellungen ab. Alle folgenden Buchungen werden produktiv verarbeitet und landen als reservation.created-Webhook in Ihrem Protel-Frontoffice.

Performance-Auswertung

Die Booking Engine meldet Ereignisse automatisch an die Ansicht Analyse → Booking Engine: Impressionen, Öffnen einer Zimmerkategorie, Aufnahme in den Warenkorb, Konversionen, erzielter Umsatz und ADR. Sie können zusätzlich Google Analytics 4 oder Matomo anbinden, um die Direktbuchungsdaten mit dem Rest Ihrer Hotelwebsite abzugleichen. Für Fragen zu Ihrer individuellen Konfiguration wenden Sie sich an support@myprotelmod.org mit dem Betreff „Booking Engine Setup".