Courses & creatorsEvent calendar widget for Teachable
Teachable instructors can embed Event Calendar Widget with a code block to share live class schedules, office hours and cohort dates with their students.
4.9/5 from 1,284 reviews
Try the live calendar
Browse the months and open an event — this is the real widget, running below.
Built to feel at home in Teachable
Everything you need to publish events on Teachable, without the maintenance of a heavier tool.
Add via Teachable’s code / custom HTML block
Ideal for live classes and office hours
Students can add sessions to their own calendar
What people publish with it on Teachable
A few of the most common ways teams put the calendar to work.
- 01
Live and cohort courses sharing class schedules
- 02
Instructors publishing office hours and Q&A sessions
- 03
Schools listing enrollment and event dates
How to add a calendar to Teachable
Add it with the code block — usually in just a few minutes.
- 1
Add a Code block
In the Teachable page or lecture editor, add a “Code” block for custom HTML.
- 2
Paste your embed code
Paste the Event Calendar Widget snippet into the block.
- 3
Save
Save to publish your calendar.
<!-- Event Calendar Widget embed code -->
<div id="calendar-embed-cal-dot-et"
data-calendar-link="your-calendar-id"
data-theme="#2563eb"
data-show-powered="true"
data-mode="light"
data-first-day-of-week="mon"
data-view="month"
data-show-side-panel="false"
data-timezone="America/New_York"></div>
<script src="https://calget.com/assets/js/embedcalendar.js" defer></script>Teachable questions
Both. Use a Code block on sales pages and inside lectures to show upcoming sessions.
Yes. Publish live class times and office hours, and let students subscribe to the schedule.
No. You just paste the provided snippet into the code block.
Add your events calendar in minutes
Join thousands of websites keeping their visitors informed and engaged. No credit card required.