Which Tilda block should I use?

Use the T123 “HTML code” block for a quick embed, or add an HTML element inside a Zero Block when you need precise positioning.

Is it responsive in Tilda?

Yes. The calendar fills the block’s width and adapts to mobile screens.

Can I match my Tilda design?

Yes. Set your accent color, fonts and default view to blend with your page.

Website builder

Event calendar widget for Tilda

Tilda’s flexible blocks make it easy to add Event Calendar Widget. Drop in an HTML code block and paste the snippet to give your Tilda page a fast, customizable events calendar.

Start for free See live demo

4.9/5 from 1,284 reviews

00Live demo

Try the live calendar

Browse the months and open an event — this is the real widget, running below.

01Why it fits

Built to feel at home in Tilda

Everything you need to publish events on Tilda, without the maintenance of a heavier tool.

Works in Tilda’s T123 HTML block or Zero Block
Responsive inside any Tilda layout
Style it to match your Tilda design

02Use cases

What people publish with it on Tilda

A few of the most common ways teams put the calendar to work.

01
Studios and agencies adding an events block to a Tilda page
02
Conferences and festivals publishing their programme
03
Creators listing workshops and live sessions

03Setup

How to add a calendar to Tilda

Add it with the HTML block — usually in just a few minutes.

1
Add an HTML block
In the Tilda editor, add the “T123 — HTML code” block, or an HTML element inside a Zero Block.
2
Paste your embed code
Open the block’s content panel and paste the Event Calendar Widget snippet.
3
Publish
Publish your Tilda page to make the calendar live.

tilda-embed.html

<!-- 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>

HTML blocks are available on Tilda’s paid plans.

04FAQ

Tilda questions

: Use the T123 “HTML code” block for a quick embed, or add an HTML element inside a Zero Block when you need precise positioning.
: Yes. The calendar fills the block’s width and adapts to mobile screens.
: Yes. Set your accent color, fonts and default view to blend with your page.