This article will guide you through what you can do with this section of designing and working with the Activity Landing Page (formerly Event Page). If you are just starting in designing your Activity Landing page, you will likely want to start here.
If your Event will have a prominent video (livestreamed or recorded), you can use the Live Event toggle set in the Theme section to display it prominently in its own "Hero" section. When you have chosen to use the Live Event option, it will show first on the page, essentially supplanting the normal Image Hero as the first visible section on the Activity Landing Page. The Live Event section can also include elements similar to a Progress section or Fundraising Thermometer page, so you can display the amount raised, your goal and your pledged and collected donations and more.
The Live Event section provides a single viewed screen that can be used with the most important parts for a live event, so a virtual event or a virtual component to an in-person event is as meaningful as the in-person experience.
Besides the video adjusting to fill whatever screen it is shown on, the progress bar toward your goal is prominently displayed across the bottom of the video, the Donate button is always visible in the banner at the top and the Activity Wall shows donations and pledges as they are added. When a supporter first comes to an Activity Landing Page using the Live Event, they will be shown a banner across the video and disappear after a few seconds so more of the video is visible. This same banner will reappear when the video is paused.
Designing the Live Event section
Go into your Activity Landing Page either from the Navigation menu: Activities > Activity Landing Page (if you've created it already), or by clicking the Activity Landing Page category on the left while in your activity. If you have not yet created your Activity Landing Page, click here to get started. If you have not included the Live Event Section, go to the Theme section and select Include Live Event Section as described here.
The Live Event section is essentially a replacement Image Hero section . This is provided so you can easily switch from an Image Hero to let your supporters know the live stream video is "coming soon" and provide anything from a slide show to get them excited for the video stream to an image to get them to browse the rest of the page while they're waiting for the video.
If you need to configure your Image Hero section, click here.
If you decide to not use the Live Event section, you can hide the entire section with the Show/Hide switch.
If your Progress Bar and Activity Wall get lost in the brightness of your video, you can turn on the Overlay so it will darken the edges of the video to allow those parts of the screen to be more visible.
By default, the Event Logo for the Live Event section is copied from the logo selected in the Logo & Branding section. If you would prefer to have a different logo, such as a unique one for your event, you can change the logo by clicking Update.
The Live Event section places the Event Logo in the banner that appears when the page first loads and when the video is paused.
Select an image from your system to upload.
Crop the image as needed and click Crop and Save or select Use Original.
For best results, the Logo should be at least 150px by 150px. It doesn't need to be square, though. For more information on Image Sizes, click here.
If you don't want an Event Logo image in the Live Event section, you can hide it by clicking the Show/Hide switch.
Like the Event Logo and the Subtitle, the Title appears in the banner that appears when the page first loads and when the video is paused.
By default, the Title will be the special variable [event_title]. This title pulls from the campaign's Event Details. You can change the Event Title from the campaign's Event Details, as described here. Changing it through the Event Details will insure that the Title matches your various activities, such as Ticketing.
You can also edit the Title to be anything you wish and include different formatting. You can also choose other variables from the drop down list.
Like the Event Logo and the Title, the Subtitle appears in the banner that appears when the page first loads and when the video is paused.
The Subtitle is very similar to the Title. It appears above the Title and by default includes the Venue's name [event_venue] and the event's start date and time [event_start_date] @ [event_start_time], based on the campaign's Event Details as described here.
You can edit the Subtitle to be anything you wish and include different formatting, in the same way as the Title. You can also choose other variables from the drop down list.
To turn off the Video Stream use the Show/Hide switch.
Click on the Edit button to add a video to stream. This can be a livestream or previously recorded video from YouTube, Vimeo or Facebook.
Copy and Paste the link from the source (YouTube, Vimeo or Facebook)
The video should automatically play when the page loads.
If you are using a live video, your supporters can select play or pause. If it is paused, when you select Play again, it will jump to the actual live video.
If you are using a recorded video, your supporters can play/pause and also fast forward or rewind in 15 second increments.
The Progress Bar appears across the bottom of the video with the amount collected and pledged in the lower left, the goal in the lower right and the bar filling the page width.
You can turn off the Progress Bar with the Show/Hide switch.
Click the Edit icon to make changes.
Here, you can Show or Hide the Goal, the Total Donations and the Donor Count by turning each on or off.
You can also set your Goal here.
Make sure to click Save after making any changes.
The Activity Wall appears up the right side of the video. It can be turned on or off on the Activity Landing Page with the the icon in the lower right of the Hero section immediately below the Goal.
To change what appears on the Activity Wall click the Edit icon.
You can Show/Hide the Donor Name and the Donation Amount with the Show/Hide switches.
Make sure to click Save after making any changes.
While the action button defaults to the word Donate and appears in the banner at the top of the form, so is always visible even when you scroll away from the Hero video.
If you do not want to include the Action Button, you can use the Show/Hide switch to remove it from your Activity Landing Page.
Click the Edit icon to change the label on the button and to which form it will go.
Include in Totals
Like a Fundraising Thermometer, the Live Event Hero section is designed to be presentable for a live event, in this case something livestreamed. This means that you are expecting your supporters to be viewing the Activity Landing Page live and so they will want to see immediate responses to their texts to pledge and donate.
So, like the Fundraising Thermometer, by default, the Activity Wall will include collected donations, pledges and offline donations. You can change this in the Include in Totals section by clicking the Edit button and turning off the Pledges and/or Offline donations.
Click Save to save any changes you make.
The Background of the Sponsors section starts as dark grey (hex code #333333) for the Dark Theme and white (hex code #ffffff) with the Light Theme.
To change the Background Color, enter a color's hexadecimal code or click on the color square and pick the color of your choice using the wheel and square.