Use Events Pages to add a calendar or list of events to your site. This is a great way to feature concerts, meetings, book tours, or any event you host.
Watch a video
This video applies to version 7.0.
Before you begin
- For the best visual display, add excerpts and thumbnail images to every event.
- Events must have an end time. End times can't be hidden or omitted.
- If an event is set to end at midnight, the Calendar view will display the event on both days. To only display the first day, adjust the end time to 11:59 pm.
- Depending on your settings, Events Pages can display past events.
- Recurring or repeating events aren't supported at this time. You can duplicate events to create identical events without reentering the same information.
- Events Pages don’t support appointment, event, or class booking. We recommend using Appointment Scheduling Blocks to add booking to your site.
- Events Pages display event information like excerpts and thumbnail images, but don't support other content blocks. To display events with other types of content, add Calendar Blocks to Layout Pages.
- Some details may not appear in Calendar view on mobile devices, depending on the size of the browser.
- Calendar view displays each week in a Sunday to Saturday format. It's not possible to change this.
- Each Events Page supports up to 350 events per month. List view displays up to 250 upcoming and 30 past events.
- 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.
Events Page layout
Note: Calendar view isn’t available in version 7.1. For a similar effect, use a Calendar Block on a Layout Page after setting up your Events Page.
You can display events as a list or a calendar. To choose the layout, open page settings and select Calendar or List from the Default Event View drop-down menu.
- Calendar view shows a full month of events in one layout.
- List view is a great option if you want your Events Page to look more like a blog than a calendar.
To learn more, visit Styling the Events Page.
When a visitor clicks an event, the event appears on its own page with the full description. You can style events to enable Share buttons, export links, and more.
Events Pages vs. Calendar Blocks
Events Pages and Calendar Blocks both display upcoming events on your site, but they work a little differently.
Events Pages create a landing page that displays your events in Calendar or List layouts. Create and manage all events through your Events Pages, and customize the look in the Design panel.
Calendar Blocks pull information from an Events Page and display it in other areas of your site, like Layout Pages and blog posts. They're a good option for creating a different look than the Events Page, or for mixing event information with other types of content. They always display as a calendar, not a list.
Add an Events Page
How you add an Events Page depends on which version of Squarespace your site is on:
- In the Home Menu, click Pages, then click the + icon.
- Click Page.
- Select Events, then choose a layout.
- Enter a page title in the text field and press Enter.
To learn more, visit Collection page sections.
- In the Home Menu, click Pages, then click the + icon.
- Select Events from the pages menu.
- Enter a page title. You can change this later.
To learn more, visit Adding pages to your navigation.
Add an event
In the Events Page panel, click the + icon to add a new event.
In the Content tab of the event editor, you can add the following:
- Event title.
- Start and end time. These are based on the time zone set in Language and Region Settings, and won't change based on a visitor's time zone.
- Event description. The Description box includes a Text Block to get you started. Add other blocks to create a custom layout for the event.
- Tags and categories.
Tip: To display your event times in 24-hour international standard time, check 24-Hour Time when styling the page.
In the Options tab of the event editor, you can add the following:
- Thumbnail image. This represents the event on the Events Page.
- Excerpt. These short descriptions display on the landing page and elsewhere on your site, like in Summary Blocks.
In the Location tab of the event editor, you can add an address for the event. 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.
In the Social tab of the event editor, you can upload an Alternate Social Sharing image. This image displays with your post when you share your event on social media sites.
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.
Add tags and categories
You can use tags and categories to organize events. While optional, they're a great way to help visitors find events relevant to their interests. Tags and categories display as links in your Events Page. They display differently in each template.
Click Tags or Categories in the event editor to label your event. To learn more, visit Adding tags and categories.
Publish or change event visibility
After creating an event, you can save it as a draft, or make it live immediately.
- Click Save to save your event as a draft that's hidden from your live site.
- Click Save & Publish to save the event and make it visible on your live site.
You can also choose from four visibility options:
- Needs Review
Scheduled, Needs Review, and Draft can be helpful if you want to upload content to your site but don’t want to make it immediately visible. You can keep an event unpublished for other site contributors to review before it’s public or when you’re testing your page’s style.
To change any event's status, hover over the event thumbnail in the Events Page panel and click Edit. From the editor, click the current status and select a new one.
If you’re leaving the event unpublished (Scheduled, Needs Review, or Draft), you’ll see a status banner over the event thumbnail in the page panel. After it’s Published, the banner disappears and the content appears on your live Events Page.
Show or hide past events
Showing past events is a great way to show what you've offered previously.
- In List view, up to 30 past events can appear when Show Past Events is enabled. Past events display with the date crossed out.
- In Calendar view, past events always appear. Past events display in the same style as upcoming events.
To show or hide past events in List view:
- Click Edit in the top-left corner of an Events Page.
- Hover over the events section and click the pencil icon.
- Switch the Show Past Events toggle on. This makes past events visible on all Events Pages on your site.
- Hover over Done, and click Save.
- Open an Events Page and ensure it's set to List view.
- In the Home Menu, click Design, then click Site Styles.
- In the Events section, check or uncheck Show Past Events.
- Click Save to apply your changes.
Note: The discontinued Marquee family can't show past events.
Style Events Pages
Customize the look of Events Pages by choosing what information to display or hide, setting thumbnail sizes, and more. To learn more, visit Styling the Events Page.
You can manage your events in the Events Page panel.
Events are organized by Upcoming and Past. To edit or delete an event, hover over the post title, then click Edit or Delete.
Can I export events to an external calendar?
Yes, you can add Google Calendar and iCloud Calendar export links to events. If your site is on version 7.0, open an individual event, then open the Site Styles panel and check Show Export Links. If your site is on version 7.1, open the events section styles and switch the Show Export Links toggle on.
Can I enable comments for events?
Events Pages don't include built-in comments. 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.
Do thumbnail images display on mobile devices?
Most mobile devices display your thumbnail images when Events Pages are set to List view.
When Events Pages are set to Calendar view, most mobile devices won’t display thumbnail images. Some larger mobile devices will show thumbnail images, especially in landscape mode.