The article booking widget allows you to show a specific item from your inventory with its availability and allow your customers to book it.
It is best used in combination with either item specific subpages (yourwebsite.com/car-x) or in combination with sections showing pictures and descriptions of a specific item.
The code to implement into your website will look like this:
<rtr-article-booking
article-id="ZU5WEE"
view="calendar"
></rtr-article-booking>
Please note:
This code only works in combination with the script, as described in the article
As you can see there are 2 variables to set. The first one "article-id" determines which item will be shown.
You can find it either in your inventory list or in the widget configurator.
The second variable "view" determines in which way it will be displayed.
For that there are multiple options:
Let's go through those from left to right and top to bottom.
Calendar (recommended)
This view shows a calendar and is the best option for cases, where the rental is either multi-day, or single and multi-day.
To use this view, use the variable
view="calendar"
Cards
The card view also shows the pictures you uploaded for this item in Rentware and also its description.
When a customer clicks on this card, a pop-up will open, which looks like this:
This view works for both single-day and multi-day cases, although if you operate strictly within one day, then the "slots" view might be better.
With the "cards" view you don't necessarily need to upload the pictures and description on your website (since it's taken from Rentware anyway) and therefore have less work.
To use this view, use the variable:
view="cards"
Slots
The slots view works only within one day. Within that day it shows all possible timeframes within which a customer can book.
It always shows the biggest slot and a customer can then narrow it down.
So if your opening times are from 09:00 to 19:00 and an item is booked from 12:00 to 15:00, then you will get 2 slots.
09:00 - 12:00
and
15:00 - 19:00
In your location opening hours you can also set up recommended times.
Those will be shown separately (if available) and can help you market specific times.
A setting like this:
Will be shown like this:
To use this view, use the variable:
view="slots"
Default
The default view is basically a simpler version of the calendar view.
Instead of a unified calendar, the customer selects the start and end time separately and sees their separate calendars.
For most cases the calendar view tends to be a better fit.
To use this view, use the variable
view="default"





