Frequently asked questions

Event Calendar Widget is an embeddable events calendar you add to any website with a single snippet. Visitors can browse your events, search them, switch between month, week, schedule and card views, and add any event to their own calendar.Related: About us · See the views

Paste the embed code — a small container <div> plus a loader <script> — into the page where you want the calendar. It renders as soon as the page loads and stays in sync as you update your events.Related: Platform guides · Try the live demo

No. If your website or builder lets you paste a snippet of HTML, you can add the calendar. We have step-by-step guides for the most popular platforms.Related: Browse all platforms

Yes — you can start for free, with no credit card required.

Anything date-based: community events, classes and workshops, webinars, product drops, gig and tour schedules, office hours, and more.

Any platform that lets you add custom HTML. That includes WordPress, Webflow, Framer, Squarespace, Wix, Shopify, Ghost, Notion, Google Sites and many more.Related: WordPress · Webflow · All platforms

It is a container element with data attributes plus a loader script: a <div id="calendar-embed-cal-dot-et"> with options such as data-view, data-mode and data-theme, followed by the embedcalendar.js script with the defer attribute.Related: See it on any website

Yes. Add multiple embed containers with different calendar IDs to show several calendars on the same page.Related: HTML embed guide

Yes. Because it is a standard script embed, it works with any framework — React, Vue, Svelte, Astro — or any static HTML page.Related: Embed on any website

Builders such as Webflow and Duda render custom embeds only on the published site and in preview, not inside the editor canvas. Publish or preview your site to see the live calendar.Related: Webflow guide · Duda guide

Yes. Set your accent color with the data-theme attribute (a hex value), and adjust fonts and corner styles so the calendar fits your design.

Yes. The data-mode option controls light or dark, and the widget can follow each visitor’s system preference automatically.

Month, week, schedule and card. Use the data-view option to choose which view your visitors see first.Related: Explore the views

Yes. The data-first-day-of-week option lets you start the week on Monday or Sunday.

Yes. The data-show-side-panel option toggles the side panel, and data-show-powered controls the small powered-by credit.

More than 20. The widget automatically matches each visitor’s browser language and localizes dates, weekdays and labels.Related: See supported languages

Yes. Right-to-left languages such as Arabic are supported, and the layout adapts accordingly.

Every event is shown in the visitor’s local time zone. You can set a default zone with the data-timezone option, and visitors can switch zones on demand.

You connect calendar sources such as Google Calendar, Outlook or any public iCal feed, and the widget displays their events.

Yes. Connect several sources and show them together in a single, color-coded view.

Your calendar stays in sync automatically — when you add or change events in your source calendars, the widget reflects the updates.

Yes. Every event includes an add-to-calendar button for Google, Apple, Outlook and ICS, and visitors can subscribe to your whole calendar feed to follow future events.

No. The loader script uses defer and loads asynchronously, so your content renders first and the calendar appears without blocking the page.

Yes. It is built with accessible, keyboard-friendly markup and is fully responsive across mobile, tablet and desktop.

The embedded widget is privacy-respecting and does not set advertising or cross-site tracking cookies on your visitors.Related: Privacy Policy · Cookie Policy

Yes. The calendar adapts to the width of its container, so it looks right on phones, tablets and desktops.

Make sure the full embed code (the container div and the loader script) is pasted correctly, that your platform allows custom scripts, and — in site builders — that you’re viewing the published site rather than the editor.Related: Find your platform guide

Some CMSes filter scripts in their editors. In Drupal, use the Full HTML text format; in Joomla, set the module editor to None or allow the script tag in your text filters.Related: Drupal guide · Joomla guide

Because the widget loads asynchronously, there can be a brief moment before it renders. Keeping its container in place means it appears without shifting the rest of your layout.