By continuing to use this site, you agree to the storing of first- and third-party cookies on your device to enhance site navigation; analyze site, product, and service usage; and assist in our marketing and promotional efforts. Cookie Policy

Skip to Content


Add calendar(s) to a pageLink to this section

Levels 9 and 10 administrators can copy the embed code for calendar(s). Then insert the calendar embed code on as many pages as you like, inside or outside Omni CMS. To change the appearance of the public events page, go to Add-Ons > Calendar > Settings.

  1. Go to Calendar > Embed Code.
  2. Select the checkboxes to include events from specified calendars.
    • By default, events from all current and future calendars will be included.
  3. Click Copy Snippet.

embed code

Paste the snippet in the source code of pages inside or outside Omni CMS where you want the calendar(s) to appear. You can also embed the calendar(s) in assets, snippets, or components.

To add the calendar to a page using an editable region, paste the snippet into a source code asset.

On Omni CMS pages

After copying the embed code,

If you have created a source code asset with the embed code,

  1. Open the page where you want to place the calendar(s).
  2. Click Edit.
  3. Locate the editable region where you want to place the asset.
  4. In the WYSIWYG editor, place the cursor where you would like to insert the calendar embed code.
  5. Click the Insert Asset icon asset icon and select the asset containing the calendar embed code.
  6. Click Save.
  7. Click Publish.


  1. Open the page where you want to place the calendar(s).
  2. Click Source.
  3. Go to the location in the body code where you want the calendar(s) to appear. 
    • Note: The code will need to be placed within opening and closing div tags (for example between <ouc:div> and </ouc:div>) in order to render on the page.
  4. Paste the code snippet.
  5. Click Save.
  6. Click Publish.