Display the Booking Calendar on Your Site

This guide applies to:

  • Basic Edition
  • Plus Edition
  • Pro Edition
  • Business Edition

Embedding the Calendar with A Shortcode or Page Builder

The Booking Calendar can be embedded in any post or page using our [ssa_booking] shortcode.

Use a plain text block or shortcode block or widget to paste the Booking Calendar shortcode with:

If you’re using one of the page builders listed above, you could use our Appointments block/widget.

Embedding the Booking Calendar using the WordPress Block Editor/Gutenburg

Displaying the Booking Calendar in a Different Language

The default [ssa_booking] shortcode displays the Booking Calendar in your site’s default language.

However, you can override your site’s default language by using the following shortcode format:

[ssa_booking ssa_locale="languageCodeHere"]

You can see a full list of all the language codes here. The shortcode format uses the text highlighted in yellow underneath each language description:

Language codes highlighted in yellow

For example, to display your booking calendar in Danish, the shortcode looks like this:

[ssa_booking ssa_locale="da_DK"]

Your language must be in our language pack list, if not you’ll need to contribute translations to your language pack. Here’s a guide on how to Translate your Booking Calendar.

How the Booking Calendar Looks on Your Site

By default, the [ssa_booking] shortcode displays a list of Appointment Types (if you have more than one) for your customers to choose from.

By default, the shortcode lists all the Appointment Types

To limit the Booking Calendar to one specific Appointment Type – go to the bottom of the Appointment Type Settings and copy the shortcode with the slug included.

Copying the specific Appointment Type shortcode from the Booking Info section

It should look something like this: [ssa_booking type=strategy-session]

Quickly Book Appointments as the Admin

After installation and activation of the plugin, we also create a default booking page. Find it in Pages > Schedule an Appointment page. Or, www.yoursite.com/appointments.

This page includes only the Booking Calendar – it doesn’t include the header, footer, and/or sidebar for your site. This page also does not have any links back to any other page of your site.

You do not need to use this default booking page. When a theme or layout is too complex to display the Booking Calendar, this will be a reliable way to book.

It’s also a quick way for the site administrator to be able to book appointments without distraction. To quickly access this page go to Admin Appointments page > Appointments tab > click the + Book An Appointment button.

Note: The + Book An Appointment button stops working when you trash or delete the default booking page. And, we currently don’t have a way to restore it.

If the default booking page is in the trash folder, simply take it out and it should work again!

Related Guides