To add a booking wizard to your site, go to Shortcodes → Add New → Appointment form.
This visual shortcode generator allows you to customize the look of your appointment booking form:
- Tick form fields that must be displayed:
This is useful when you don’t want customers to choose fields, for example, you can hide an employee field:
As you see, all for fields except for the service are optional.
- Rename default field labels
- Set default values
- Optionally add CSS or custom HTML
Once all the needed changes are applied, save them and the shortcode will be automatically generated.
Now you can paste this shortcode to any page using the default Shortcode block for the block editor or any other shortcode-specific widget by third-party builders like Elementor.
Note: changes you set in the shortcode general apply globally to all forms; if you use the booking form on different pages and want to make different changes to individual forms, you need to customize chosen shortcodes only using the needed shortcode parameters from the Help menu:
The shortcode will run the one-page booking wizard for your clients, where they’ll be offered to complete several steps to submit a booking.
Let’s take a class booking example from our Edme appointment booking WP theme to see the process your clients will need to go through.
Step 1. Choose a service category, service, location, and an employee (or optionally go with ‘any’).
Step 2. Select the date and time and choose a free slot from available ones.
Step 3. Clients provide personal details (an email address, name, and phone number).
Let’s also see what you can do with the rest of the shortcodes.