What can I add to a section in an event website?

Note: this article covers functionality for our new Event Website Builder. For articles about using our legacy Event Website Editor, please refer to this support category

When interacting with the Event Website Editor, you will see the following sections available to you:

'Hero Section'
'Standard Section'
'Custom Section'
'Video Section'
'Showcase Section'
'Registration Section'
'Countdown Clock'
'Agenda Section'
'Column Section'
'Divider'

Each section provides similar options, but allows you to create different types of content, all of which is detailed below:

Hero Section

Selecting this option will take you to the 'Hero Section' editor. Your 'Hero Section' is the a larger section than a standard section, which is useful for making a specific section more prominent. Using this editor, you can add text, image and video content, set the size and positioning of the section content, add additional buttons and manage access:

Title - displays a title on the section, this is a mandatory field.
Content - add any text you wish to display in your hero section using the Content editor.
Layout/Height - adjust your section Content alignment (left/right/centered) and choose the height of your section.
Call to Action - this area allows you to add a button to your section that can either redirect to your event 'Start Registration' section or a custom URL of your choice. This button can be hidden if required.
Logo - select a logo image to upload that will be displayed at the top of your hero section.
Section Background - select a background image to upload or select a background colour for your hero section.
Background Video - upload an .mp4 video that will be displayed as a background on your hero section. This video will be muted and looped when played.
Access Control - select the audience that can see the hero section (eg visible to all, confirmed attendees only etc)
Advanced Options - apply custom CSS and manage the section padding of the hero section

Standard Section

Selecting this option will take you to the 'Standard Section' editor. Using this editor, you can add text and image content, add files that can be downloaded by your attendees, and manage access:

Title - displays a title on the section, this is a mandatory field.
Content - add any text you wish to display in your section using the Content editor.
Layout/Height - adjust your section Content alignment (left/right/centered) and choose the height of your section.
Section Background - select a background image to upload or select a background colour for your section.
Section Image - upload an image to within your section with the ability to add a title as well.
File Download - upload a file that can be downloaded by your attendees when visiting your event website and give it a name. Please note that files cannot exceed 10mb.
Pin Section - this option is for retaining event website sections when the event is created from an event request.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc)
Advanced Options - apply custom CSS and manage the section padding of the section

Custom Section

This section type provides the same options as a 'Standard' section, with the ability to use custom HTML or Markdown within your section content. This is for advanced users only!

Video Section

Selecting this option will take you to the 'Video Section' editor. Using this editor, you can add a video via direct link from YouTube, Vimeo or Wistia, add text content, and manage access:

Title - displays a title on the section, this is a mandatory field.
Video URL - add the link to the video you wish to play within this section here, with the ability to 'autoplay' or 'loop' the video on repeat if desired.
Content - add any text you wish to display in your section using the Content editor.
Section Background - select a background image to upload or select a background colour for your section.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.

Showcase Section

Adds a new section to your event site containing your selected tiered list created using the 'Showcase' feature (see article 'How do I create and manage lists for an event website?' for more details in using 'Showcase' to create new lists). Once a tiered list has been selected, you will see the following options available in the editor to the right of the page:

Title - adds a title to the section that will be displayed for all attendees when viewing your event website.
Tier - allows you to select either 'all' tiers from your selected Showcase list, or choose a specific tier to be displayed in this section.
Display Style - select the style you wish the list items to be displayed in (eg logos only, logos and text etc).
Content - allows you to add additional text to the section (eg a description or important additional information).
Section Background - upload an image that will be displayed as a background for your section, with the ability to set opacity to ensure that the list item details are still legible.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.

Registration Section

Adds a new 'Registration' section to your event website, containing a field for attendees to enter their email and a button to submit. By default there will be a registration section added to your event website, but you may wish to add more if required. When selecting to add a new registration section, you will see the following options available:

Title - adds a title to the section that will be displayed for all attendees when viewing your event website.
Form Content - allows you to add a label and 'placeholder' text in your registration section, as well as rename the button they select to submit their email when starting their registration.
Content - allows you to add additional text to the section (eg a description or important additional information).
Open/Closed Messaging - allows you to create your own registration 'open/closed' messages to be displayed on the section (overriding the default messages we display for you in each scenario).
Section Background - upload an image that will be displayed as a background for your section, with the ability to set opacity to ensure that the section text is still legible.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.

Countdown Section

By selecting the Countdown Section option, you can add a section containing a 'countdown clock' that will slowly decrease in time as your select event date draws nearer. When adding a countdown section, you will see the following options available to you.

Title - adds a title to the section that will be displayed for all attendees when viewing your event website.
Countdown To - allows you to select the event within your event that the countdown clock will countdown to (eg Event Start, Registration Opens etc).
Display Style - allows you to choose the style in which the countdown clock is displayed (eg decreasing circles or a flipclock).
Visible Units - sets the units to be displayed on the countdown clock (days/hours/minutes/seconds).
Finished Message - allows you to enter a custom message to display when the countdown clock reaches its end.
Content - allows you to add additional text to the section (eg a description or important additional information).
Section Background - upload an image that will be displayed as a background for your section, with the ability to set opacity to ensure that the section text is still legible.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.

Agenda Section

Where you have created an agenda for your event ( see article 'How do I create an agenda for my event?' for more details on creating an agenda), you can select this option to display the agenda on your event website. All agenda details are pre-configured in the 'Agenda' area of your event admin area, but you still have the following options available to you to configure for your event website:

Title - adds a title to the section that will be displayed for all attendees when viewing your event website.
Content - allows you to add additional text to the section (eg a description or important additional information).
Section Background - upload an image that will be displayed as a background for your section, with the ability to set opacity to ensure that the section text is still legible.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.

Column Section

Selecting a Column Section will add a new section to your event website, of which you can drag already created sections of any kind into, creating a 'column view' (where both sections are displayed side-by-side). You also have the following options available to you when editing:

Title - adds a title to the section that will be displayed for all attendees when viewing your event website.
Content - allows you to add additional text to the section (eg a description or important additional information).
Section Background - upload an image that will be displayed as a background for your section, with the ability to set opacity to ensure that the section text is still legible.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.

Divider

Selecting to add a 'Divider' will display a small amount of spacing between sections, that can be re-ordered by dragging into the position you desire. When you add a divider, you will have the following options available to you when editing:

Size - define the size of the divider when viewing your event website (small, medium, large, extra large.
Section Background - upload an image that will be displayed as a background for your divider, or add a block of color, with the ability to set opacity to ensure that the section text is still legible.
Access Control - select the audience that can see the section (eg visible to all, confirmed attendees only etc).
Advanced Options - apply custom CSS and manage the section padding of the section.