Activity Landing Page Event Details 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.

Where the Hero section grabs the viewer with one or more large images, the Event Details section provides room to describe your event and get your supporters excited for it. The design of the Event Details section is very similar to the Hero section, with the addition of a Message section to provide more text.

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.

Event Details Section

Display Section

If you decide against using an Event Details section, you can hide the entire section with the Show/Hide switch.

You can also delete the section by clicking the Trashcan icon, if you don't ever plan to use it. If you delete it, you will be shown a confirmation box before it completes the deletion 

Warning: Deleting the section is basically irrecoverable. If you don't want to use the section, it is highly recommended to use the Show/Hide switch over the Delete option, on the off chance you may want to use this section at a later time.

Section Alignment

Click the Left, Center, Right icons to alter the alignment of the text and logo of the Event Details section.

Event Details Alignment

Image

The image in the Event Details section is more of a logo. It is larger, so is a prime location to use your main organization logo.

By default, the Event Details Image is copied from the logo selected in the Logo & Branding section. If you would prefer to have a different image, you can change the image by clicking Update.

Select an image from your system to upload.

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

Crop Image

Title

You can edit the Title to be anything you wish and include different formatting. You can also choose other variables from the drop down list. By default, it says "MAKE A DIFFERENCE."

Event Details Title

Subtitle

The Subtitle is very similar to the Title. It appears below 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.

Message

The Message design is also very similar to the Title and Subtitle. It appears below the Subtitle and by default includes the event's description [event_description], based on the campaign's Event Details as described here.

You can edit the Message to be anything you wish and include different formatting, in the same way as the Title and Subtitle. You can also choose other variables from the drop down list.

This is where you can more fully describe your event and its details.

Action Button

You can include an Action Buttons in the Event Details section.

Click on the Edit icon to change the wording of the Button and the link it will go to.

Edit Action Button

Display Label

The Display label will be what appears on the Button. You have up to 20 characters for the Button text.

Link

The Link defaults to a drop down menu where you can directly add the link to any other form within the campaign to your Activity Landing Page. You can start typing the name of your form to narrow your selection.

You can also click Use an external link instead to direct your supporters to something like your homepage. If you change your mind about using an external link, you can click Use a GiveSmart Fundraise link instead to revert to the original design.

Note: you do need to include the http:// or https:// with external links.

Make sure to Save the Button settings when it is ready.

Background

The Background of the Event Details section starts as a solid color. This can be changed to a different color or a media carousel.

Solid Color

When in Dark Theme, the Event Details Solid Color is a medium grey by default (hex code #4d4d4d). In the Light theme, the Solid Color is the brand color set in the Logo & Branding section. To change the Solid 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.

Media Carousel

Instead of a Solid Color, you can use one or more images for your Event Details section. 

Click on the Edit icon to add or edit images for your Event Details section.

Edit Event Carousel

Click Upload to add images.

Note: The carousel will only take images smaller than 5MB.
File Size

Click the Trashcan to remove an image from the carousel. You will get a warning before it deletes.

Click the Upload icon (the icon next to the Trashcan with the up arrow next to it) to swap out an image.

When you have multiple images, you can click one image and drag it to change the order for the carousel.

Image Move

Note: The Captions in the Event Details images are there just for reference. They do not appear on the Activity Landing Page.

Event Details Complete

With your Event Details section complete, your Activity Landing Page is about half way done. Check the Activity Landing Page Design article for next steps.