How can I setup Booking Dates for services.

  • Profile Image
    Asked on February 22, 2017 at 12:37 PM


    I want to setup a form where:

    I offer 2 services.

    Service #1

    The available days of the week will be only 2 (Monday & Thursday)

    Also, if a customer selects one day of them I want this day to get unavailable.


    Service $2

    The available days of the week will be only 2 as well (Tuesday & Saturday)
    Also, If 4 customers select the same day, then this day will be unavailable after that.


    Is this possible to set it up somehow?


    Also If the User Selects the 1st Service then only the 1st date Selector will be available and mandatory (the second will be hidden)

    Exactly the same must be done in case the 2nd Service is selected

  • Profile Image
    Answered on February 22, 2017 at 03:08 PM

    For the Service #1, you can use our Date Reservation to accomplish it.

    In the widget settings, please do the following:

    1. Set "Allow weekends" to NO.

    2. In the Widget CSS area, inject the following custom CSS codes to disable Tuesday, Wednesday, and Friday:

    #reservationContainer td:nth-child(2), #reservationContainer td:nth-child(3), #reservationContainer td:nth-child(5) {

        pointer-events: none;

        opacity: .35;

        filter: Alpha(Opacity=35);



    Since you allow four (4) selections before disabling the date, the Date Reservation won't be able to do the service #2. I think you need to configure this manually using limit widgets such as the following:

    Using the widget means you have to predefine the dates as the option then set the available slots.


    As for hiding/showing a field, you can do it with conditional logic. 


    Let us know if you need further assistance.

  • Profile Image
    Answered on February 23, 2017 at 04:46 AM
    Hello Welvin!
    Thank you very much!
    It was very helpful your response!