Carrd logoWebsite builder

Event calendar widget for Carrd

Event Calendar Widget is a great fit for Carrd’s simple, single-page sites. Add an Embed element and paste the snippet to give your link-in-bio or landing page a real events calendar.

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 Carrd

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

  • Lightweight — keeps your Carrd page fast

  • Ideal for link-in-bio and event landing pages

  • Fully responsive on mobile, where Carrd shines

02Use cases

What people publish with it on Carrd

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

  • 01

    Link-in-bio pages listing upcoming streams and shows

  • 02

    Single-page event sites sharing the full schedule

  • 03

    Creators and freelancers publishing booking availability

03Setup

How to add a calendar to Carrd

Add it with the Embed element — usually in just a few minutes.

  1. 1

    Add an Embed element

    In the Carrd editor, click the + button and add an “Embed” element to your page.

  2. 2

    Choose Code and paste

    Set the embed type to “Code”, set it to load in the body, and paste your Event Calendar Widget snippet.

  3. 3

    Publish

    Publish your Carrd site to make the calendar live.

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

The Embed element requires a Carrd Pro plan.

04FAQ

Carrd questions

Embed elements that allow custom code are part of Carrd’s Pro plans. The widget itself adds no extra requirements.

Yes. The script loads asynchronously and is lightweight, so your single-page Carrd site stays quick to load.

Yes. The calendar is fully responsive, which pairs well with Carrd’s mobile-first pages.

05More platforms

Using something else?

Browse all platforms

Free to start

Add your events calendar in minutes

Join thousands of websites keeping their visitors informed and engaged. No credit card required.