Where is the Embed Code element?

In the Weebly editor it’s under the Build tab in the elements sidebar, often within the “More” group.

Does it work with Square Online?

Weebly powers Square Online; embed support depends on whether your plan includes custom-code elements.

Can visitors add events to their calendar?

Yes. Every event has an add-to-calendar button for Google, Apple and Outlook.

Website builder

Event calendar widget for Weebly

Event Calendar Widget drops into any Weebly site using the built-in Embed Code element, so you can show your events in a clean, customizable calendar without leaving the editor.

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 Weebly

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

Uses Weebly’s native Embed Code element
Four layout views and full color customization
Localized into 20+ languages

02Use cases

What people publish with it on Weebly

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

01
Small businesses posting class and workshop schedules
02
Community organizations sharing meeting calendars
03
Local venues listing upcoming events

03Setup

How to add a calendar to Weebly

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

1
Drag in an Embed Code element
From the Weebly editor’s Build tab, drag the “Embed Code” element onto your page.
2
Edit custom HTML
Click the element, choose “Edit Custom HTML”, and paste your Event Calendar Widget snippet.
3
Publish
Publish your Weebly site to make the calendar live.

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

04FAQ

Weebly questions

: In the Weebly editor it’s under the Build tab in the elements sidebar, often within the “More” group.
: Weebly powers Square Online; embed support depends on whether your plan includes custom-code elements.
: Yes. Every event has an add-to-calendar button for Google, Apple and Outlook.