Skip to main content

Add a Non-Editable Calendar to Your Website

Updated

Overview

This tutorial explains how to use a third-party product to add a "read-only" calendar to your website.

Disclaimer

This is a third-party product and, as such, StudioCloud does not provide support for this service.

Step 1 - Get StudioCoud ICS Link

The first step that needs to is to get an ICS link for your StudioCloud calendar.

  1. Click here for a tutorial on how to get an ICS link for your entire StudioCloud calendar.
  2. Click here for a tutorial on how to get an ICS link for a limited number of resources such as an employee calendar or a location calendar

Step 2 - Customize The Calendar And Copy It Into Your Website

  1. Click here to go to a third-party product 
  2. Copy and paste the StudioCloud ICS link into the Calendar URL text field
  3. Select the display style of the Month
  4. Choose the desired color
  5. Copy the text that is in the CODE text box

Step 3 - Paste the Code Into Your HTML Website

  1. Paste the code in Step 2 into your website. You may need a website developer to do this for you

If you have a WordPress website you will need to do the following steps.

  1. Click here to install a third-party plugin to your WordPress website
  2. Make the following changes in the code that you copied from step 2
    • Change the first section from "<iframe" to be "[iframe"
    • Change the last section from "></iframe>" to be "]"
  3. Paste the altered code into your website