Skip to main content

How do I embed the event calendar on my website?

Describes how to embed a calendar or listing of events on a website.

Updated this week

You will need Full Read Events to perform this action.

Navigate to the main event calendar by clicking on "Events" in the left-hand navigation menu. Then click on the "Web Embed" button at the top.

The following options are available:

Calendar tab:

  • Calendars - the list of all calendars will appear. Check the ones you want to appear in the embed. Once selected, any events that are placed in those calendars will appear on web page you embed this to.

  • Background Color - by default, the color of the calendar is #ffffff; this can be changed, however.


​Listing tab:

  • Calendars - the list of all calendars will appear. Check the ones you want to appear in the embed. Once selected, any events that are placed in those calendars will appear on web page you embed this to.

  • Background Color: by default, the color of the calendar is #ffffff; this can be changed, however.

  • Other Color Options: Title Color, Text Color, Box Color, Accent Color, Border Color, Button Color

  • Show Options: Filters, Images, Meeting Frequency, Description, Calendar and Category.

Once you are done configuring the embed code, copy the HTML code located in the area with the gray background and paste it onto your web page.

For those using Wix, put a div tag around that embed code.

As an example:

<div>

<script async src="https://cdn.onechurchsoftware.com/embed/v2.js" data-ocs-id="1" data-ocs-tenant="reclaimchurch" data-ocs-embed="giving"></script>

</div>

Did this answer your question?