Firstly, you should be prompted to install the BirchPress Scheduler plugin - do so.
Next, follow our blog post on setting up some example services using the plugin.
Step 1
Create a new page called 'Make a Booking' (or whatever you wish) and paste in the following shortcode into the editor.
[bpscheduler_booking_form]
Ensure the 'Template' dropdown is set to be 'Full width page'
Step 2
Next, add the button to the menu, linking to the booking scheduler page.
Go to Appearance > Menus and click on 'Screen Options' at the top - tick 'CSS Classes'.
Add your new 'Make a Booking' page to the menu, and add the following classes to the 'CSS Classes' field.
button right
Step 3
If you'd like to change the button color - add the following css snippet via Appearance > Customize > Additional CSS - changing the #hex to your own.
/* Button Color */
.blog-menu > li.button span {
background: #58b127;
}
/* Button Hover Color */
.blog-menu > li.button a:hover span {
background: #4ba718;
}