Events Collection

The Events Collection allows you to create, edit, and manage all of the events on your website in one central location. The Events Collection dashboard also contains additional values and details to add to your event. To pull the events on to a page on your website, you can add a Collections content block to any page on your site, and then you can modify its appearance within the Design panel.

• Configure your Events Collection
  • Step 1: Add a new event
  • Step 2: Add the Events Collection block on a page
  • Step 3: Configure how the events appear on the page

• Choose which events are active, inactive, or scheduled
• Include or exclude tags
• Override the default image for events

Configure your Events Collection

Step 1: Add a new event

To set up your Events Collection:

1. Navigate to the Collections tab at the top of the Websites app.
2. All of the Collections on your website are listed here. If you do not yet have an Events Collection set up, click on Add Collection, then select Events from the pop-up menu.
3. Once the Collection is created, select Events from the list.
   
4. On the Events Collection page, click Add New Event. 
   
   This page provides the following fields for you to enter information:

Finally, once you have entered all of the necessary details, click Save on the bottom-right corner of the page. If the button does not work, then you may want to scroll back up on the page and make sure all fields/information is correct - any items that need attention will be highlighted in red.

Step 2: Add the Events Collection block on a page

1. Navigate to the Pages tab at the top of the page, then click on the page where you want your events to appear.
2. Click one of the (+) buttons between content blocks, then select Collection from the menu that appears.
   
   
3. On the Collection block, click on the Collection Type dropdown menu and select Events.
   
4. By default, all of your events in your collection will appear in the block. If you would only like certain events to appear, then you can select the toggle switch labeled Manual Selection. On the Items dropdown menu, you can select all of the events that you would like to appear.
   

Step 3: Configure how the events appear on the page

Finally, once you have set up your events and added the Events Collection block to your page, you will want to head over to the Design panel and configure how the events and their details display on the page. 

1. Scroll to the top of the page and select Design this page.
2. Once on the Design panel, select the Page tab, then select Collection on the right-hand sidebar. You can also click directly on one of the events inside the preview window, and the Collections settings will appear on the right-hand sidebar.
   
   

All settings on this page will affect ALL events. Below is a list of the major design settings that are available, from top to bottom on the sidebar:

Once you are finished making changes to the design settings, click the green Save button on the bottom-right corner of the page.

Choose which events are active, inactive, or scheduled

When managing the Events Collection, you may want to set different events to appear right now, be inactive, or be scheduled to appear at a specific time and date. Keep in mind that only events you have manually added into your Events Collection allow you to change the status.

1. Navigate to the Collections tab at the top of the Websites app, then select Events.
2. Look at the Status column. When events are added here, they are set to "Active" by default.
   
   Click the status icon in this column to change it.
   
3. A pop-up will appear, letting you change the status. After changing the status, click Save.
   

Include or exclude tags

If you are seeing events on your page that you are wanting to remove quickly, you can easily add a tag to the event and exclude it from showing on your website! Excluding certain tags helps you quickly remove events from your website, so as to not confuse your visitors.

1. Navigate to the Collections tab at the top of the Websites app, then select Events.
2. Open the event you'd like to add a tag to, and scroll down to the Tags section. Enter in the tag name you want to use to exclude/include/categorize certain events (this will be the tag you should use for all events of the same type). Click Add, then Save.

   In this example, we used "music":
   
   

3. Navigate to the Pages tab at the top of the page, then click on the page where you list your events.

4. Navigate to the page's Collections block, and enter the tag you created in the Filter by Available Tags field, then click Add.
   
   
5. The tag will appear beneath the text field. Click directly on the tag, and a pop-up box will appear, letting you choose to include or exclude all events with that tag name.
   
   Note: After you change the selection to include or exclude, a blue checkmark should appear in the Filter by Available Tags field to confirm that the change was successful. Make sure this blue checkmark appears before publishing your changes.
   

Override the default image for events

When creating events, you can upload a single image that will be used on all design renderings (all slideshows on the website, event page default image, as well as the image that appears in the details page). However, if you do not want to have this single image shown, you can choose to override the default image and pick and choose a different image for each of those design renderings.

1. Navigate to the Collections tab at the top of the Websites app, then select Events.
2. Open the event you'd like to modify the default image for, or click Add New Event to create a brand new event.
3. On the event page, scroll down to the Images section. Check the Override default image box that is beneath the default image field, and you'll be prompted to upload the images for each of the design renderings.
   
4. Upload your images, then click Save at the bottom of the page.