Activity Landing Page Event Details Section

This article will guide you through editing the Event Details section on the Activity Landing Page (previously called the Event Page). If you are just starting to design your Activity Landing Page, you will likely want to start here.

The Hero section grabs the attention of 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 similar to the Hero section, with the addition of a Message section to provide more text.

Edit the Event Details section within the Activity Landing Page designer.

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.

Image

The image in the Event Details section is more of a logo. This 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, Subtitle & Message

The Event Details section has a Title, Subtitle and Message where you can add in your details.

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."

Subtitle

The Subtitle appears below the Title and by default includes the variables of [Campaign Venue] [Campaign Start Date] @ [Campaign Start Time], based on the Campaign 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.

If the details like your campaign name, venue, start date and time are incorrect visit the Campaign Details to update these globally. Changing it through the Campaign Details will update these variables in all of the activities under this campaign.

Message

The Message design is also very similar to the Title and Subtitle. It appears below the Subtitle and by default includes the variable [Campaign Description], based on the Campaign 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

Below the Message, include an Action Button. If an Action Button does not make sense for your section, use the Show/Hide toggle to hide the button.

Click on the Edit icon to rename the button and link it to your desired form or URL.

Display Label

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

Link

Click the drop down arrow to select any form within the campaign as the destination for your button. Start typing the name of your form to narrow your selection.

Alternatively, click Use an external link instead to direct your supporters to an external URL or a link to another Activity Landing Page. If you change your mind about using an external link, click Use a GiveSmart Fundraise link instead to revert to the original design.

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

Make sure to Save your selected settings.

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

The Solid Color starts as dark grey (hex code #333333) for the Dark Theme. 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 picker to select the color of your choice. Use the color bar and circle to select. There are default colors you can use as a starting point. Once you've selected a color on the color picker, click apply.

Media Carousel

Instead of a Solid Color, you can use one or more images to appear in the background. 

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

Click Upload to add images.

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) to swap out an image.

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

Image Move

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

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