Activity Landing Page Live Event Section

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.

If you will have more than 1,000 live viewers during your virtual event, please contact your CSM a week in advance so we can advise on the setup and preparation for your event.

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.Video Hero Example

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 best way to use the features here will be to create the Activity Landing Page on your Text to Donate activity.

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.

When you're ready to go live with your live stream or video, switch the Image Hero Display Section to Hide and the Live Event Section to Show.
Image. Hero Display Switch

If you need to configure your Image Hero section, click here.

Live Event Section

Display Section

If you decide to not use the Live Event section, you can hide the entire section with the Show/Hide switch.

Depending on your design, you may want to have a "placeholder" section using the Image Hero before your event goes live. Then, when you are actively livestreaming, you can switch the Image Hero section to Hide and switch the Live Event section to Show. That way your supporters will not see an error or a screen that says the video is not yet live, etc.

Show Overlay

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.

Video Overlay Example

Event Logo

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.

Live Event Logo Placement

Select an image from your system to upload.

Crop the image as needed and click Crop and Save or select Use Original.

Crop Image Controls

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.

It is recommended to use a logo with a transparent background so it will blend in with the rest of the page.


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.

Video Stream

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)

Do not use any special link from the source sites, such as embed links. 

Click Save.

The video should automatically play when the page loads.

Note: It will automatically play on the actual Activity Landing Page that you can view by clicking on Activity Landing Page in the Display Pages section below the categories along the left of the design page. The preview of the Activity Landing Page that is shown as you edit it will not play the video.

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.

Fast Forward and Rewind Controls

Hero Video Edit

Progress Bar

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.

Placement of Progress Bar, Activity Wall and Action Button

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.

Hero Progress Bar Edit

Activity Wall

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.

Show/Hide Activity Wall on the Event Page

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.

The Show/Hide switch for Donations as the activities to display on the wall is for a future feature. Right now if you Hide the donations, you effectively turn off the Activity Wall.

Make sure to click Save after making any changes.

Hero Activity Wall Edit

Action Button

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.

The Action Button, by default, goes to the activity the Activity Landing Page is created in. Even though you can change what activity it will go to, the Progress Bar and Activity Wall will only show information from the activity the Activity Landing Page is created in, which is why it is important to create the Activity Landing Page in your Text-to-Donate activity so the correct information will be available for your Event. 

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.

Edit Action Button

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.

Edit Include in Totals

Background Color

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.

Sponsor Background Color Wheel