Documentation

WP School Calendar is a powerful and easy-to-use WordPress plugin to create academic calendar on school website automatically. In this step by step guide, we will walk you through how to install WP School Calendar on your WordPress site and create your first calendar.

How to Purchase WP School Calendar

To get started, you will need to visit the WP School Calendar Pricing page. This page will display all features available with each license level so that you can determine which license is the best fit.

When you have determined which license has the features you would like, you can click the Get Started button to begin the checkout process.

On the Checkout page, you will see the name and price of the license level you chose.

The last step is to enter your payment details and create a WP School Calendar account. Your account will provide access to the paid plugin downloads.

When all of the fields are complete, click the Purchase button to complete the order.

You will receive an email receipt of your purchase, delivered to the email address you use to create your WP School Calendar account.

How to Install WP School Calendar

After purchasing WP School Calendar, the next step is to install the plugin so you can start building calendar.

To get started, log into your WP School Calendar account.

Next, click on the download link to save a zipped file of WP School Calendar plugin to your computer.

Once you have the zip file, navigate to the site where you want to install WP School Calendar. Inside the admin dashboard, you will need to go to Plugins > Add New.

On the next screen, click the Upload Plugin button.

You will see the option to upload the plugin. Click on the Choose File button and select your WP School Calendar zip file.

After your file is uploaded, click on the Install Now button.

WordPress will complete the installation process for you, but don’t activate the plugin just yet.

Deactivate WP School Calendar Lite and Activate the Paid Version

Now that you have installed the paid version of WP School Calendar, the next step is to open the Plugins page of your WordPress site.

Within the Plugins list, you will need to scroll to WP School Calendar Lite and click the Deactivate option.

As soon as the Lite version is deactivated, you will need to click Activate on WP School Calendar (the new, paid version).

Don’t worry, all of your school calendars and settings will stay in place when you activate the paid plugin version.

Delete WP School Calendar Lite

Now that you have completed the installation of our paid version, you can delete WP School Lite from your Plugins page. All calendars and settings will now be managed by the paid plugin, so no data will be lost by deleting the free version.

How to Create Your First School Calendar

Once you have activated WP School Calendar, click School Calendar menu on WordPress administration panel. You will be taken to a welcome screen with more details to help you get started like below.

Please note that if you check “Demo Content” option then the plugin will setup dummy content (important dates, categories, and academic years) to your WordPress site. Also the plugin will create new Page if you don’t make change on “Calendar Page” option.

Once created, you can visit the calendar page on http://your-domain/school-calendar/.

Setting Google Calendar API

Go to School Calendar > Settings. Next, click tab Google Calendar.

Here, you’ll see fields for Client Secret and Client ID. To get the information for these fields, you’ll need to create a web application through your Google account. This doesn’t require any coding, and we’ll show you exactly what to do.

To create an application, you’ll first need to sign into your Google account and access Google’s application registration. Clicking that link should open this Google page in a new tab or window, and you’ll want to keep your site settings open (we’ll return to those later).

Once you’ve followed that link and logged into your Google account, you should see a form named “Register your application for Google Calendar API in Google API Console”.

In the dropdown labeled Select a project where your application will be registered, leave the default option of Create a project. Choose your Country of residence and check Google API Terms of Service. Then, go ahead and click the Agree and Continue button.

Next, you should see a screen that says “The API is enabled”. To proceed to the setup page, click the Go to credentials button.

In the next page, you’ll be prompted to determine the credentials you need. Here are the fields on this page and the options you’ll need to select:

• Which API are you using? Google Calendar API
• Where will you be calling the API from? Web server (e.g. node.js, Tomcat)
• What data will you be accessing? User data

Once you’ve made these selections, click the What credentials do I need? button to go to the next step.

For this step, you’ll be creating an OAuth client ID. OAuth, or Open Authorization, is what will provide permission for your website to use your Google account to create calendar event.

For the Name field, enter anything you like or leave the default name. This is only for reference within your Google account.

For the Authorized JavaScript origins, you’ll need to enter your site’s URL.

Last, we need to fill out the Authorized redirect URIs field. To get the URI for your site, you’ll need to go back to the tab or window with your WordPress site. Still on the School Calendar >Settings page, you’ll need to look under the Google Calendar tab for the field labeled Authorized Redirect URI.

The value in this field should be your site’s URL followed by some extra details. You’ll need to copy this value, which is easily done by clicking the button labelled Copy URI.

After copying the URI, return to the Google APIs page and paste it into the field under Authorized Redirect URIs.

After that, you can click the Create OAuth client ID button.

For the last step in the app creation process, you’ll need to set up the consent screen. This screen will never be seen by your users since you’re only granting permission for your own site to use the Google account you own.

You’ll just need to check your email address and then enter a Product name shown to users (such as the title of your website). When you’ve completed these fields, click Continue.

You’ve now successfully created a Google web application!

Now we need to see the full details. On the last screen, click I’ll do this later to go to the Credentials page.

On the Credentials page, you can now see the details of the web application you just created. To view Client ID and Client Secret, click the edit icon.

This will open all of the details for your app. On this page, you’ll need to copy the Client ID and Client secret values.

Each of these will need to be copied into your School Calendar settings back in your WordPress admin.

Note: Be very careful not to copy any extra text or spaces with your Client ID or Client Secret, as this will result in an error in the next step.

That’s it!