[PLUGIN] - Appointement Booking ultra customizable ( Calendly like )

Hi everyone,

I posted a calendly like plugin suitable for marketplace application / appointments app for barbers, coach, doctors, freelance and many of case … (like Treatwell, Doctolib, Preply ).

In all languages

Plugin:
Plugin page

Demo:
Demo page

SOME FEATURES

  • This plugin allows you to select a date according to the parameters of a service provider
  • Dates that no longer have slots are deactivated
  • Slots are automatically updated based on the time

ELEMENTS

Appointment Calendar is the visual element dragged onto the page which contains the following field options.

Settings fields

  • Language : To choose the language (ex : ’en’ for english)
    find your langage code on : Language Code Table
  • Max date : The max booking date
  • Timeslot format : UTC ( ex: 20:00 ) | AM/PM (ex: 8:00 PM)
  • Disable dates : List of date to disable
  • Booked dates : List of date already booked
  • Interval : The duration of the slots (in minutes)
  • Calendar firstday : The first day of calendar ( 1 = Sunday )
  • Min hours before booking : if day selected is current day , min hours before first booking
  • Block Mondays : To disable all mondays
  • Monday begin timeslot : First timeslot of mondays in UTC ( ex : 10:00 )
  • Monday end timeslot : Last timeslot of mondays in UTC ( ex : 22:00 )
  • Monday close from : First timeslot of the break for mondays in UTC ( ex : 12:00 )
  • Monday close to : Last timeslot of the break for mondays in UTC ( ex : 14:00 )

(Example pour the last four fields : Open from 10:00 to 22:00 but closed from 12:00 to 14:00)

⇒ The last five fields are available for each days of the week ( Monday to Sunday )

Design fields

All elements of calendar are customizable : Size - Border - Font size - Text color - Disabled dates color - Button color ( also hover ) …

EVENTS

  • Timeslot is clicked - Event triggered when the user selects a slot

EXPOSED STATES

  • Start date - Start date + time of the selected slot
  • End date - End date + time of the selected slot
4 Likes