Event Page Event Details Section

This article will guide you through what you can do with this section of designing and working with the Event Page. If you are just starting in designing your event 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.

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 

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

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

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 Event 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 MobileCause 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.

Click Upload to add images.

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

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.

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

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