Browse
 
Tools
Rss Categories

How to add a non-editable calendar to your website

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.

Other Google Calendar Option

Click here for a tutorial on how to add a google calendar to your website

Step 1 - Get StudioCoud ICS Link

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

Click here for a tutorial on how to get a ICS link for your entire StudioCloud calendar.

Click here for a tutorial on how to get a ICS link for a limited number of resources such as an employees calendar or a locations calendar

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

  1. Click here to go to third party product 
  2. Copy and paste the StudioCloud ICS link into the Calendar URL text field
  3. Select the display style of 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 web site developer to do that for you

If you have a word press 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
    1. Change the first section from <iframe to be [iframe
    2. Change the last section from ></iframe> to be ]
  3. Paste the altered code into your website