Use the Events Page 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
Before you begin
Best practices
- 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.
- To display past events, set the page to List View.
- 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.
Limitations
- Recurring or repeating events aren't supported at this time. You can duplicate events to create identical events without reentering the same information.
- The Events Page doesn’t support appointment, event, or class booking. We recommend linking to a third-party service to add booking to your site.
Events Page layout
Landing page
You can display events as a list or a calendar. To learn more, visit Styling the Events Page.
Note: List view displays up to 30 events.
Event view
When a visitor clicks an event, the event will appear on its own page with the full description. You can enable share buttons and export links to Google Calendar or iCal in the Style Editor.
Events Pages vs. Calendar Blocks
The Events Page and the Calendar Block can both display upcoming events on your site, but each one works a little differently.
The Events Page is the main location for all your events. Create and manage all events through your Events Page, and customize the look using the Style Editor.
The Calendar Block pulls information from your Events Page and displays it in other areas of your site, like Regular Pages, blog posts, and other content areas. The Calendar Block can also pull collection items from other page types. Calendar Blocks always display as a calendar, not a list.
Step 1 - Add an Events Page
In the Home Menu, click Pages, then click the + icon to add a new page. Select Events from the New Page menu.
To learn more, visit Adding pages to your navigation.
Step 2 - Choose a view
By default, the Events Page displays your events in List View. List View is a great option if you want your Events Page to look more like a blog than a calendar.
To display your events in calendar format, select Calendar from the Default Event View drop-down menu. To learn more, visit Styling the Events Page.
Step 3 - Add an event
In the Events Page panel, click the + icon to add a new event.
In the Edit Event window, set up the event details:
- Enter the event's title.
- Click the date links to select the event's start time and end time (required). Event times are based on the time zone set in Regional Settings. The times won't change based on a visitor's time zone.
- Add a description of the event in the Description box. It includes a Text Block to get you started. Add other blocks to create a custom layout for the event, just as you can do with any page or blog post.
Tip: To collect RSVPs or bookings for an event, add a Form Block or a block leading to a third-party booking service to the Description box. You can also add a Button Block to an external link if you use a third-party booking or event service.
Step 4 - 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. Their appearance is different for each template.
Click the Tags + or Categories + link to label your event.
Formatting tips:
- Tags must be 80 characters or fewer.
- Categories must be 25 characters or fewer.
- Tags and categories are case-sensitive. For example, entering Apples, apples, and APPLES creates three tags or categories.
To learn more, visit Adding tags and categories.
Step 5 - Add a thumbnail image
In the Options tab, you can add a thumbnail image to represent the event on the main Events Page.
In the Thumbnail Image box, click Add an image to add a thumbnail image, or click and drag an image file into the box. You can also click Getty Images to search the Getty library for a licensable image.
Step 6 - Add an excerpt
Excerpts show visitors a short description of the event. To add an event excerpt, click the Options tab and add text to the Excerpt box.
Step 7 - Set the event location
Click the Location tab to 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.
Step 8 - Share the event
If you have connected accounts that allow for pushing content, you can automatically share the event on your social profiles when publishing it.
From the Social tab, switch the share toggle to on for any accounts where you want to share this event.
To learn more, visit Sharing content on social media.
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.
Tip: Use a Summary Block or Calendar Block to display events on other pages of your site. When viewing an event, clicking Back to All Events will bring visitors back to your Events Page, not the page containing the Calendar or Summary Block.
Step 9 - Publish or change 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 close the editor, save the event, and make it visible on your live site.
After saving the event, choose from four visibility options:
- Published
- Scheduled
- Needs Review
- Draft
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, click the event thumbnail in the Events Page panel and then 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. Once it’s Published, you’ll see the thumbnail without a banner and the content appears live on your Events Page.
Style the Events Page
You can customize the look of your Events Page in the Style Editor. To change the font, use the Body Text font tweaks.
You can also display past events, resize thumbnails, hide certain information, and more. To learn more, visit Styling the Events Page.
Manage events
You can manage your events in the Events Page panel
Events are organized by Upcoming and Past. To edit or delete an event, click the post title, then click Edit or Delete.
FAQ
Can I add recurring events?
It's not currently possible to create recurring events, but you can duplicate events to create identical events without reentering the same information.
Can I sync events with an external calendar?
Yes. To add Google Calendar and iCloud Calendar links to events, open an individual event, then open the Style Editor, and check Show Export Links.
Can I push events to my Facebook Brand page?
You can push your events to your Brand page if it's connected in Connected Accounts. This shares the event from your site on Facebook, but it doesn't create an actual Facebook event.
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.
Will event times display in a visitor's time zone?
Event times are based on the time zone set in Regional Settings and don't change based on a visitor's time zone.
Do events' thumbnail images display on mobile devices?
Most mobile devices will display your thumbnail images when your Events Page is set to List View.
When your Events Page is set to Calendar View, most mobile devices won’t display thumbnail images, especially in portrait mode. Some larger mobile devices will show your thumbnail images in landscape mode.