Item Details (Tours) Gadget

In 2024, BookIt developed a new version of the Item Details gadget for tours operators.

Existing implementations using the old Item Details gadget can be upgraded to this newer version, with minimal code changes required.

Benefits include:

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

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

Limitations

At the time of writing, this gadget may not be suitable for Events operators.

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.detailsAccomOrActivities

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.detailsAccomOrActivities

Here's an example:

<div id="itemGadget"></div>
 
<script type="text/javascript">
 
$w(function() {
        
        var gadgetOptions = {
                vcID:999
                type:"tours",
                productID:72667,
                period:1,
                adults:1,
                showAllTours: true,
                collapseToursMode: true
        };
        
        BE.gadget.detailsAccomOrActivities("#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>