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;
}