Add End Time to Start Time in WC Bookings Plugin

Tested & Works

This PHP code enables you to add the end time to the start date button using the WooCommerce Bookings plugin. The code adds the end time to the existing start time button under the booking calendar.

Works with :

  • Bookable Products
  • Booking duration > Fixed blocks of any hourly duration unit
  • Any availability settings for any Range Type and Range.

Demo Video

Shows time slots with the start and end time displaying inside each duration button block. Tested using different time slots of 4 and 1 hour hour duration.


Add the code to the end of your child themes functions.php file or custom PHP code snippets plugin.

Optional Styling

Included is some CSS for styling your duration time block links.

Some block themes might require some additional styling. This CSS is tested using the Twenty Twenty Four default theme for WordPress.

These solutions may also help :