# Widget implementation

Learn how to implement your booking on your website.

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

Generally said all widget types can be implemented to any type of website or framework based on our proprietary technology we developed to make the website implementation as smooth as possible.

⚠ In case you have a WIX website, check our [WIX implementation guide](https://rentware.com/en/help/wix-booking-implementation/).

---

## Installation

1) Navigate to your **shop** settings and open the **widgets** tab.

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

2) Select the **widget type** from the list you want to use.

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

3) Choose the **product(s)** you want to implement.

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

4) Open the website tab and copy the **code** to your website.

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

Every widget you want to use has two steps of implementation:

#### Step 1

First copy the link of our general script (only once!) just after your \<body> tag .

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

Afterwards initialize the connection to your inventory with your access token. The widgets pick up the language of your website on their own, see [Multiple languages](https://rentware.com/en/help/widget-implementation/#multiple-languages).

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

#### Step 2

Then copy the code snippet of the actual widget, such as the **Order details widget,** to the section of the website where you want to display it.

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