Widget-Einbindung

⚠ Wenn du eine WIX-Website hast, sieh dir unsere WIX-Einbindungsanleitung an.

Unsere Widgets bestehen im Allgemeinen aus 2 Komponenten. Beide findest du in der Widget-Konfiguration

Der erste Teil besteht aus einem Script und einem rtr-checkout-Element. Das Script stellt die Verbindung zu deinem Rentware-Account her und liefert die Funktionalität für die HTML-Elemente. Der Checkout ist dafür zuständig, den Warenkorb und die Buchungsschritte im Checkout darzustellen. Diese Buchungsschritte und ihre Inhalte kannst du in den Schritt-Einstellungen festlegen.

Der erste Teil sieht so aus:

<script
type="module"
src="https://cdn.rtr-io.com/widgets.js"
></script>
<script>
window.RTR_ACCESS_TOKEN = 'YOUR_ACCESS_TOKEN';
</script>
<rtr-checkout></rtr-checkout>

Am besten fügst du ihn einfach in einen globalen Header oder Footer ein (wenn deine gesamte Website Rentware-Funktionen haben soll) oder irgendwo in den Body einzelner Unterseiten (wenn sich nur bestimmte Unterseiten um dein Vermietgeschäft drehen, während es auf anderen zum Beispiel um den Verkauf geht, der außerhalb von Rentware stattfindet). Wichtig ist auch: Ein Checkout darf pro Seite nur einmal vorkommen. Wenn du rtr-checkout versehentlich zweimal einbindest, bekommst du Probleme mit Online-Zahlungsanbietern.

Der zweite Teil ist nur ein HTML-Element mit deinem konkreten Buchungswidget. Am Beispiel eines Suchwidgets sieht das so aus:

<rtr-search></rtr-search>

Es kann weitere Parameter enthalten, um das Verhalten des Suchwidgets festzulegen. Diesen Teil fügst du als HTML-Element einfach an der Stelle ein, an der das Widget erscheinen soll.

Wichtiger Hinweis: Auch wenn es technisch möglich ist, solltest du die Widgets nie über einen iFrame einbinden. Ein iFrame isoliert die Widgets in einem Container, zerstört Layouts (besonders auf Mobilgeräten) und kann die Online-Zahlung beeinträchtigen.

Mehrere Sprachen:

Wenn du mehrere Sprachen aktiviert hast, versuchen die Widgets, die Sprache deiner Website zu erkennen, wie sie im <html>-Objekt definiert ist. Wenn deine Website zum Beispiel

<html lang="de-DE">

angibt, versucht das Widget, deine deutschen Übersetzungen zu laden. Ist dein Rentware-Account nicht auf Deutsch eingestellt, wird deine Standardsprache verwendet. Wenn es Probleme mit der automatischen Spracherkennung gibt, kannst du sie auch überschreiben, indem du den Parameter

window.RTR_LOCALE = 'de-DE';

zu deinem Script hinzufügst.