Eventually Ticketing
Calendar Widget

Installing the calendar widget

The calendar widget displays your upcoming events on any page of your Squarespace site. It adapts to your site's design and offers three views: month, list, and card. This guide covers how to add the widget to your pages.

Choosing a view

Before you embed the widget, decide which view works best for your page:

  • Month view — A traditional calendar grid. Best for sites with events spread across different dates.

  • List view — A chronological list of upcoming events. Best for mobile displays or simple event schedules.

  • Card view — Visual event cards with images and key details. Best for highlighting featured events.

You can embed multiple widgets on different pages using different views.

For highlighting a single event—a featured workshop, class, or registration-focused landing page—use the single-event embed instead. This displays one specific event with layout options for image placement. The selected event is saved to the widget configuration, so you can change it in the builder later without re-pasting the embed code. See Set up your calendar widget for details on single-event layout options.

Copying the embed code

  1. From your Eventually dashboard, navigate to Settings → Widget.

  2. Select your preferred view (month, list, or card).

  3. Configure any display options, such as category filters or accent colors.

  4. Click Copy embed code.

Adding the widget to Squarespace

  1. Open your Squarespace site editor.

  2. Navigate to the page where you want the calendar to appear.

  3. Add a Code Block or Embed Block to the page.

  4. Paste the embed code from Eventually into the block.

  5. Save and publish your changes.

The widget updates automatically when you create, edit, or cancel events—no need to republish your Squarespace page.

Customizing the widget appearance

The calendar widget uses Shadow DOM isolation, which means it matches your site's fonts and colors without conflicting with your existing styles. You can customize accent colors in your Eventually settings.

Was this helpful?