The most simple way to make your products bookable is to add a calendar widget. The benefit of that being that you can keep your current website layout and only have to add a code snippet to connect to your product availability matrix. Depending on your business model – if you rent out on hourly, daily or monthly basis and your product complexity – you should choose your layout wisely.
Layout recommendations:
Calendar for hourly and daily bookings
Card for any timeframe and more complex products
Time slots for hourly bookings
Date picker for monthly and yearly timeframes
Settings
As mentioned you can choose from four different ways to display your product availability and booking options:
Other than that you can change your button and text colors globally.
In case you want to change the settings of the date- and time picker, visit the shop settings and open the picker tab.
Implementation
Navigate to your shop settings and open the widgets tab. Then select the widget type from the list you want to use and choose the product you want to implement. At last copy the code to your website.