Looking for help?
< All Topics

Booking Calendar: How to create an appointment booking page

You can create the front end of your appointment solutions by embedding the booking calendar into a page by using the automatically generated shortcode. To find the shortcode you need to follow the steps below. Please be aware that The Bee Hive is powered by Groundhogg so the two terms are interchangeable in the instructions below.

How to set up an appointment booking page: 

Log into your WordPress site. 

Click on The Bee Hive (Groundhogg) > calendars:

Navigate to the Embed tab:

There you will be able to find both the autogenerated shortcode and the direct URL. 

How to set up a booking page with a shortcode: 

You can set up a booking page with the shortcode that is provided by The Bee Hive. This will allow you to set up using the block editor with the default WordPress page builder. 

You will first want to copy the shortcode that is listed under the embed tab. 

Next, create a new page in your WordPress pages menu:

From there, you will want to add the shortcode that you copied. 

Next, you will click publish. 

Once created, you will see the calendar appear for contacts who are visiting your site.

NOTE: This will look different depending on your theme and your choice of colours. This is also editable using custom CSS.

Table of Contents