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.
Tip: If you have a business in the hospitality industry, try creating an event on Tock, then adding an events block to your Squarespace site to promote more events and sell tickets.
Before you begin
- Events pages don't support booking. For scheduling events or booking classes and appointments, we recommend adding Scheduling to your site.
- It's not possible to set up recurring or repeating events. You can manually 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:
- In the Home menu, click Pages, then click the + icon.
- Under Collections, click Events.
- Select the events layout you want. You can change this later.
- Enter a page title, then press Enter. You can change this later.
- In the Home menu, click Pages, then click the + icon.
- Select Events from the pages menu.
- Enter a page title, then press Enter. You can change this later.
Add an event
To add an event:
- In the Events page panel, click the + icon.
- Add a title for your event under Event title.
- Click Date and time to select a start date and time under Event start.
- Click Event end to select an end date and time.
- Click Back, then click Location to add a location.
- Click Save.
- Add text or other content to the event description with blocks.
- 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 need to have an end time. End times can't be hidden.
- Depending on your site language, the start and end times may display in 12-hour time or 24-hour time. It's not possible to change the date or time format separate from your site language.
- You can schedule events for up to two years in the future.
After saving, you can open the event settings to customize your event more.
Edit existing event titles and content
In version 7.1, edit the title and content of an event directly on the event item page. It's not possible to edit the title or content in the event settings. To do this:
- In the Pages panel, click the events page, then click the event.
- Click Edit in the top-left corner.
- To change the title, click into the title field and edit the text.
- To change the content, click into the blocks and edit the content, or add new blocks.
- Hover over Done and click Publish.
- In the Events page panel, click the + icon.
- Add a title in the title field.
- Select a Start and End date and time. Events need to have an end time. End times can't be hidden.
- Add text or other content to event description with blocks.
- Continue editing other settings.
- Click Save to save the event as a draft, or Save & publish to publish it immediately. To learn more, review Save or publish the event.
Tip: Add a newsletter block to the event description to build an Email Campaigns mailing list of your attendees.
Open event settings
To edit the settings of an event you've added:
- In the Events page panel, hover over the event and click ..., then click Settings.
- After making changes, click Save.
While editing an event, you can also click in the top-right corner to open the event settings.
Edit event settings
In the event's settings, click the tabs to edit different settings. Your event settings depend on which version of Squarespace your site is on.
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.
- Featured image - Add a featured image.
- Excerpt - Add an excerpt to provide a short description that displays on the main events page and elsewhere on your site, like in summary blocks.
- Event URL - Edit the event's URL slug.
The Author and Source URL options aren't supported by events pages.
Options
- 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
- Featured event - Set it as a featured event
Comments aren'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.
SEO
- SEO title - Add an SEO title to help search engines
- SEO description - Add an SEO description to help search engines
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 need to 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 featured 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.
Content
- Event title - Add a title to your event
- Event text - Add text to the body of your event
- Tags - Add tags to the post to organize your event based on its content
- Categories - Add categories to organize your event based on its content
- Status - Set the event’s publication status
Comments aren'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
- Featured image - Add a featured image
- Event URL - Edit the event’s URL slug
- Excerpt - Add an excerpt to provide a short description that displays on the main events page and elsewhere on your site, like in summary blocks
- Featured event - Set it as a featured event
The Author and Source URL options aren't supported by events pages.
Location
In the Location fields, add a location to correspond to your event
SEO
- SEO title - Add an SEO title to help search engines
- SEO description - Add an SEO description to help search engines
Social
Add an alternate social sharing image to display when the event is shared on social media
Share
Social - Automatically share your event to your social media profiles when you publish. You need to 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 featured image and description.
To open an event's settings, tap the events page, then tap an event. Tap …, then tap Page settings or Settings. Tap a setting to make changes:
- Event title - Add a title to your event
- Starts on - Add the event's start date and time
- Ends on - Add the event's end date and time
- Location - 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.
- Publish status - Set the event’s publication status
Tap More options to make more changes:
- Event URL - Edit the event's URL slug
- Excerpt - Add an excerpt to provide a short description that displays on the main events page and elsewhere on your site, like in summary blocks
- Social - Automatically share your event to your social media profiles when you publish. You need to have connected accounts to share content this way.
- Featured event - Tap the toggle on to set it as a featured event
- Tags - Add tags to the post to organize your event based on its content
- Categories - Add categories to organize your event based on its content
The Author, Source URL, and Comments options aren't supported by events pages.
When you're done, tap Done or ✓ to save your changes.
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 when 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
How to style your events page depends on your site's version.
- On the events page, click Edit.
- Hover over the events section and click the pencil icon next to Manage events.
- 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, like pagination links to events before and after.
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.
- In the Pages panel, hover over an events page and click
.
- Use the Default event view drop-down to select either List or Calendar.
- Click Save and refresh the page.
List layout
Events display in a list with descriptions, excerpts, and featured 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 featured image, the featured image 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, each event's time and title display in the day's box. The height of the week expands, and featured images 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, change 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 featured 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:
- Go to your events page.
- In the Home menu, click Design, then click Site styles.
- Use the Events tweaks to change the landing page style.
- For tweaks specific to individual events, first ensure Disable item pages is unchecked. Then exit site styles, open an event, and reenter 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 featured image as a thumbnail that displays above or to the left of the event
- Thumbnail size - Set the shape of the featured image
- Show date tag - Show or hide the date tag that displays over or in place of the featured 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.
To show or hide past events:
- 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. If you use the Side Tag date style, date tags for past events appear crossed out.
- 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. If you have Show Date Tag checked, date tags for past events appear crossed out.
- 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 into Upcoming events and Past events tabs.
To edit an event, click the event in the Events page panel, then hover over the preview and click Edit. To delete an event, hover over it in the Events page panel and click ..., then click Delete.
In the Events panel, events are organized into Upcoming events and Past events tabs.
To edit an event, hover over the event and click ..., then click Settings. To delete an event, hover over the event and click ..., then click Delete.
Provide links to add your events to external calendars
To display links that visitors can use to add your events to their Google Calendar and iCloud Calendar:
- Click Edit in the top-left corner of an events page.
- Hover over the events section and click the pencil icon.
- Switch the Show export links toggle on.
- Hover over Done and click Save.
- Open an events page.
- In the Home menu, click Design, then click Site styles.
- In the Events section, check Show export links.
- Click Save to apply your changes.
Watch a video
This video applies to version 7.0.