Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Events Pages

Use Events Pages to add a list of events to your site. This is a great way to feature concerts, meetings, book tours, or any event you host.

Before you begin

  • Events Pages don’t support appointment, event, or class booking. We recommend using Appointment Scheduling Blocks to add booking to your site.
  • Recurring or repeating events aren't supported at this time. You can duplicate events to create identical events without reentering the same information.
  • Each Events Page supports up to 350 events per month, and displays up to 250 upcoming and 30 past events.
  • To display your events in a calendar format on other pages, use Calendar Blocks.

Add an Events Page

How you add an Events Page depends on which version of Squarespace your site is on:

  1. In the Home Menu, click Pages, then click the + icon.
  2. Under Collections, click Events.
  3. Select the events layout you want. You can change this later.
  4. Enter a page title, then press Enter. You can change this later.
  1. In the Home Menu, click Pages, then click the + icon.
  2. Select Events from the pages menu.
  3. Enter a page title, then press Enter. You can change this later.

Add an event

To add an event:

  1. In the Events Page panel, click the + icon.
  2. Add a title for your event under Event Title.
  3. Click Date and Time to select a start date and time under Event Start.
  4. Click Event End to select an end date and time.
  5. Click Back, then click Location to add a location.
  6. Click Save.
  7. Add text or other content to the event description with blocks.
  8. Hover over Done to publish the event, schedule it for later publication, or save it as a draft.

Keep in mind:

  • Start and end times are set in five-minute increments on a slider.
  • Events must have an end time. End times can't be hidden.
  • It's not possible to change the date or time format. Depending on your Language & Region settings, the time sliders may display in 24-hour time, but the event itself will display the start and end times in 12-hour time.

After saving, you can open the event settings to customize your event further.

  1. In the Events Page panel, click the + icon.
  2. Add a title in the title field.
  3. Select a Start and End date and time. Events must have an end time. End times can't be hidden.
  4. Add text or other content to event description with blocks.
  5. Continue editing other settings.
  6. Click Save to save the event as a draft, or Save & Publish to publish it immediately. To learn more, see Save or publish the event.

Open event settings

To edit the settings of an event you've added: 

  1. In the Events Page panel, hover over the event and click Edit.
  2. Click the gear icon in the top-right corner to edit event settings.
  3. Click Save.

In the Events Page panel, hover over the post and click Edit. Click Save after making your changes.

Edit event settings

After opening an event's settings, click the following tabs to edit corresponding event settings.

Content

  • Date and Time - Edit the start and end date and time for the event. These are based on the time zone set in Language and Region Settings, and won't change based on a visitor's time zone. It's not possible to change the time format, such as to 24-hour time
  • Status - Set the event's publication status
  • Tags - Add tags to organize your event based on its content
  • Categories - Add categories to organize your event based on its content

The Comments option isn't supported by Events Pages. You can embed a third-party commenting service, like Disqus, using the Code Block. Note that we’re unable to offer troubleshooting support for advanced modifications like custom code.

Options

The Author and Source URL options aren't supported by Events Pages.

SEO

Social Image

Add an Alternate Social Sharing Image to display when the event is shared on social media.

Share

Automatically share your event to your social media profiles when you publish. You must have connected accounts to share content this way.

Note: Pushing an event to Facebook doesn't create a Facebook event. Instead, it displays a link to the event on your site with a thumbnail image and description.

Location

In the Address fields, add a location for where the event will take place. When you start typing an address, the fields populate with a list of autocomplete suggestions powered by Google. This creates a pin on the map at that location.

Save or publish the event

You can save events as drafts or make them live immediately.

After creating an event, hover over Done:

  • Click Publish to make the event visible on your live site.
  • Click Schedule to schedule the event to go live at a specific date and time.
  • Click Exit to save the event as a draft that's hidden from your live site.

After creating an event:

  • Click Save to save your event as a draft that's hidden from your live site.
  • Click Save & Publish to make it visible on your live site.

You can also change the publication status in the Content tab of event settings:

  • Draft
  • Needs Review
  • Published
  • Scheduled

Scheduled, Needs Review, and Draft are helpful if you want to add events to your site but don’t want to make them immediately visible. You can keep an event unpublished for other site contributors to review before it’s public, or while testing out different styles for your page.

Style the Events Page

To style your Events Page depends on your site's version.

  1. On the Events Page, click Edit.
  2. Hover over the events section and click the pencil icon next to Manage Events.
  3. After making changes, hover over Done and click Save.

These settings apply to all Events Pages on your site.

Style events

The font and color styling of individual events matches the style settings for the rest of your site. It’s not possible to edit the layout of events or what information displays.

Choose a layout

You can display events as a list or a calendar, and styling options vary based on the layout. If you have multiple Events Pages, you can display some as calendars and some as lists.

  1. In the Pages panel, hover over an Events Page and click gear-icon.
  2. Use the Default Event View drop-down to select either List or Calendar.
  3. Click Save and refresh the page.

List layout

Events display in a list with descriptions, excerpts, and thumbnail images. You can display up to 250 upcoming and 30 past events.

Calendar layout

Events display in a calendar with interactive features:

  • If an event has a thumbnail image, the thumbnail displays. It's cropped to fit the square.
  • If an event has an excerpt, it displays on hover.
  • Arrow controls appear at the top to navigate by month.
  • Any days without events will be gray.

Keep in mind:

  • If a day has more than one event, every event's time and title display in the day's box. The height of the week expands, and thumbnails won't display.
  • If an event is set to end at midnight, Calendar view displays the event on both days. To only display the first day, adjust the end time to 11:59 pm.
  • Calendar view URL slugs include a date. Visitors have to click the back arrow twice to return to the previous page. To avoid this, choose List view or display events with Calendar Blocks.

What the calendar layout displays changes on smaller browsers to ensure it looks great on any device:

  • When the block width is smaller than 600 pixels, titles, event times, and excerpts display, but not thumbnail images.
  • When the block width is smaller than 300 pixels, only titles display.

 Style the Events Page and individual events

To style the Events Page:

  1. Go to your Events Page.
  2. In the Home Menu, click Design, then click Site Styles.
  3. Use the Events tweaks to adjust the landing page style.
  4. For tweaks specific to individual events, first ensure Disable Item Pages is unchecked. Then exit Site Styles, open an event, and re-enter Site Styles.

Keep in mind:

  • If you have multiple Events Pages, style changes will apply to all of them to create a consistent look
  • Your template may support more features, such as banner images or page headers, that affect how the Events Page looks
  • Calendar view displays one month at a time, with each week in a Sunday to Saturday format. It's not possible to change this

Events Page tweaks

Use these Site Styles tweaks to style your Events Page. Keep in mind, the tweaks that appear depend on your layout and template:

  • Disable Item Pages - Disable the title links to individual event pages. When left unchecked, clicking an event's title opens the individual event page
  • 24-Hour Time - Display event times in 24-hour international standard time display

These tweaks appear for List view only:

  • Stacked View - Change the layout of the list
  • Show Past Events - Show or hide past events
  • Show Thumbnails - Show or hide the thumbnail image that displays above or to the left of the event
  • Thumbnail Size - Set the shape of the thumbnail image
  • Show Date Tag - Show or hide the date tag that displays over or in place of the thumbnail image
  • Show Date Tag w/ Time - Include a time stamp with the date tag

These tweaks affect the event listing in List view:

  • Show Categories - Show or hide the categories
  • Show Date - Show or hide the date
  • Show Time - Show or hide the time
  • Show Location - Show or hide the location
  • Show Export Links - Show or hide export links to Google Calendar or iCal
  • Show Social Buttons - Show or hide likes and Share buttons
  • Show Show Excerpt - Show or hide the event description or excerpt text
  • Show Button - Show or hide a View Event button

These tweaks affect individual event pages:

  • Show Export Links - Show or hide export links to Google Calendar or iCal
  • Show Social Buttons - Show or hide simple likes and Share buttons
  • Show Back Link - Show or hide a Back To All Events link
  • 24-Hour Time - Display your event time using the 24-hour international standard time display
  • Stacked View - Change the layout of the individual event pages

Show or hide past events

Showing past events is a great way to display what you've offered previously. Up to 30 past events can appear when Show Past Events is enabled. Past events have the date crossed out.

To show or hide past events:

  1. Click Edit in the top-left corner of an Events Page.
  2. Hover over the events section and click the pencil icon.
  3. Switch the Show Past Events toggle on. This makes past events visible on all Events Pages on your site.
  4. Hover over Done and click Save.
  1. Open an Events Page and ensure it's set to List view.
  2. In the Home Menu, click Design, then click Site Styles.
  3. In the Events section, check or uncheck Show Past Events.
  4. Click Save to apply your changes.

In Calendar view, past events always appear. Past events display in the same style as upcoming events.

The discontinued Marquee family can't show past events.

Manage events

In the Events panel, events are organized by Upcoming and Past. To edit an event, hover over the post title click Edit. To delete an event, hover over the post title and click Delete.

Export events to an external calendar

To add Google Calendar and iCloud Calendar export links to events:

  1. Click Edit in the top-left corner of an Events Page.
  2. Hover over the events section and click the pencil icon.
  3. Switch the Show Export Links toggle on.
  4. Hover over Done and click Save.
  1. Open an Events Page.
  2. In the Home Menu, click Design, then click Site Styles.
  3. In the Events section, check Show Export Links.
  4. Click Save to apply your changes. 

Watch a video

This video applies to version 7.0.

Was this article helpful?
90 out of 248 found this helpful