Calendar Widget Scripts

A booking calendar shows the availability for a single type of unit or pitch. If you have page dedicated to a type of unit you can add the booking calendar to show availability and allow booking.

Step 1 – add the header script

The following script reference must be added at the head (just before the head close tag):

You will need to set:

cid = Company ID

Note: do not lazyload this script.

Step 2 – add the calendar

This is the code for the calendar widget.

You set the width to your required width and it will size accordingly. To make it responsive set it to 100% and put it in a responsive div.

You will need to set:

cid = Company ID

pid = Park ID

uid = Unit ID

You can also set these parameters (the code above includes suitable defaults to show a calendar that runs from now to the end of next year):

pcsd Start date, e.g. ‘pcsd=2020-09-12’

pcend End date, e.g. ‘pcend=2020-09-15’

pced Earliest date, i.e. the earliest date you can pick on the calendar, e.g. ‘pced=2019-09-01’

pcld Latest date, i.e. the latest date you can pick on the calendar, e.g. ‘pcld=2025-12-25’

pctmp Template name to use

pcdo Duration options, a list of possible durations the user can pick, e.g. ‘pcdo=1,2,3’

pcrurl Return URL, i.e. a URL to return to after booking, e.g. ‘pcrurl= http%3a%2f%2fwww.google.co.uk’

pcot Occupancy Types e.g. pcot=1176x2-1187x3-1188x1

pcrpooc Update the price if he number of occupants changes e.g. pcrpooc=true

If you pass both a ‘start date’, and an ‘end date’ the calendar will pop up the ‘book now’ popup window for those dates.

All the ‘date’ types will also take things like ‘today’, ‘tomorrow’, ‘endofyear’ as well as a date in yyyy-mm-dd format.

Calendar Widget Scripts

Email us - support@gemapark.co.uk Call us - 01983 282420

netguides.co.uk gemapark.co.uk https://www.facebook.com/netguides/