To generate the code, go to the Booking Engine section of your cloud software and then select Website Calendar Script Generator.
Now you can copy and paste the code into your website. Without making any changes to the code, the widget will appear like this: (this is an actual functioning widget that you can try out!)
The calendar widget above is for an entire property. We can make changes to how it is displayed. For example, we can show the actual availability calendar by editing the script before we copy and paste it like so:
The results of that change will look like this:
You can also use CSS to edit the look of the widget. In this next example, we will make the widget stretch horizontally across the page with a variation of the attached CSS code (see attached text file BEV4-Horizontal.txt for an example of how to do this).
For more information about advanced features of the Calendar Widgets see Advanced Calendar Widget Options.