1. Open the page where you want to add the booking form in page edit mode and click on the Add Bookly booking form button.
This is how Bookly shortcodes look like in the Gutenberg editor (if you've updated your site to WordPress 5.0). Click the + icon and select Bookly block. Then select "Bookly – Booking form" to insert the shortcode to your page.
2. Choose which fields you'd like to keep or remove from the booking form. By removing a field, you won't be deleting all the info associated with it – it will only be hidden from customer's view.
In the Gutenberg editor, these settings are on the right:
- Categories of services
All three of the above, when hidden, require a default value chosen here (because each appointment must have each of those properties).
- Number of persons – lets clients book several spots for the same appointment (e.g., group class). This option is available with the Group Booking (Add-on).
If hidden, all appointments will be booked just for one person.
- Date – the user will be offered time slots on this preferred date and on dates after the preferred date (but not before).
- Week days – since the client will be offered time slots spanning multiple dates, it can be helpful to have them pick days of the week as well.
- Time range – the hours during the day during which the client would prefer to have the appointment. They will then be offered time slots within these hours only.
3. Click , and the booking form will be added to the page.
If you'd like to have the booking form on multiple pages of your site, just follow the same steps for each page you want to add the form to.
All appointments created from each of those booking forms will be placed in one admin area (your Bookly Calendar and Appointments list).
GOOD TO KNOW
Custom Fields (Add-on) in Booking Form to ask custom questions and get more info from clients during booking.
Notifications and reminder emails & text messages.
Multisite (Add-on) – if you need to add the booking form to several websites of different businesses.
WPML Plugin Integration – to translate booking form interface and notifications from English into 40+ other languages.