Das mehrsprachige Buchungs-Widget einrichten

Das Regiondotour-Widget auf Ihrer Website installieren und anpassen, um Direktbuchungen in mehreren Sprachen zu erfassen.

Das Buchungs-Widget von Regiondotour lässt sich in jede beliebige Seite Ihrer Website einbinden (WordPress, Wix, Webflow, individueller Code). Es zeigt Ihre Aktivitäten an, verwaltet Verfügbarkeiten in Echtzeit und übernimmt die Zahlungsabwicklung — und das in 12 Sprachen. Diese Anleitung deckt Installation, visuelle Gestaltung und mehrsprachige Konfiguration ab.

Voraussetzungen

Ein aktives Regiondotour-Anbieter-Konto
Administratorzugriff auf das CMS oder den HTML-Code Ihrer Website
Mindestens eine veröffentlichte Aktivität im Katalog
Zielsprachen unter Einstellungen → Sprachen konfiguriert

Schritt 1: Einbindungscode erzeugen

Öffnen Sie Einstellungen → Widget

Klicken Sie auf „Neues Widget". Benennen Sie es nach dem Einsatzort (z. B. „Startseite", „Detailseite Altstadt-Tour"). Ein Konto kann bis zu 20 Widgets mit unterschiedlichen Konfigurationen gleichzeitig verwalten.

Anzeigemodus wählen

Drei Modi stehen zur Verfügung: Vollständiger Katalog (Raster aller Aktivitäten), Kategoriefilter (nur eine Kategorie), Einzelaktivität (Buchungsbox für ein einzelnes Angebot).

HTML-Snippet kopieren

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

Schritt 2: Angezeigte Sprachen konfigurieren

Reiter „Sprachen" im Widget öffnen

Aktivieren Sie die gewünschten Sprachen aus den 12 verfügbaren (DE, EN, FR, IT, ES, NL, PT, PL, RU, JA, KO, ZH). Das Widget zeigt oben rechts einen Sprachumschalter an.

Automatische Erkennung wählen

Drei Optionen: Erkennung per Browser (Accept-Language HTTP), Erkennung per IP-Geolokalisierung oder feste Standardsprache. Die Browser-Erkennung liefert in 85 % der Fälle die besten Ergebnisse.

Prüfen, ob Ihre Aktivitäten übersetzt sind

Das Widget zeigt Inhalte automatisch in der gewählten Sprache an. Eine Aktivität ohne Übersetzung in der Zielsprache erscheint in der Standardsprache — was der Nutzererfahrung schadet. Kontrollieren Sie den Fertigstellungsgrad Ihrer Übersetzungen unter Katalog → Übersetzungen.

Schritt 3: Visuelle Anpassung

Farben an Ihr Corporate Design anpassen

Legen Sie im Reiter Design die Primärfarbe (Buttons, Links), die Sekundärfarbe (Akzente), die Hintergrund- und die Textfarbe fest. Verwenden Sie die exakten Hex-Codes Ihrer Marke.

Schriftart wählen

Vier Familien stehen zur Wahl (Inter, Roboto, Lato, Merriweather) oder „Vom Site erben", um die vom CMS geladene Schrift zu übernehmen. Die letzte Option vermeidet einen zusätzlichen Schriftdownload und verbessert die Ladezeit.

Eckradien anpassen

Von 0 (kantig) bis 16 px (stark abgerundet). Stimmen Sie diesen Parameter auf das allgemeine Erscheinungsbild Ihrer Website ab, um eine stimmige visuelle Einbindung zu erreichen.

Schritt 4: Vor der Veröffentlichung testen

Live-Vorschau nutzen

Der Reiter Vorschau simuliert das Widget in allen konfigurierten Sprachen und drei Formaten (Desktop, Tablet, Smartphone). Prüfen Sie Lesbarkeit, Button-Kontrast und Verhalten der Auswahlfelder.

Testbuchung durchführen

Aktivieren Sie den Testmodus (im Widget deutlich als Badge sichtbar). Führen Sie den kompletten Ablauf von der Aktivitätsauswahl bis zur Zahlung durch. Testbuchungen fließen nicht in Ihren Umsatz ein und sind im Dashboard entsprechend markiert.

Testmodus deaktivieren und veröffentlichen

Sobald alles geprüft ist, schalten Sie den Testmodus in den Widget-Einstellungen ab. Alle folgenden Buchungen werden produktiv verarbeitet.

Performance-Auswertung

Das Widget meldet Ereignisse automatisch an die Ansicht Analyse → Widget: Impressionen, Öffnen einer Aktivität, Aufnahme in den Warenkorb, Konversionen, erzielter Umsatz. Sie können zusätzlich Google Analytics 4 oder Matomo anbinden, um die Daten mit dem Rest Ihrer Website abzugleichen. Für Fragen zu Ihrer individuellen Konfiguration wenden Sie sich an support@regiondotour.org mit dem Betreff „Mehrsprachiges Widget".