Public calendars

Overview

Some venues may wish to display their calendar publicly so that visitors can see what's on, or so that potential customers can see when rooms are free. You can either display the calendar from the MyHallWizard application or embed the calendar into your own website.

When someone views the public calendar, they are able to view the various bookings, but they are not able to change them or create new bookings.  Private bookings show in the calendar as "Private Booking". Public bookings show the booking name.

Clicking on a booking displays the booking name (or "Private Booking"), date and times and the rooms booked. For public bookings, the Details field is also displayed, so you can use the Booking Name and Details fields of your bookings to promote the event.

For privacy, no information from the customer record is displayed, and the Admin Notes field from the booking is hidden - this field is intended for your personal notes as a bookings administrator. However, when setting up bookings, be careful to use the Privacy setting of bookings appropriately, and do not include personally-identifiable information in the Booking Name and Details fields of public bookings unless you have permission from the person.

Enabling the Public Calendar

The public calendar is switched off by default.  But it is easy for the venue owner or a venue administrator to configure it.  Simply click on Settings in the navigation bar then click on Calendar Settings.

… then click Enable Public Calendar.

You are able to select the view the visitor will see when they first visit your public calendar, and also choose a colour theme for the calendar. Select the colour to match the theme of your website or your publicity.

Once you are ready, don’t forget to click Save.

The public calendar is now set up. You can visit it using the URL you set up. For example, in the screenshot shown above, the public calendar is available at https://app.hallwizard.com/dakeford-village-hall. If you want to change the URL, please go to Venue Settings from your venue menu.

Embedding the calendar into your website

On the Public Calendar panel, click "Instructions for embedding your calendar into your website". This will display a code snippet.

Simply copy the HTML code shown on the screen into your own webpage. Now when you view the webpage, you will see the calendar.

If you need help with embedding, please speak to your web designer or see the special instructions for different web design software below.

Online Web Designers

Wix

In Wix, on the page editor do Add -> Embed -> Embed Code and place the HTML Element frame onto your page. Double click on it to open settings. Choose to embed Code, and paste the code from MyHallWizard into the Enter HTML embed code field.

One limitation of Wix is that it won't allow the script to resize the iframe to display the full calendar. To overcome this, you will need to ensure the HTML Element item is long enough to display the full height of the calendar.

Ionos and other online web designers

With other online web designers such as Ionos, select an HTML block and paste the HTML code for the calendar into this.

Content Management Systems

Joomla

By default, Joomla disables code pasted into articles (pages). To overcome this, you will need both the Up and Sourcerer plugins installed.

You need to embed the iframe in Up, for example:

{up html=iframe | src="https://app.myhallwizard.com/dakeford-village-hall/iframe" | id="hw-calendar" | width=100% | frameborder=0 | style=border:0 | title="Booking Calendar"} Sorry, this content can't be displayed {/up html}

You can then embed the Javascript code. For example:

{source}<script type="text/javascript">
window.addEventListener("message", function(e) {
if (e.data && e.data.type === "hw-calendar-resize") {
document.getElementById("hw-calendar").style.height = e.data.height + "px";
}
});
</script>{/source}

WordPress

If you use WordPress for your website,  use an HTML block in the Gutenberg editor.