# Widget-Einbindung

Lerne, wie du deine Buchung in deine Website einbindest.

![](https://rentware.com/_astro/intercom-1107324211.wx_F2_qg_1A54fD.webp)

Grundsätzlich lassen sich alle Widget-Typen in jede Art von Website oder jedes Framework einbinden, dank unserer eigenen Technologie, die wir entwickelt haben, damit die Einbindung so reibungslos wie möglich funktioniert.

⚠ Wenn du eine WIX-Website hast, schau dir unsere [WIX-Einbindungsanleitung](https://rentware.com/help/wix-buchungswidgets-einbinden/) an.

---

## Installation

1) Gehe in deine **Shop**-Einstellungen und öffne den Tab **Widgets**.

![](https://rentware.com/_astro/intercom-1043978029.C_Hk84X3_221joM.webp)

2) Wähle in der Liste den **Widget-Typ** aus, den du verwenden möchtest.

![](https://rentware.com/_astro/intercom-1044023991.Do9iw-tY_1jgXFm.webp)

3) Wähle den oder die **Artikel** aus, die du einbinden möchtest.

![](https://rentware.com/_astro/intercom-1043978564.D1csQyDM_Z1TsaGS.webp)

4) Öffne den Tab Website und kopiere den **Code** in deine Website.

![](https://rentware.com/_astro/intercom-1043985438.UuXISGZh_2ehLrM.webp)

Jedes Widget, das du verwenden möchtest, wird in zwei Schritten eingebunden:

#### Schritt 1

Kopiere zuerst den Link zu unserem allgemeinen Skript (nur einmal!) direkt hinter deinen \<body>-Tag.

```
<script type="module"src="https://cdn.rtr-io.com/widgets.js"></script>
```

Danach initialisierst du mit deinem Access Token die Verbindung zu deinem Inventar. Die Widgets übernehmen die Sprache deiner Website automatisch, siehe [Mehrere Sprachen](https://rentware.com/help/widget-einbindung/#mehrere-sprachen).

```
<script>window.RTR_ACCESS_TOKEN = 'YOUR ACCESS TOKEN';</script>
```

#### Schritt 2

Kopiere dann den Code-Schnipsel des eigentlichen Widgets, zum Beispiel des **Buchungsdetails-Widgets,** in den Bereich der Website, in dem es angezeigt werden soll.

```
<rtr-order></rtr-order>
```