Watch a video
Before you begin
- Calendar Blocks don’t support booking. For booking, we recommend using Appointment Scheduling Blocks.
- Events Pages can also use a calendar layout. To learn more about the differences between these features, visit Event Pages vs. Calendar Blocks.
Add the Calendar Block
To add a Calendar Block:
- Edit a page or post, click an insert point, and select Calendar from the menu. For help, visit Adding blocks.
- Select a collection page to display content from. Calendar Blocks can only display content from one collection page.
- Click Apply.
Calendar Block display
Calendar Blocks can display items from the following collections:
- Events - Links to upcoming and past events. Displays event title, event time, and thumbnail. This is the most popular use for Calendar Blocks.
- Blog - Links to blog posts by publication date. Displays post title and thumbnail.
- Album - Links to album tracks by publication date. Displays track title.
- Gallery - Links to images by publication date. Displays image title.
- Products - Links to products by publication date. Displays product name, description, and thumbnail.
Keep in mind:
- Item excerpts display on hover.
- Item thumbnail images display cropped to fit the square area of the given calendar date.
- Dates without items appear gray or match your site’s background color, depending on the size of your block. Calendar Blocks don’t have their own style tweaks.
- If an event is set to end at midnight, Calendar Blocks will display the event on both days. To only display the first day, adjust the end time to 11:59pm on the linked Events Page.
- Blog posts scheduled for future publication won't appear in Calendar Blocks, though upcoming events will.
Calendar Blocks include interactive features to help visitors navigate and view details:
- Arrow controls automatically appear at the top to navigate by month.
- Clicking any date with an item will open the original item page.
- If there are multiple items occurring on the same date, each item's time and title displays in the same box. The height of the week expands automatically to display additional items.
- In the case of multiple items on a given date, thumbnail images for individual items won't display.
Calendar Blocks adjust to fit the page when viewed on a smaller display. You can resize the blocks to adjust their size relative to other page content.
- 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.