Events Collection Overview
The Events Collection helps you create, edit, and manage all website events in one central place. You can add extra details to your events, like ticket prices, venue locations, and artist names.
To show events on your website, add a Collection content block to any page and customize its look in the Design panel.
Configure Your Events Collection
Step 1: Add a New Event
Click the Collections tab at the top of the Websites app.
Look for Events in the list.
Note: If you do not see it, click Add Collection, choose Events from the pop-up, and then select Events from your list.
Click the Add New Event button.
Fill out the event details using the fields below:
| Field Name | Description |
| Event Information | Basic details that show up in lists, feeds, and visual displays. |
| Images | Upload one main image for all listings, or turn on Override default image to add multiple photos. |
| Artists | Add multiple artists and sort them as Headliners or Openers. |
| Purchase Information | Add ticket prices, write labels, insert ticket links, and set the "on-sale" status. |
| Restrictions | Share age limits, rules, or special instructions for guests. |
| Venue | Select a venue from the dropdown menu. (You must set up locations in your Locations Collection first). |
| Media | Add a text description or link to videos and external audio. |
| Tags | Create internal labels to organize events. Website visitors cannot see these tags. |
Click Save in the bottom-right corner.
Troubleshooting: If the page does not save, scroll up to check for errors highlighted in red.
Step 2: Add the Events Block to a Page
Click the Pages tab at the top of the screen.
Select the page where you want to display your events.
Click a (+) button between any existing content blocks.
Select Collection from the menu.
Click the Collection Type dropdown menu on the new block and select Events.
Tip: By default, the block shows all events. To show specific events only, turn on the Manual Selection toggle and choose your events from the Items dropdown menu.
Step 3: Design How Events Look
Scroll to the top of your page and click Design this page.
Click the Page tab on the right sidebar, then select Collection. (Alternatively, click directly on an event in the preview screen to open these settings).
Adjust the design settings. Changes you make here affect ALL events:
| Setting | What it Does |
| Type | Changes the layout style (Grid, Slideshow, or List). |
| Layout | Controls how event text sits on top of cover images. |
| Images | Changes the look and style of event cover images. |
| Date | Hides/shows the day of the week and changes date text styles. |
| Promoter | Hides or shows the name of the promoter. |
| Event Information | Changes the size, color, and style of the main event text. |
| Artists | Hides or shows Headliners and Openers. |
| Event Details | Hides or shows Location, Door Times, Restrictions, or Price. |
| Buttons | Changes where your action buttons align on the screen. |
| Item Containers | Adjusts the blank space between individual events. |
| Item Borders | Adds or removes borders around individual events. |
| Container | Adjusts the empty space (padding) around the whole collection block. |
| Border | Adds or removes a border around the whole collection block. |
| Animation | Adds a visual effect (like zooming or sliding) when the page loads. |
Click the green Save button in the bottom-right corner when finished.
Change Event Status (Active, Inactive, Scheduled)
You can choose exactly when events appear on your site. You can only change the status of events you add manually.
Go to Collections > Events.
Locate the Status column. New events are automatically set to Active.
- Click the status icon for the event you want to change.
Select a new status from the pop-up menu and click Save.
Filter Events Using Tags
You can use tags to quickly hide specific events from your visitors or group them together.
Step 1: Add a Tag to an Event
Go to Collections > Events and open your event.
Scroll to the Tags section.
Type a tag name (for example: music) and click Add.
Click Save.
Step 2: Filter the Page Block
Go to the Pages tab and click on your events page.
Find your Collections block on the page.
Type your tag into the Filter by Available Tags field and click Add.
Click directly on the tag box that appears below the field.
Choose Include or Exclude in the pop-up box.
Look for a blue checkmark in the filter field to confirm the system saved your choice, then publish your changes.
Override the Default Event Image
By default, the website uses one single image for an event across all slideshows, lists, and detail pages. You can override this setting to use different images for different views.
Go to Collections > Events and open your event.
Scroll down to the Images section.
Check the box labeled Override default image below the main image field.
Upload specific images for each layout option.
Click Save at the bottom of the page.
Related Articles
Blog Collection
Note: The Blog Collection is not yet available to all Websites 360® users yet. You can create and manage blogs using the Blog page type outlined here. Blog Collection Overview The Blog Collection lets you add, edit, and manage your website's blog ...Team Members Collection
The Team Members Collection is your one stop shop for updating your team information, employee bios, as well as changing your employee availability. It is a great way to keep all of your team member information up to date, and makes it easy for ...Locations Collection Overview
The Locations Collection is the central place to update your business locations and their specific details. To display these locations on your website, add a Location Finder content block to any page. This places an interactive map on your site for ...Managing Your Blog on Websites 360
You can easily add a blog to your website. The Blog page type on Websites 360® includes a pre-built content block. This block helps you create and format your blog posts quickly. Create a Blog Page Follow these steps to build your main blog page: ...Resources Collection
The Resources Collection lets you host and share PDFs on your website. It is a database of all the PDFs you need hosted online. To access the Resource Collection: Click the Collections tab at the top of your Websites app. Select Resources. Upload a ...