Hello Martin

Since you have multiple employees, your customers are presented with the employee selection screen. The first screen can be skipped by specifying the service in the shortcode, like [ameliacatalog service=1].

To skip the employee section, and go directly to the calendar, you would need a custom solution:

First, go to the folder ../wp-content/plugins/ameliabooking/public/js/chunks/ and in it find a file with a name similar (but not the same) to this: amelia-booking-booking-91e921cc263e1677b694.js In that file, replace this:

this.showCalendarOnly(!0)&&0===this.options.entities.packages.length

With this:

"showAmeliaCalendarOnLoad"in window&&window.showAmeliaCalendarOnLoad&&this.appointment.serviceId||this.showCalendarOnly(!0)&&0===this.options.entities.packages.length

And then add this JS on the page:

<script>
window.showAmeliaCalendarOnLoad = true
</script>

Along with this custom CSS (which removes the first (blank) half of the screen, and displays the calendar in full width:

<style>
.am-select-service {
display: none !important;
}
.am-select-date.am-show-calendar {
width: 100% !important;
}
</style>

So your form would look like this:

Please note that this only works for shortcodes where you define the service, like this:

If you don't preselect the service, your customers will need to choose the service first, and hiding the first half of the form with CSS won't work.

You're welcome, Martin

If you have any further questions or issues, please feel free to open a new ticket, and we'll gladly help.