New Item Details Gadget + Site Booker

In 2022, Bookeasy developed a new version of the Item Details gadget.

 

Benefits include:

Responsive CSS bundled in by default - works well on mobile, tablets as well as laptops / desktop computers

Simplified PAX options - adults, children and infants are chosen in one single dropdown

Bookeasy Attributes support: custom icons applied to various products within each operator

Bookeasy Attributes can be used to filter product options within a modal popup

Site Booker Map feature allows guests to view each product's location on a custom map and use this to make bookings - designed for websites that allow guests to book campgrounds within national parks

 

Limitations

At the time of writing, this gadget is unsuitable for Tours and Events product.  Our initial focus was to make this new gadget available for Accommodation and Campground products, though we may implement support for other products in future.

 

Usage

As per all other gadgets, you will need the gadgets javascript included on your page:

<script type="text/javascript" src="https://gadgets.impartmedia.com/gadgets.jsz?key=INSERT_KEY_HERE" type="text/javascript"></script>

Item details gadget

Then you will need an item details gadget instantiated, using BE.gadget.detailsAccom

If you currently have the older version of the Item Details gadget running on a webpage, you just need to replace BE.gadget.details with BE.gadget.detailsAccom

Here's an example:

<div id="itemGadget"></div>
 
<script type="text/javascript">
 
$w(function() {
        
        var gadgetOptions = {
                vcID:999
                type:"accom",
                productID:12345,
                period:2,
                adults:2,
        };
        
        BE.gadget.detailsAccom("#itemGadget", gadgetOptions);
        
});
 
</script>

Cart gadget

It is important that somewhere on your webpage you instantiate a Cart gadget.  Without it, customers will be unable to add products to their cart and therefore they won't be able to make bookings.

<div id="cartGadget"></div>
 
<script type="text/javascript">
 
$w(function () {
        BE.gadget.cart('#cartNavGadget', {
                vcID: 999,
                autoCollapse: true,
                showBookingTimer: true,
                bookingURL: 'https://www.mywebsite.address/bookings/checkout',
        });
});
 
</script>

 

Site booker map feature

If you are interested in using this feature, get in touch with us to discuss your requirements.  Certain features may need to be enabled in Bookeasy, and additionally usage of the site booker map feature may incur fees.