In this document:
Using the Simple Calendar plugin, you can display bookings on your site. To display booked appointments on your site, first make sure to first setup Google Calendar sync for your plugin. This will only work if you use Google Calendar sync along with the Simple Calendar plugin.
Use this to:
- Give customers a quick overview of your booked schedule.
- Place it in a password-protected page for employees to see bookings.
This guide is written for users who are already using Google Calendar Sync in SSA. This is not a comprehensive guide to this plugin.
If you need help setting this plugin up or getting more customization tips, please reach out to the Simple Calendar team.
As much as we’d like to help you, we are not experts on this plugin’s code, errors, and usage rules.
Activate and Open the Simple Calendar Plugin
Install and activate the Simple Calendar (SC) plugin to your site.
Now you should see a new tab added to the WordPress Dashboard called Calendars. From here we want to go to Settings.
This is where we’ll need to enter the Google API Key we create in the next step.
Create an API Key
This is going to be a lot like setting up the Google Calendar Client ID and Secret. We’re going to start by opening up the project we have set up from our existing Client ID/Secret guide.
Quick link to Google Developer Console
We’re going to go to the APIs & Services > Credentials. From there click on + Create Credentials > API Key. This will automatically create a new key that you can copy and paste right back into the SC settings.
Create a SC Google Calendar
Now that you have the API key saved, go to All Calendars > Add New. And from here we’re going to focus on a couple of settings.
Google Calendar Tab:
- Calendar ID
- Search Query
Collecting the Calendar ID
Go to your Google Calendar and head on up to the Settings (cog in the upper right-hand corner). From here, click into the Calendar that you’d like to incorporate into your site.
You’ll need to grant this calendar public access permissions and copy the Calendar ID located toward the bottom of the settings page.
(Optional) Adding Search Query
If you’d like SC to not show Canceled appointments, you can add the following to the Search Query field:
If you’re interested in learning more about Search Queries, check out this guide.
Display the SC Google Calendar on Your Site
After filling in the required Google Calendar fields, go ahead and Publish the new calendar. Now to embed the calendar onto your site, you’ll need to copy the calendar shortcode and paste it into your page or post.
File a support ticket with our five-star support team to get more help.
File a ticket
400 redirect_uri_mismatch Error
“Google hasn’t verified this app” Error or Periodic Disconnecting
Let Employees Manage Admin Page
WordPress Block Editor Module