You can add a trigger to your custom element to open a booking form when the element is clicked by adding the “os_trigger_booking” css class to that element.
If you want to preselect agent, location or service on the booking form, you will have to add data- attributes to your element:
data-selected-location="1"
data-selected-agent="2"
data-selected-service="3"
data-selected-duration="60"
Example:
<a href="#" class="example-button os_trigger_booking" data-selected-service="2">Book Haircut</a>